<?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>Cocoonカスタマイズ | HIRO3 BLOG</title>
	<atom:link href="https://hiro3blog.org/category/cocoon_custom/feed/" rel="self" type="application/rss+xml" />
	<link>https://hiro3blog.org</link>
	<description>バーチャルでリアルな未来をワクワクする</description>
	<lastBuildDate>Tue, 23 Aug 2022 13:53:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Cocoonのカテゴリー化でサイトのリニューアル</title>
		<link>https://hiro3blog.org/cocoon-category/</link>
					<comments>https://hiro3blog.org/cocoon-category/#respond</comments>
		
		<dc:creator><![CDATA[hiro3@blog]]></dc:creator>
		<pubDate>Fri, 19 Aug 2022 01:07:08 +0000</pubDate>
				<category><![CDATA[Cocoonカスタマイズ]]></category>
		<category><![CDATA[お助け]]></category>
		<guid isPermaLink="false">https://hiro3blog.org/?p=2427</guid>

					<description><![CDATA[<p>ブログの記事が多くなってくると困ることってありますよね。 そう、それは記事が時系列に並ぶ問題です。 時系列に並ぶブログの記事をスッキリさせたいですよね。 今回はCocoonで時系列に並ぶ記事をカテゴリー別に変更する方法を [&#8230;]</p>
The post <a href="https://hiro3blog.org/cocoon-category/">Cocoonのカテゴリー化でサイトのリニューアル</a> first appeared on <a href="https://hiro3blog.org">HIRO3 BLOG</a>.]]></description>
										<content:encoded><![CDATA[<p>ブログの記事が多くなってくると困ることってありますよね。</p>



<p>そう、それは記事が時系列に並ぶ問題です。</p>



<p>時系列に並ぶブログの記事をスッキリさせたいですよね。</p>



<p>今回はCocoonで時系列に並ぶ記事をカテゴリー別に変更する方法を紹介します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">カテゴリー表示をさせよう</a></li><li><a href="#toc2" tabindex="0">カテゴリー化のメリット</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">カテゴリー表示をさせよう</span></h2>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="640" height="426" src="https://hiro3blog.org/wp-content/uploads/2022/08/v2osk-c9OfrVeD_tQ-unsplash.jpg" alt="" class="wp-image-2530" srcset="https://hiro3blog.org/wp-content/uploads/2022/08/v2osk-c9OfrVeD_tQ-unsplash.jpg 640w, https://hiro3blog.org/wp-content/uploads/2022/08/v2osk-c9OfrVeD_tQ-unsplash-300x200.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>メニューよりcocoon設定の画面を表示します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="261" height="587" src="https://hiro3blog.org/wp-content/uploads/2022/08/029c0df654365705694155ea3dedf696-2.jpg" alt="" class="wp-image-2465" srcset="https://hiro3blog.org/wp-content/uploads/2022/08/029c0df654365705694155ea3dedf696-2.jpg 261w, https://hiro3blog.org/wp-content/uploads/2022/08/029c0df654365705694155ea3dedf696-2-133x300.jpg 133w" sizes="(max-width: 261px) 100vw, 261px" /></figure>



<p>　</p>



<p>cocoon設定メニューよりインデックスのタブを選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="707" height="320" src="https://hiro3blog.org/wp-content/uploads/2022/08/cocoon_set1-1.jpg" alt="" class="wp-image-2468" srcset="https://hiro3blog.org/wp-content/uploads/2022/08/cocoon_set1-1.jpg 707w, https://hiro3blog.org/wp-content/uploads/2022/08/cocoon_set1-1-300x136.jpg 300w" sizes="(max-width: 707px) 100vw, 707px" /></figure>



<p>初期値は一覧（デフォルト）になっています。</p>



<p>”カテゴリごと（2カラム）”を選択します。</p>



<p>時系列のブログの一覧表示からカテゴリ表示に変更できます。</p>



<p>因みに当ブログでもカテゴリごと（2カラム）を設定してスッキリさせています。</p>



<p>表示は以下のように横に２カラムの表示となっています。</p>



<p>　</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="848" height="696" src="https://hiro3blog.org/wp-content/uploads/2022/08/cat01.jpg" alt="" class="wp-image-2516" srcset="https://hiro3blog.org/wp-content/uploads/2022/08/cat01.jpg 848w, https://hiro3blog.org/wp-content/uploads/2022/08/cat01-300x246.jpg 300w, https://hiro3blog.org/wp-content/uploads/2022/08/cat01-768x630.jpg 768w" sizes="(max-width: 848px) 100vw, 848px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">カテゴリー化のメリット</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="457" src="https://hiro3blog.org/wp-content/uploads/2022/08/rhett-lewis-2ffbvalZbNA-unsplash.jpg" alt="" class="wp-image-2532" srcset="https://hiro3blog.org/wp-content/uploads/2022/08/rhett-lewis-2ffbvalZbNA-unsplash.jpg 640w, https://hiro3blog.org/wp-content/uploads/2022/08/rhett-lewis-2ffbvalZbNA-unsplash-300x214.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>ブログを時系列の一覧表示からカテゴリ表示に変えることにより、</p>



<p>ブログを整理することができます。</p>



<p>また、訪問者が関連記事を探すのにも役立ち、離脱の防止にもつながります。</p>



<p>Cocoonでの変更は簡単ですので、カテゴリ設定をしてみてください♪</p>



<p>　</p>



<p>　</p>



<p></p>



<iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?o=9&amp;p=13&amp;l=ur1&amp;category=gift_certificates&amp;banner=1514BQNJ0C581N58B2G2&amp;f=ifr&amp;linkID=3c34ff9efded2f0e650071cd17d59822&amp;t=hiro3blog069-22&amp;tracking_id=hiro3blog069-22" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0" sandbox="allow-scripts allow-same-origin allow-popups allow-top-navigation-by-user-activation"></iframe>



<p>　</p>



<a rel="noopener" target="_blank" href="https://www.amazon.co.jp/Microsoft365-Personal-%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E7%89%88-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E5%8F%B0%E6%95%B0%E7%84%A1%E5%88%B6%E9%99%90-%E5%90%8C%E6%99%82%E4%BD%BF%E7%94%A8%E5%8F%AF%E8%83%BD%E5%8F%B0%E6%95%B05%E5%8F%B0/dp/B00O2TXF8O?pd_rd_i=B00O2TXF8O&amp;psc=1&amp;linkCode=li3&amp;tag=hiro3blog069-22&amp;linkId=a90f26b5f443394bf189510315fe026c&amp;language=ja_JP&amp;ref_=as_li_ss_il"><img decoding="async" border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&amp;ASIN=B00O2TXF8O&amp;Format=_SL250_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=hiro3blog069-22&amp;language=ja_JP"></a><img loading="lazy" decoding="async" src="https://ir-jp.amazon-adsystem.com/e/ir?t=hiro3blog069-22&amp;language=ja_JP&amp;l=li3&amp;o=9&amp;a=B00O2TXF8O" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;">



<p>　　</p>



<p>気になっているクレマができるエスプレッソメーカー ブリッカ</p>



<a rel="noopener" target="_blank" href="https://www.amazon.co.jp/%E3%83%93%E3%82%A2%E3%83%AC%E3%83%83%E3%83%86%E3%82%A3-%E3%82%A8%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%82%BD%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC-%E3%83%96%E3%83%AA%E3%83%83%E3%82%AB-2%E3%82%AB%E3%83%83%E3%83%97-%E7%B4%849-5%C3%9716%C3%9715-5cm/dp/B089LZSR7M?keywords=%E3%82%A8%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%82%BD%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC&amp;qid=1661259344&amp;sbo=RZvfv%2F%2FHxDF%2BO5021pAnSA%3D%3D&amp;sprefix=%E3%82%A8%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%82%BD%2Caps%2C194&amp;sr=8-13&amp;th=1&amp;linkCode=li3&amp;tag=hiro3blog069-22&amp;linkId=a61dbc36b2b64642c7fbe7ceba3d746e&amp;language=ja_JP&amp;ref_=as_li_ss_il"><img decoding="async" border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&amp;ASIN=B089LZSR7M&amp;Format=_SL250_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=hiro3blog069-22&amp;language=ja_JP"></a><img loading="lazy" decoding="async" src="https://ir-jp.amazon-adsystem.com/e/ir?t=hiro3blog069-22&amp;language=ja_JP&amp;l=li3&amp;o=9&amp;a=B089LZSR7M" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;">The post <a href="https://hiro3blog.org/cocoon-category/">Cocoonのカテゴリー化でサイトのリニューアル</a> first appeared on <a href="https://hiro3blog.org">HIRO3 BLOG</a>.]]></content:encoded>
					
					<wfw:commentRss>https://hiro3blog.org/cocoon-category/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cocoonのグローバルナビ メニュー</title>
		<link>https://hiro3blog.org/cocoon-global-navi-menu/</link>
					<comments>https://hiro3blog.org/cocoon-global-navi-menu/#respond</comments>
		
		<dc:creator><![CDATA[hiro3@blog]]></dc:creator>
		<pubDate>Sat, 02 May 2020 13:00:13 +0000</pubDate>
				<category><![CDATA[Cocoonカスタマイズ]]></category>
		<guid isPermaLink="false">https://hiro3blog.org/?p=173</guid>

					<description><![CDATA[<p>ナビメニューを表示させよう！ Cocoonのナビメニューであるグローバルナビメニューは初期設定では非表示なんです グローバルナビメニューカスタマイズすることで表示されます。 まず、外観→メニュー を選びます。 メニュー名 [&#8230;]</p>
The post <a href="https://hiro3blog.org/cocoon-global-navi-menu/">Cocoonのグローバルナビ メニュー</a> first appeared on <a href="https://hiro3blog.org">HIRO3 BLOG</a>.]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">ナビメニューを表示させよう！</h2>



<p>Cocoonのナビメニューであるグローバルナビメニューは初期設定では非表示なんです</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="456" src="https://hiro3blog.org/wp-content/uploads/2020/05/top画面2-1024x456.jpg" alt="" class="wp-image-186" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/top画面2-1024x456.jpg 1024w, https://hiro3blog.org/wp-content/uploads/2020/05/top画面2-300x133.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/top画面2-768x342.jpg 768w, https://hiro3blog.org/wp-content/uploads/2020/05/top画面2.jpg 1254w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>グローバルナビメニューカスタマイズすることで表示されます。</p>



<p>まず、外観→メニュー を選びます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="420" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成1赤-1024x420.jpg" alt="" class="wp-image-177" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成1赤-1024x420.jpg 1024w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成1赤-300x123.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成1赤-768x315.jpg 768w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成1赤.jpg 1344w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>メニュー名に好きなメニュー名を入力し、メニューを作成 を押下します。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="890" height="312" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成2赤.jpg" alt="" class="wp-image-178" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成2赤.jpg 890w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成2赤-300x105.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成2赤-768x269.jpg 768w" sizes="(max-width: 890px) 100vw, 890px" /></figure>



<p>メニュー設定はヘッダーメニューにチェックを入れます。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="902" height="437" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成3赤.jpg" alt="" class="wp-image-179" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成3赤.jpg 902w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成3赤-300x145.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成3赤-768x372.jpg 768w" sizes="(max-width: 902px) 100vw, 902px" /></figure>



<p>位置の管理タブではヘッダーメニューに入力したブログメニューが設定されました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="736" height="543" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成4赤.jpg" alt="" class="wp-image-180" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成4赤.jpg 736w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成4赤-300x221.jpg 300w" sizes="(max-width: 736px) 100vw, 736px" /></figure>



<p>左側のカテゴリーから追加するカテゴリー名にチェックを入れ、メニューに追加を押下</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="343" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成5赤-1024x343.jpg" alt="" class="wp-image-181" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成5赤-1024x343.jpg 1024w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成5赤-300x101.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成5赤-768x257.jpg 768w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成5赤.jpg 1173w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>メニュー構造に項目&#8221;エックスサーバー”が追加されています。次にメニューを保存</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="381" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成6赤-1024x381.jpg" alt="" class="wp-image-182" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成6赤-1024x381.jpg 1024w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成6赤-300x112.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成6赤-768x286.jpg 768w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成6赤.jpg 1172w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>トップ画像の下にグローバルナビメニューが追加されました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="548" src="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成7赤-1024x548.jpg" alt="" class="wp-image-184" srcset="https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成7赤-1024x548.jpg 1024w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成7赤-300x161.jpg 300w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成7赤-768x411.jpg 768w, https://hiro3blog.org/wp-content/uploads/2020/05/外観ーメニュー作成7赤.jpg 1089w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>The post <a href="https://hiro3blog.org/cocoon-global-navi-menu/">Cocoonのグローバルナビ メニュー</a> first appeared on <a href="https://hiro3blog.org">HIRO3 BLOG</a>.]]></content:encoded>
					
					<wfw:commentRss>https://hiro3blog.org/cocoon-global-navi-menu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
