<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>활용 &#8211; 워드프레스 가이드</title>
	<atom:link href="https://www.wp-guide.co.kr/tag/%ED%99%9C%EC%9A%A9/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.wp-guide.co.kr</link>
	<description>워드프레스 사용법 완벽정리/ 블로그,홈페이지 제작에 대한 모든 정보를 전달합니다. 주제별 테마,플러그인등 다양한 워드프레스 정보를 확인하세요.</description>
	<lastBuildDate>Tue, 24 Feb 2026 08:41:09 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://www.wp-guide.co.kr/wp-content/uploads/2024/02/favicon_padding-148x148.png</url>
	<title>활용 &#8211; 워드프레스 가이드</title>
	<link>https://www.wp-guide.co.kr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>SEO와 수익을 동시에 잡는 Easy Table of Contents/목차 플러그인 활용법</title>
		<link>https://www.wp-guide.co.kr/easy-table-of-contents-%eb%aa%a9%ec%b0%a8-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ed%99%9c%ec%9a%a9%eb%b2%95/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=easy-table-of-contents-%25eb%25aa%25a9%25ec%25b0%25a8-%25ed%2594%258c%25eb%259f%25ac%25ea%25b7%25b8%25ec%259d%25b8-%25ed%2599%259c%25ec%259a%25a9%25eb%25b2%2595</link>
					<comments>https://www.wp-guide.co.kr/easy-table-of-contents-%eb%aa%a9%ec%b0%a8-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ed%99%9c%ec%9a%a9%eb%b2%95/#respond</comments>
		
		<dc:creator><![CDATA[kthemeguide]]></dc:creator>
		<pubDate>Sun, 30 Jun 2024 03:51:56 +0000</pubDate>
				<category><![CDATA[플러그인]]></category>
		<category><![CDATA[SEO & 최적화]]></category>
		<category><![CDATA[목차]]></category>
		<category><![CDATA[블로그]]></category>
		<category><![CDATA[설치]]></category>
		<category><![CDATA[수익]]></category>
		<category><![CDATA[활용]]></category>
		<guid isPermaLink="false">https://www.wp-guide.co.kr/?p=7741</guid>

					<description><![CDATA[본 블로그에 사용하고 있는 목차기능에 대해서 정보를 공유하고 목차기능을 사용하는 이유를 설명드립니다. 워드프레스로 블로그를 운영하시는 분들이라면 목차기능을 이용해서 블로그의 가치를 한단개 높이고 사용자 유지를 통해 수익을 높이시기 바랍니다.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7742" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/easy-table-of-content-1024x876.webp" alt="easy table of content thumbnail" width="1024" height="876" /></p>
<p>본 블로그에 사용하고 있는 목차기능에 대해서 정보를 공유하고 목차기능을 사용하는 이유를 설명드립니다. 워드프레스로 블로그를 운영하시는 분들이라면 목차기능을 이용해서 블로그의 가치를 한단개 높이고 사용자 유지를 통해 수익을 높이시기 바랍니다.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7743" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/content-table-astra-example-1024x889.webp" alt="" width="1024" height="889" /></p>
<p><a href="https://www.wpbeginner.com/%EB%82%98" target="_blank" rel="noopener">https://www.wpbeginner.com/나</a> <a href="https://wpastra.com/blog/" target="_blank" rel="noopener">아스트라블로그</a> 개인적으로 많이 방문합니다. 두 블로그 모두 글 페이지에서 컨텐츠 목록을 제공하고 있습니다. 해외사이트의 경우 경험상 70% 정도는 컨텐츠의 목차기능을 적용해 놓은 것으로 보입니다.</p>
<p>컨텐츠 목차기능은 다음의 장점이 있습니다.</p>
<h2>왜 목차기능이 필요한가?</h2>
<h3>운영자 &#8211; 검색 엔진 최적화(SEO)</h3>
<p>우선 검색엔진 노출이 더 잘됩니다. 검색 엔진은 잘 구조화된 콘텐츠를 선호합니다. 목차를 포함한 글은 검색 엔진이 내용을 더 쉽게 이해하고 인덱싱할 수 있도록 도와줍니다. 이는 검색 결과에서 더 높은 순위를 차지하는 데 도움을 줍니다. HubSpot 연구에 따르면, 목차를 사용하는 블로그 글은 평균적으로 40% 더 많은 페이지 뷰를 얻는 것으로 나타났습니다 (<a href="https://blog.hubspot.com/marketing/the-ins-and-outs-of-writing-long-form-content" target="_blank" rel="noopener">HubSpot Blog</a>) (<a href="https://blog.hubspot.com/marketing/highest-performing-posts" target="_blank" rel="noopener">HubSpot Blog</a>).</p>
<h3>운영자 &#8211; 더 긴 체류 시간과 더 많은 페이지 뷰</h3>
<p>방문자가 더 오래 블로그에 머물게 됩니다. 클릭 수도 늘어나고 유효한 활동이 늘어난다는 뜻이죠. 목차가 있는 글은 독자들이 더 오래 머무르게 하며, 이는 검색 엔진에서 해당 글을 더 가치 있는 콘텐츠로 인식하게 만듭니다. 또한, 목차를 통해 독자들은 다른 관련 글도 쉽게 찾을 수 있어 페이지 뷰가 증가합니다. Content Marketing Institute에 따르면, 목차가 있는 블로그 글은 페이지 뷰가 30-40% 증가할 수 있습니다 (<a href="https://blog.hubspot.com/customers/navigate-long-form-content" target="_blank" rel="noopener">HubSpot Blog</a>).</p>
<h3>방문자 &#8211; 사용자 경험 향상</h3>
<p>방문자들 들은 대부분 원하는 정보만 얻기 원합니다. 방문자들의 요구를 충족시키는 적절한 방법이 목차입니다. 목차는 독자들이 글의 구조를 빠르게 이해하고, 필요한 정보를 쉽게 찾을 수 있게 도와줍니다. 이는 독자 만족도를 높이고, 글을 끝까지 읽을 가능성을 증가시킵니다. HubSpot에 따르면, 목차가 있는 글은 독자들이 평균 20-30% 더 오래 머무는 것으로 나타났습니다 (<a href="https://blog.hubspot.com/marketing/the-ins-and-outs-of-writing-long-form-content" target="_blank" rel="noopener">HubSpot Blog</a>) (<a href="https://blog.hubspot.com/marketing/highest-performing-posts" target="_blank" rel="noopener">HubSpot Blog</a>).</p>
<h3>방문자 &#8211; 글 이해도를 높임</h3>
<p>원하는 정보만 얻기 원하는 방문자라도 글의 목차를 보면 그곳에서 생각지 못한 정보를 확인할 수 있습니다. 방문자가 글의 주요 내용을 한눈에 파악할 수 있도록 도와줌으로 추가정보를 발견하게하고 배울 수 있는 기회를 제공합니다. 이와 더불어 독자들은 목차를 통해 글의 구조를 미리 파악하고, 관심 있는 부분을 집중적으로 읽을 수 있습니다. 이는 글의 이해도를 높여주며, 독자들이 글의 핵심 메시지를 더 잘 이해할 수 있게 합니다.</p>
<h2>목차플러그인 설치 및 활용</h2>
<p>&nbsp;</p>
<p>목차플러그인은 워드프레스에서 가장 인기 있고 평점이 높은 플러그인으로 선택했습니다. 아래 링크를 확인하시면 자세한 정보를 확인 가능합니다.</p>
<p><a href="https://wordpress.org/plugins/easy-table-of-contents/" target="_blank" rel="noopener"><strong>Easy Table of Contents</strong></a></p>
<h3>플러그인 설치</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7744" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/image-1-1024x497.png" alt="" width="1024" height="497" /> <img loading="lazy" decoding="async" class="alignnone size-large wp-image-7745" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/easy-table-of-content-install-1024x497.webp" alt="" width="1024" height="497" /></p>
<p>워드프레스 관리자페이지에서 다음으로 이동합니다.</p>
<p>관리자페이지 &#8211; 플러그인 &#8211; 새로설치</p>
<p>“easy table content” 로 검색어를 입력하면 플러그인이 표시됩니다. “설치”버튼을 누르고 설치가 완료되면 “Activate” 혹은 “활성화”버튼을 눌러 플러그인을 활성화 시켜 줍니다.</p>
<h3>플러그인 적용</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7746" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/easy-table-of-content-setup-1024x573.webp" alt="" width="1024" height="573" /></p>
<p>플러그인은 다음의 경로에서 설정페이지를 확인할 수 있습니다.</p>
<p>관리자페이지 &#8211; 설정 &#8211; 쉬운목차(easy table content)</p>
<p>기본적으로 글과 페이지에 적용이 되도록 되어 있습니다. 제목의 개수가 2개이상 일 때 목차가 표시되도록 설정을 해놓아서 아무페이지에서나 표시되지는 않습니다.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7747" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/easy-table-of-content-extra-setup-1024x781.webp" alt="" width="1024" height="781" /></p>
<p>다음의 설정은 필수로 해주시기 바랍니다.</p>
<ul>
<li>헤더레이블 표시여부 : 목차 상단에 “글목차”등과 같은 제목을 표시합니다.</li>
<li>헤더라벨 : 표시할 제목텍스트를 입력합니다.</li>
<li>계층으로 표시 : 체크해줍니다.</li>
</ul>
<p>이 외 글꼴, 색상, 고급설정등은 블로그 운영상황에 맞게 해주시면 되겠습니다.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-7748" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/easy-table-of-content-frontpage.webp" alt="" width="946" height="980" /></p>
<p>플러그인을 적용하면 위 화면과 같이 표시가 됩니다. 글 상단에 목차가 표시되며 목차를 클릭 시 해당 섹션으로 이동합니다.</p>
<p>경우에 따라서 글 상하단 외 다른 섹션에 목차를 표시하는 경우도 있습니다. 이럴 땐 쇼트코드를 활용해주셔야 합니다.</p>
<h3>플러그인 쇼트코드</h3>
<p>Easy Table of Contents 플러그인은 <code></code> 쇼트코드를 사용하여 글의 원하는 위치에 목차를 삽입할 수 있습니다. 글 작성 화면에서 목차를 삽입하고 싶은 위치에 <code></code> 쇼트코드를 입력합니다.</p>
<p><code></code> 쇼트코드에는 다양한 옵션을 추가하여 목차의 스타일과 기능을 조정할 수 있습니다. 주요 옵션은 다음과 같습니다:</p>
<ul>
<li><code>heading_levels</code>: 목차에 포함할 제목의 레벨을 지정합니다. 예: <code></code></li>
<li><code>include</code>: 특정 제목만 포함하고 싶을 때 사용합니다. 예: <code></code></li>
<li><code>exclude</code>: 특정 제목을 제외하고 싶을 때 사용합니다. 예: <code></code></li>
<li><code>no_label</code>: 목차 제목을 숨길 때 사용합니다. 예: <code></code></li>
<li><code>title</code>: 목차의 제목을 변경할 때 사용합니다. 예: <code></code></li>
</ul>
<p>일반적인 쇼트코드의 활용에 대해서는 다음의 글을 참조하시기 바랍니다.</p>
<p><a href="https://www.wp-guide.co.kr/wordpress-shoppingmall-woocommerce/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%87%bc%ed%8a%b8%ec%bd%94%eb%93%9c-%ec%99%84%eb%b2%bd-%ec%a0%95%eb%a6%ac-%ea%b8%b0%eb%b3%b8%ec%98%88%ec%a0%9c-%ec%82%ac%ec%9a%a9%eb%b2%95%eb%b6%80/">워드프레스 쇼트코드 완벽 정리: 기본예제 사용법부터 사용자 정의까지</a></p>
<p>더 자세한 정보와 지원은 <a href="https://tocwp.com/docs/" target="_new" rel="noreferrer noopener">Easy Table of Contents 공식 문서</a>를 참고하세요. </p>
<p>유료버전은 엘리멘터나 블럭에디터 위젯을 제공하고 있으며 추가로 ACF, AMP와 같은 플러그인 통합과 SEO기능 등 유용한 기능을 함께 제공하니 살펴보시면 도움이 될 것입니다.</p>
<p><a href="https://tocwp.com/pricing/" target="_blank" rel="noopener">유료기능</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wp-guide.co.kr/easy-table-of-contents-%eb%aa%a9%ec%b0%a8-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ed%99%9c%ec%9a%a9%eb%b2%95/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>워드프레스 쇼트코드 완벽 정리: 기본예제 사용법부터 사용자 정의까지</title>
		<link>https://www.wp-guide.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%87%bc%ed%8a%b8%ec%bd%94%eb%93%9c-%ec%99%84%eb%b2%bd-%ec%a0%95%eb%a6%ac-%ea%b8%b0%eb%b3%b8%ec%98%88%ec%a0%9c-%ec%82%ac%ec%9a%a9%eb%b2%95%eb%b6%80/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25ec%259b%258c%25eb%2593%259c%25ed%2594%2584%25eb%25a0%2588%25ec%258a%25a4-%25ec%2587%25bc%25ed%258a%25b8%25ec%25bd%2594%25eb%2593%259c-%25ec%2599%2584%25eb%25b2%25bd-%25ec%25a0%2595%25eb%25a6%25ac-%25ea%25b8%25b0%25eb%25b3%25b8%25ec%2598%2588%25ec%25a0%259c-%25ec%2582%25ac%25ec%259a%25a9%25eb%25b2%2595%25eb%25b6%2580</link>
					<comments>https://www.wp-guide.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%87%bc%ed%8a%b8%ec%bd%94%eb%93%9c-%ec%99%84%eb%b2%bd-%ec%a0%95%eb%a6%ac-%ea%b8%b0%eb%b3%b8%ec%98%88%ec%a0%9c-%ec%82%ac%ec%9a%a9%eb%b2%95%eb%b6%80/#respond</comments>
		
		<dc:creator><![CDATA[kthemeguide]]></dc:creator>
		<pubDate>Wed, 12 Jun 2024 03:31:29 +0000</pubDate>
				<category><![CDATA[워드프레스 시작하기]]></category>
		<category><![CDATA[플러그인]]></category>
		<category><![CDATA[do_shortcode()]]></category>
		<category><![CDATA[가이드]]></category>
		<category><![CDATA[사용]]></category>
		<category><![CDATA[사용법]]></category>
		<category><![CDATA[쇼트코드]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[이용]]></category>
		<category><![CDATA[활용]]></category>
		<guid isPermaLink="false">https://www.wp-guide.co.kr/?p=7706</guid>

					<description><![CDATA[쇼트코드는 다양한 플러그인 혹은 기능을 단 한줄을 코드로 실행시킬 수 있도록 하는 편의기능입니다.  워드프레스에서 쇼트코드를 사용하면, 코딩 지식 없이도 복잡한 기능을 페이지나 포스트에 삽입할 수 있습니다. 
이번 글에서는 쇼트코드 사용법에 대해서 실습코드와 함께 정리하였으니 단계별로 확인하여 사용법을 익혀보시기 바랍니다.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<h2>워드프레스 쇼트코드란 무엇인가요?</h2>
<p>워드프레스의 매력은 전세계에서 개발되어 배포되는 다양한 플러그인을 이용하는 것입니다. 무료 혹은 유료로 제공되는 이러한 플러그인은 현재 본 블로그에서도 SEO와 글 배포를 위해 사용하고 있습니다.</p>
<p><a href="https://www.wp-guide.co.kr/wordpress-plugins/%ec%bb%a8%ed%85%90%ec%b8%a0sns%eb%8b%a4%ec%a4%91%eb%b0%b0%ed%8f%ac-%eb%b8%94%eb%a1%9c%ea%b7%b8/">컨텐츠 포스팅 SNS 다중 배포, FS Poster로 쉽게 해결하기 – 워드프레스 블로그 꿀팁</a></p>
<p>쇼트코드는 다양한 플러그인 혹은 기능을 단 한줄을 코드로 실행시킬 수 있도록 하는 편의기능입니다. 워드프레스에서 쇼트코드를 사용하면, 코딩 지식 없이도 복잡한 기능을 페이지나 포스트에 삽입할 수 있습니다. 워드프레스 기본적으로 갤러리나, 비디오, 오디오 등과같은 20개의 쇼트코드가 기본적으로 제공됩니다. 그리고 Contact Form 7, WooCommerce와 같은 인기 플러그인은 다양한 쇼트코드를 제공하여 기능을 확장합니다.</p>
<p>이번 글에서는 쇼트코드 사용법에 대해서 실습코드와 함께 정리하였으니 단계별로 확인하여 사용법을 익혀보시기 바랍니다.</p>
<h3>쇼트코드 형태와 문법</h3>
<p>쇼트코드는 [shortcode] 형태로 작성되는 짧은 코드입니다. 이 코드는 워드프레스가 인식하여 특정 기능을 실행합니다. 예를 들어, [gallery] 쇼트코드를 사용하면 여러 이미지를 한 번에 삽입할 수 있습니다.</p>
<p>쇼트코드의 기본 문법은 다음과 같습니다:</p>
<blockquote>
<p>[shortcode_name attribute1=&#8221;value1&#8243; attribute2=&#8221;value2&#8243;]</p>
</blockquote>
<p>이 문법을 사용하면 다양한 속성(attribute)을 지정하여 원하는 기능을 세부적으로 설정할 수 있습니다.</p>
<p>사실 쇼트코드 도입 이전에는 플러그인이나 워드프레스의 특정 기능을 추가하려면 HTML, CSS, JavaScript 등의 코딩을 직접 작성해야 했습니다. 하지만 쇼트코드가 도입된 후, 복잡한 기능도 몇 글자의 코드로 쉽게 삽입할 수 있게 된 것이죠.</p>
<hr />
<h2>워드프레스 쇼트코드 사용법</h2>
<p>간단하게 사용방법과 쇼트코드 예제를 알아보겠습니다.</p>
<h3>쇼트코드 삽입 방법</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-7711" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/short-code-slider-1024x638.webp" alt="" width="1024" height="638" /></p>
<p>워드프레스에서 쇼트코드를 삽입하는 방법은 매우 간단합니다.<br />
<img loading="lazy" decoding="async" class="alignnone size-large wp-image-7712" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/insert-shortcode-1024x602.webp" alt="insert-shortcode" width="1024" height="602" /></p>
<ol>
<li><strong>새글 혹은 새페이지 작성</strong> : 워드프레스 대시보드에서 페이지나 포스트 편집기를 엽니다.</li>
<li><strong>텍스트 블록 선택</strong>: 삽입할 위치에 텍스트 블록을 선택합니다. 혹은 html 편집상태에서 원하는 위치에 커서를 가져다 놓습니다.</li>
<li><strong>쇼트코드 입력</strong>: 원하는 쇼트코드를 입력합니다. 예를 들어, 갤러리 쇼트코드를 사용하려면 <code>[gallery ids="1,2,3"]</code>와 같이 입력합니다.</li>
<li><strong>변경 사항 저장</strong></li>
</ol>
<p>이제 쇼트코드가 적용된 콘텐츠를 확인할 수 있습니다.</p>
<h3>기본 쇼트코드 예제</h3>
<p>워드프레스에는 기본적으로 여러 가지 유용한 쇼트코드가 포함되어 있습니다. 다음은 자주 사용되는 기본 쇼트코드의 예제입니다. 워드프레스 설치 시 기본으로 포함된 쇼트코드 입니다.</p>
<h4>갤러리(Gallery) 쇼트코드 사용법</h4>
<p>갤러리 쇼트코드는 여러 이미지를 한 번에 삽입하여 갤러리 형식으로 표시할 때 유용합니다. 갤러리를 미리 생성해 놓아야 하며 생성하는 방법은 다음의 글에서 확인이 가능합니다. <br />
<a href="https://www.wp-guide.co.kr/wordpress-homepage/wordpress-media-library-guide/#%EA%B0%A4%EB%9F%AC%EB%A6%AC_%EC%83%9D%EC%84%B1%EA%B8%B0%EB%8A%A5">미디어 라이브러리의 갤러리 생성기능</a></p>
<ul>
<li>
<p><strong>기본 사용법</strong>:</p>
<pre><code class="">
[gallery ids="1,2,3"]

</code></pre>
<ul>
<li><code>ids</code> 속성에는 갤러리에 포함할 이미지의 ID를 쉼표로 구분하여 입력합니다.</li>
<li>예를 들어, 이미지 ID가 1, 2, 3인 이미지를 갤러리로 표시하고 싶다면, <code>[gallery ids="1,2,3"]</code>를 입력합니다.</li>
</ul>
</li>
<li>
<p><strong>추가 속성</strong>:</p>
<ul>
<li><code>columns</code>: 갤러리의 열 수를 지정합니다. 예: <code>[gallery ids="1,2,3" columns="2"]</code></li>
<li><code>size</code>: 이미지 크기를 지정합니다. 예: <code>[gallery ids="1,2,3" size="thumbnail"]</code></li>
</ul>
</li>
</ul>
<h4>비디오(Video) 쇼트코드 사용법</h4>
<p>비디오 쇼트코드는 웹페이지에 동영상을 삽입할 때 사용됩니다. 파일은 미리 업로드하거나 온라인상의 주소를 알면 해당 파일의 주소를 입력하시기 바랍니다. </p>
<ul>
<li>
<p><strong>기본 사용법</strong>:</p>
<pre><code class="">
[video src="https://wp-guide.co.kr/video.mp4"]

</code></pre>
<ul>
<li><code>src</code> 속성에는 동영상 파일의 URL을 입력합니다.</li>
<li>예를 들어, 동영상 파일이 <code>https://wp-guide.co.kr/video.mp4</code>에 있다면, <code>[video src="https://wp-guide.co.kr/video.mp4"]</code>를 입력합니다.</li>
</ul>
</li>
<li>
<p><strong>추가 속성</strong>:</p>
<ul>
<li><code>width</code>와 <code>height</code>: 비디오의 너비와 높이를 지정합니다. 예: <code>[video src="https://wp-guide.co.kr/video.mp4" width="640" height="360"]</code></li>
<li><code>poster</code>: 비디오가 로드되기 전에 표시할 이미지를 지정합니다. 예: <code>[video src="https://wp-guide.co.kr/video.mp4" poster="https://wp-guide.co.kr/poster.jpg"]</code></li>
</ul>
</li>
</ul>
<h4>오디오(Audio) 쇼트코드 사용법</h4>
<p>오디오 쇼트코드는 웹페이지에 오디오 파일을 삽입할 때 사용됩니다.</p>
<ul>
<li>
<p><strong>기본 사용법</strong>:</p>
<pre><code class="">
[audio src="https://wp-guide.co.kr/audio.mp3"]

</code></pre>
<ul>
<li><code>src</code> 속성에는 오디오 파일의 URL을 입력합니다.</li>
<li>예를 들어, 오디오 파일이 <code>https://wp-guide.co.kr/audio.mp3</code>에 있다면, <code>[audio src="https://wp-guide.co.kr/audio.mp3"]</code>를 입력합니다.</li>
</ul>
</li>
<li>
<p><strong>추가 속성</strong>:</p>
<ul>
<li><code>loop</code>: 오디오를 반복 재생합니다. 예: <code>[audio src="https://wp-guide.co.kr/audio.mp3" loop="on"]</code></li>
<li><code>autoplay</code>: 페이지 로드 시 자동으로 오디오를 재생합니다. 예: <code>[audio src="https://wp-guide.co.kr/audio.mp3" autoplay="on"]</code></li>
</ul>
</li>
</ul>
<p>이 외에도 많은 쇼트코드가 있으며, 플러그인 설치를 통해 추가 쇼트코드를 사용할 수도 있습니다. 쇼트코드는 워드프레스 웹사이트를 더욱 유연하고 기능적으로 만들어 줍니다.</p>
<p><a href="https://youtu.be/RYJE4YQV8Hs?si=FQ8SB3Ja_JVUjjQz&amp;t=1364" target="_blank" rel="noopener">슬라이더 플러그인 쇼트코드를 활용하기</a></p>
<hr />
<h2>사용자 정의 워드프레스 쇼트코드 만들기</h2>
<p>조금 어렵기는 하지만 기본 제공 쇼트코드 외에도 사용자가 직접 정의하여 사용할 수 있습니다. 사용자 정의 쇼트코드를 통해 웹사이트에 필요한 맞춤형 기능을 쉽게 추가할 수 있습니다.</p>
<h3>사용자 정의 쇼트코드란 무엇인가요?</h3>
<p>사용자 정의 쇼트코드가 왜 필요하냐면 특정 기능이나 콘텐츠를 반복적으로 사용해야 하는 경우가 있기 때문입니다. 예를 들어, 특정 스타일의 버튼이나 자주 사용하는 HTML 블록 등을 쇼트코드로 정의하면 편리하게 사용할 수 있겠지요.</p>
<h3>사용자 정의 쇼트코드 작성 방법</h3>
<p>사용자 정의 쇼트코드를 작성하려면 워드프레스 테마의 <code>functions.php</code> 파일을 수정해야 합니다. 다음은 기본적인 사용자 정의 쇼트코드를 작성하는 단계입니다:</p>
<p><a href="https://www.wp-guide.co.kr/wordpress-homepage/filezilla-guide/">FTP 이용방법 확인하기</a></p>
<figure id="attachment_7714" aria-describedby="caption-attachment-7714" style="width: 1024px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-large wp-image-7714" src="https://www.wp-guide.co.kr/wp-content/uploads/2026/06/fucntion-php-file-1024x244.webp" alt="" width="1024" height="244" /><figcaption id="caption-attachment-7714" class="wp-caption-text">fucntion-php-file</figcaption></figure>
<ol>
<li>
<p><strong>테마의 <code>functions.php</code> 파일 열기</strong>:</p>
<ul>
<li>워드프레스 대시보드에서 <code>테마 편집기</code>로 이동하여, <code>functions.php</code> 파일을 엽니다.</li>
</ul>
</li>
<li>
<p><strong>쇼트코드 함수 작성하기</strong>:</p>
<ul>
<li>
<p>먼저, 실행할 기능을 정의하는 PHP 함수를 작성합니다. 예를 들어, 간단한 메시지를 출력하는 함수를 작성할 수 있습니다.</p>
<pre><code class="language-php">
function my_custom_shortcode() {
    return '워드프레스 가이드 사용자 정의 쇼트코드입니다!';
}

</code></pre>
</li>
</ul>
</li>
<li>
<p><strong>쇼트코드 등록하기</strong>:</p>
<ul>
<li>
<p><code>add_shortcode</code> 함수를 사용하여 쇼트코드를 등록합니다.</p>
<pre><code class="language-php">
add_shortcode('my_shortcode', 'my_custom_shortcode');

</code></pre>
</li>
</ul>
</li>
<li>
<p><strong>완성된 코드</strong>:</p>
<ul>
<li>
<p>전체 코드는 다음과 같습니다.</p>
<pre><code class="language-php">
function my_custom_shortcode() {
    return '워드프레스 가이드 사용자 정의 쇼트코드입니다!';
}
add_shortcode('my_shortcode', 'my_custom_shortcode');

</code></pre>
</li>
</ul>
</li>
<li>
<p><strong>쇼트코드 사용하기</strong>:</p>
<ul>
<li>이제 페이지나 포스트 편집기에서 <code>[my_shortcode]</code>를 입력하면, &#8216;이것은 사용자 정의 쇼트코드입니다!&#8217;라는 문구가 출력됩니다.</li>
</ul>
</li>
</ol>
<h3>실습 예제</h3>
<p>다음은 실제로 유용한 사용자 정의 쇼트코드를 만드는 예제입니다. 이 예제에서는 사용자 정의 버튼을 생성하는 쇼트코드를 작성합니다.</p>
<ol>
<li>
<p><strong>사용자 정의 버튼 함수 작성</strong>:</p>
<pre><code class="language-php">
function custom_button_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'text' =&gt; '이동하기',
            'url' =&gt; '#',
        ), $atts, 'button' );

    return 'a href="' . esc_url($atts['url']) . '" class="custom-button"' . esc_html($atts['text']) . '/a';
}

</code></pre>
</li>
<li>
<p><strong>쇼트코드 등록하기</strong>:</p>
<pre><code class="language-php">
add_shortcode('button', 'custom_button_shortcode');

</code></pre>
</li>
<li>
<p><strong>완성된 코드</strong>:</p>
<pre><code class="language-php">
function custom_button_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'text' =&gt; '이동하기',
            'url' =&gt; '#',
        ), $atts, 'button' );

    return 'a href="' . esc_url($atts['url']) . '" class="custom-button"' . esc_html($atts['text']) . '/a';
}
add_shortcode('button', 'custom_button_shortcode');

</code></pre>
</li>
<li>
<p><strong>쇼트코드 사용하기</strong>:</p>
<ul>
<li>페이지나 포스트 편집기에서 <code>[button text="Visit Website" url="https://wp-guide.co.kr"]</code>를 입력하면, &#8216;Visit Website&#8217;라는 텍스트가 표시된 버튼이 생성됩니다.</li>
</ul>
</li>
</ol>
<p>이렇게 하면 사용자 정의 쇼트코드를 통해 웹사이트에 맞춤형 기능을 추가할 수 있습니다.</p>
<hr />
<h2>워드프레스 쇼트코드 활용 사례</h2>
<p>워드프레스 쇼트코드는 웹사이트를 사용자의 입맛에 맞게 만들기 위해 다양한 방식으로 활용될 수 있습니다. 이 섹션에서는 페이지 레이아웃 변경, 콘텐츠 템플릿 작성, 그리고 플러그인과의 통합에서 쇼트코드가 어떻게 사용되는지 살펴보겠습니다.</p>
<h3>페이지 레이아웃 변경을 위한 쇼트코드</h3>
<p>워드프레스 쇼트코드는 페이지 레이아웃을 쉽게 변경할 수 있는 좋은 도구입니다. 다음은 레이아웃 변경을 위한 쇼트코드 활용 예제입니다:</p>
<ul>
<li>
<p><strong>열(Column) 쇼트코드</strong>: 여러 개의 열을 만들어 페이지 콘텐츠를 정리할 수 있습니다.</p>
<pre><code class="language-php">
[column width="one-third"]첫 번째 열 내용[/column]
[column width="two-thirds"]두 번째 열 내용[/column]

</code></pre>
<ul>
<li><code>width</code> 속성을 사용하여 열의 너비를 지정합니다.</li>
</ul>
</li>
<li>
<p><strong>탭(Tab) 쇼트코드</strong>: 여러 탭을 사용하여 콘텐츠를 깔끔하게 정리할 수 있습니다.</p>
<pre><code class="language-php">
[[tabs]]
[[tab title="탭 1"]]첫 번째 탭 내용[[/tab]]
[[tab title="탭 2"]]두 번째 탭 내용[[/tab]]
[[/tabs]]

</code></pre>
</li>
</ul>
<h3>콘텐츠 템플릿 작성에 유용한 쇼트코드</h3>
<p>쇼트코드를 사용하여 자주 사용하는 콘텐츠 템플릿을 쉽게 작성할 수 있습니다. 이는 시간 절약과 일관된 디자인 유지에 도움이 됩니다.</p>
<ul>
<li>
<p><strong>박스(Box) 쇼트코드</strong>: 주의사항, 정보, 경고 등 다양한 유형의 박스를 만들 수 있습니다.</p>
<pre><code class="language-php">
[box type="info"]이것은 정보 박스입니다.[/box]
[box type="warning"]이것은 경고 박스입니다.[/box]

</code></pre>
</li>
<li>
<p><strong>버튼(Button) 쇼트코드</strong>: 특정 행동을 유도하는 버튼을 만들 수 있습니다.</p>
<pre><code class="language-php">
[button url="https://wp-guide.co.kr" text="더 알아보기"]

</code></pre>
<ul>
<li><code>url</code> 속성에는 버튼 클릭 시 이동할 URL을, <code>text</code> 속성에는 버튼에 표시될 텍스트를 입력합니다.</li>
</ul>
</li>
</ul>
<h3>플러그인 쇼트코드</h3>
<p>워드프레스 쇼트코드는 다양한 플러그인과 통합되어 기능을 확장할 수 있습니다. 다음은 인기 있는 플러그인과 통합된 쇼트코드 예제입니다:</p>
<ul>
<li>
<p><strong>Contact Form 7 쇼트코드</strong>: <a href="https://wordpress.org/plugins/contact-form-7/" target="_blank" rel="noopener">Contact Form 7 플러그인</a>을 사용하여 연락처 폼을 삽입할 수 있습니다.</p>
<pre><code class="language-php">
[contact-form-7 id="1234" title="Contact form 1"]

</code></pre>
<ul>
<li><code>id</code> 속성에는 폼 ID를, <code>title</code> 속성에는 폼 제목을 입력합니다.</li>
</ul>
</li>
<li>
<p><a href="https://woocommerce.com/document/woocommerce-shortcodes/" target="_blank" rel="noopener"><strong>WooCommerce 쇼트코드</strong></a>: WooCommerce 플러그인을 사용하여 상품을 표시할 수 있습니다.</p>
<pre><code class="language-php">
[products limit="4" columns="4" orderby="date" order="DESC"]

</code></pre>
<ul>
<li><code>limit</code> 속성에는 표시할 상품 수를, <code>columns</code> 속성에는 열 수를, <code>orderby</code>와 <code>order</code> 속성에는 정렬 기준과 순서를 입력합니다.</li>
</ul>
</li>
<li>
<p><strong>Event Calendar 쇼트코드</strong>: <a href="https://wordpress.org/plugins/the-events-calendar/" target="_blank" rel="noopener">The Events Calendar 플러그인</a>을 사용하여 이벤트 일정을 표시할 수 있습니다.</p>
<pre><code class="language-php">
[tribe_events view="month" category="conference"]

</code></pre>
<ul>
<li><code>view</code> 속성에는 표시할 뷰 타입을, <code>category</code> 속성에는 이벤트 카테고리를 입력합니다.</li>
</ul>
<h2> </h2>
</li>
</ul>
<hr />
<h2>워드프레스 쇼트코드 관리 및 최적화 방법</h2>
<p>워드프레스 쇼트코드를 효과적으로 관리하고 최적화하면 웹사이트의 성능과 유지보수 효율성을 높일 수 있습니다. 이 섹션에서는 쇼트코드 관리 팁과 성능 최적화 방법도 함께 챙겨가세요.</p>
<h3>쇼트코드 관리 팁</h3>
<p>쇼트코드를 많이 사용하시는 분들은 홈페이지 속도향상을 위해 그리고 효율적인 쇼트코드 관리를 위해 다음의 팁을 참고하세요:</p>
<ol>
<li>
<p><strong>일관된 네이밍 규칙 사용</strong>:</p>
<ul>
<li>쇼트코드를 작성할 때 일관된 네이밍 규칙을 사용하세요. 예를 들어, <code>my_custom_shortcode</code>와 같이 의미 있는 이름을 사용하면 나중에 식별하기 쉽습니다.</li>
</ul>
</li>
<li>
<p><strong>주석 작성</strong>:</p>
<ul>
<li><code>functions.php</code> 파일에 쇼트코드를 추가할 때는 코드에 주석을 작성하세요. 주석을 통해 쇼트코드의 목적과 사용법을 설명하면 유지보수가 쉬워집니다.</li>
</ul>
<pre><code class="language-php">
// 이 쇼트코드는 사용자 정의 버튼을 생성합니다.
function custom_button_shortcode($atts) {
    // 함수 내용
}
add_shortcode('button', 'custom_button_shortcode');

</code></pre>
</li>
<li>
<p><strong>쇼트코드 라이브러리 작성</strong>:</p>
<ul>
<li>여러 쇼트코드를 사용하는 경우, 별도의 파일이나 라이브러리로 정리하세요. 예를 들어, <code>shortcodes.php</code> 파일을 만들어 모든 쇼트코드를 관리할 수 있습니다.</li>
</ul>
<pre><code class="language-php">
// shortcodes.php 파일에 모든 쇼트코드를 작성
function custom_button_shortcode($atts) {
    // 함수 내용
}
add_shortcode('button', 'custom_button_shortcode');

</code></pre>
</li>
<li>
<p><strong>플러그인 활용</strong>:</p>
<ul>
<li>쇼트코드 관리에 도움이 되는 플러그인을 활용하세요. 예를 들어, &#8220;<a href="https://wordpress.org/plugins/shortcodes-ultimate/" target="_blank" rel="noopener">Shortcodes Ultimate</a>&#8221; 플러그인은 쇼트코드를 쉽게 추가하고 관리할 수 있는 기능을 제공합니다.</li>
<li>위 플러그인과 함께 <a href="https://wordpress.org/plugins/shortcoder/" target="_blank" rel="noopener">Create Shortcodes for Anything – WordPress plugin</a> 도 확인해보시기 바랍니다. </li>
</ul>
</li>
</ol>
<hr />
<h2>마무리</h2>
<p>쇼트코드는 간단하게 다양한 기능을 이용할 수 있으나 절제하여 사용할 필요가 있습니다. 전반적인 홈페이지의 속도를 저하시킬 수 있기 때문이죠. 이러한 문제는 쇼트코드 구조의 최적화, 캐시사용, 쿼리 최적화 등을 통해서 어느정도 보완을 할 수는 있으니 참고하시기 바랍니다.</p>
<p>&nbsp;</p>
<h2>보너스 자주 묻는 질문(FAQ)</h2>
<p>워드프레스 쇼트코드를 처음 사용하는 사용자나 경험 많은 사용자 모두 자주 묻는 질문이 있습니다. 이 섹션에서는 쇼트코드 관련 자주 묻는 질문과 그에 대한 답변을 제공합니다.</p>
<h3>쇼트코드 관련 자주 묻는 질문과 답변</h3>
<ol>
<li style="list-style-type: none;">
<ol>
<li>
<p><strong>쇼트코드란 무엇인가요?</strong></p>
<p>쇼트코드는 워드프레스에서 특정 기능을 쉽게 삽입할 수 있는 간단한 코드입니다. <code>[shortcode]</code> 형태로 작성되며, 페이지나 포스트에 삽입하여 다양한 기능을 구현할 수 있습니다.</p>
</li>
<li>
<p><strong>어디에서 쇼트코드를 사용할 수 있나요?</strong></p>
<p>쇼트코드는 페이지, 포스트, 사이드바 위젯, 텍스트 블록 등 워드프레스 편집기가 있는 모든 곳에서 사용할 수 있습니다.</p>
</li>
<li>
<p><strong>쇼트코드를 어떻게 삽입하나요?</strong></p>
<p>쇼트코드를 삽입하려면 워드프레스 편집기에서 텍스트 블록을 선택한 후, <code>[shortcode]</code> 형태로 입력하면 됩니다. 예를 들어, <code>[gallery ids="1,2,3"]</code>와 같이 입력합니다.</p>
</li>
<li>
<p><strong>사용자 정의 쇼트코드를 어떻게 만들 수 있나요?</strong></p>
<p>사용자 정의 쇼트코드를 만들려면, <code>functions.php</code> 파일을 열고, 다음과 같은 코드를 추가하면 됩니다.</p>
<pre><code class="language-php">
function my_custom_shortcode() {
    return '이것은 사용자 정의 쇼트코드입니다!';
}
add_shortcode('my_shortcode', 'my_custom_shortcode');

</code></pre>
<p>이제 <code>[my_shortcode]</code>를 사용하여 사용자 정의 쇼트코드를 삽입할 수 있습니다.</p>
</li>
<li>
<p><strong>쇼트코드를 사용했는데 제대로 작동하지 않습니다. 무엇이 문제일까요?</strong></p>
<p>쇼트코드가 제대로 작동하지 않는 경우, 다음을 확인하세요:</p>
<ul>
<li>쇼트코드 문법이 올바른지 확인합니다.</li>
<li>관련 플러그인이나 테마가 최신 버전인지 확인합니다.</li>
<li>쇼트코드가 올바른 위치에 삽입되었는지 확인합니다.</li>
<li>캐시를 지우고 페이지를 새로고침해 봅니다.</li>
</ul>
</li>
<li>
<p><strong>쇼트코드를 관리하는 가장 좋은 방법은 무엇인가요?</strong></p>
<p>쇼트코드를 효율적으로 관리하려면, 일관된 네이밍 규칙을 사용하고, <code>functions.php</code> 파일에 주석을 작성하여 쇼트코드의 목적과 사용법을 설명하는 것이 좋습니다. 여러 쇼트코드를 사용하는 경우, 별도의 파일로 정리하는 것도 좋은 방법입니다.</p>
</li>
<li>
<p><strong>쇼트코드를 최적화하는 방법은 무엇인가요?</strong></p>
<p>쇼트코드를 최적화하려면 불필요한 코드를 최소화하고, 캐싱을 활용하며, 데이터베이스 쿼리를 최적화하는 것이 좋습니다. 또한, 워드프레스와 관련 플러그인을 최신 버전으로 유지하세요.</p>
</li>
<li>
<p><strong>기본 제공 쇼트코드 외에 더 많은 쇼트코드를 사용할 수 있나요?</strong></p>
<p>네, 플러그인을 설치하면 더 많은 쇼트코드를 사용할 수 있습니다. 예를 들어, Contact Form 7, WooCommerce 등 다양한 플러그인이 추가 쇼트코드를 제공합니다.</p>
</li>
<li>
<p><strong>쇼트코드가 SEO에 영향을 미치나요?</strong></p>
<p>쇼트코드 자체는 SEO에 직접적인 영향을 미치지 않지만, 쇼트코드를 사용하여 추가된 콘텐츠가 SEO에 영향을 줄 수 있습니다. 예를 들어, 이미지 갤러리나 동영상 삽입 등은 사용자 경험을 향상시켜 SEO에 긍정적인 영향을 미칠 수 있습니다.</p>
</li>
</ol>
</li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.wp-guide.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%87%bc%ed%8a%b8%ec%bd%94%eb%93%9c-%ec%99%84%eb%b2%bd-%ec%a0%95%eb%a6%ac-%ea%b8%b0%eb%b3%b8%ec%98%88%ec%a0%9c-%ec%82%ac%ec%9a%a9%eb%b2%95%eb%b6%80/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://wp-guide.co.kr/video.mp4" length="0" type="video/mp4" />
<enclosure url="https://wp-guide.co.kr/audio.mp3" length="0" type="audio/mpeg" />

			</item>
	</channel>
</rss>
