﻿<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Cocoon  |  MATTU SQUARE</title>
	<atom:link href="https://www.sunmattu.net/tag/cocoon/feed" rel="self" type="application/rss+xml" />
	<link>https://www.sunmattu.net</link>
	<description>モバイル、旅行、音楽で、あなたの物欲を刺激します！</description>
	<lastBuildDate>Sun, 08 Apr 2018 04:21:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.5</generator>

<image>
	<url>https://www.sunmattu.net/wp-content/uploads/cropped-favicon-100x100.png</url>
	<title>Cocoon  |  MATTU SQUARE</title>
	<link>https://www.sunmattu.net</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/><site xmlns="com-wordpress:feed-additions:1">116989443</site>	<item>
		<title>WordPressテーマ「Cocoon」を導入してみました!</title>
		<link>https://www.sunmattu.net/life-design/blog/14653</link>
					<comments>https://www.sunmattu.net/life-design/blog/14653#respond</comments>
		
		<dc:creator><![CDATA[MATTU]]></dc:creator>
		<pubDate>Sun, 08 Apr 2018 08:00:20 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[人生設計]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Cocoon]]></category>
		<guid isPermaLink="false">https://www.sunmattu.net/?p=14653</guid>

					<description><![CDATA[こんにちは、MATTU(@sunmattu)です。 2017年末から2018年にかけて、軽量化を重視したたくさんのWordPressテーマが誕生し、再びWordPressテーマ戦国時代に突入しています。 当サイトでは、「 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>こんにちは、MATTU(<a rel="noopener" target="_blank" href="https://twitter.com/sunmattu">@sunmattu</a>)です。</p>
<p>2017年末から2018年にかけて、軽量化を重視したたくさんのWordPressテーマが誕生し、再びWordPressテーマ戦国時代に突入しています。</p>
<p>当サイトでは、「Cocoon」というWordPressテーマを導入してみましたので、その背景とカスタマイズをご紹介します。<br />
<span id="more-14653"></span></p>
<h2><span id="toc1">WordPressテーマに「Cocoon」を導入した背景</span></h2>
<p>WordPressのテーマは、非常に様々あります。</p>
<h3><span id="toc2">9ヶ月間「Gush5」を使ってきました</span></h3>
<p>その中で、私は2017年7月より、9ヶ月もの間「Gush5」を使ってきました。</p>

<a rel="noopener" href="https://www.sunmattu.net/life-design/8467" title="当サイトのテーマをGush5に変更、さらにAMP対応させました！　情報サイトでオーソリティ―を目指すために。" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="61" height="90" src="https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16.png 1115w, https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16-203x300.png 203w, https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16-768x1137.png 768w, https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16-692x1024.png 692w, https://www.sunmattu.net/wp-content/uploads/img_598561dd8af16-980x1451.png 980w" sizes="(max-width: 61px) 100vw, 61px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">当サイトのテーマをGush5に変更、さらにAMP対応させました！　情報サイトでオーソリティ―を目指すために。</div><div class="blogcard-snippet internal-blogcard-snippet">こんにちは、MATTU(@sunmattu)です。 当サイトをご覧の皆様であればお気づきだと思いますが、当サイト(MATTU SQUARE)のWordpressテーマをGush5に変更しました。 また、当サイト(MATTU SQUARE)の...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://www.sunmattu.net" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">www.sunmattu.net</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2017.08.10</div></div></div></div></a>
<p>結構満足して使ってきました。<br />
ただし、カスタマイズに関しては、phpを直接かなりゴリゴリやってきました。<br />
いざというときのカスタマイズ、というよりは、基本的にカスタマイズ項目が少ないので元からいじっている感じです。</p>
<h4>AMP化は適用していません</h4>
<p>ちなみに、AMP化については、「エラーチェックでエラー吐いていないのに、検索からアクセスするとエラーになる問題が発生した」という現象が発生して以来、AMPから手を引いています。</p>

<a rel="noopener" href="https://www.sunmattu.net/life-design/blog/9306" title="AMPで消耗することをやめました。AMP化をやめた5つの理由" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="135" height="90" src="https://www.sunmattu.net/wp-content/uploads/img_599e3fa382f3a.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://www.sunmattu.net/wp-content/uploads/img_599e3fa382f3a.png 638w, https://www.sunmattu.net/wp-content/uploads/img_599e3fa382f3a-300x199.png 300w" sizes="(max-width: 135px) 100vw, 135px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">AMPで消耗することをやめました。AMP化をやめた5つの理由</div><div class="blogcard-snippet internal-blogcard-snippet">こんにちは、MATTU(@sunmattu)です。 みなさ～ん！ブログはAMP化してますか～？ 私は、以前高らかにAMP化を宣言したものの、恥ずかしながらAMP化を諦めました。 めっちゃ消耗しました。割り切りは大事です。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://www.sunmattu.net" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">www.sunmattu.net</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2017.08.24</div></div></div></div></a>
<p>Googleは、2018年3月現在もAMP適用可否による順位変動はない、としています。<br />
ただし、軽量なAMPを導入することで、AMP適用していないページに比べ、相対的に順位変動がある、という可能性があります。</p>
<h3><span id="toc3">「Cocoon」を選んだ3つの理由</span></h3>
<p>今回、「Cocoon」を選びました。<br />
その理由を３つご説明しようと思います。</p>
<h4>以前、Simplicityを使っていて非常に使いやすかったため</h4>
<p>同じ、Simplicityを２か月の間使っていたことがありました。<br />
思ったよりSimplicityを使っている人が多すぎたので他のテーマに移行してしまったのですが…<br />
phpをいじらなくてもカスタマイズがかなりできるというのは、非常にメンテナンス性がいいです。</p>
<h4>圧倒的な軽量感。</h4>
<p>かなりサクサクです。<br />
テーマ機能だけでPageSpeed Insights90点後半(あわよくば100点)が取れるというのはかなり高評価。<br />
実際はプラグインやらなんやらで、スコアは多少下がってしまいますが、高得点を維持できるのはかなりの魅力です。</p>
<h4>更新頻度が早い</h4>
<p>テーマの更新頻度が早いです。<br />
まだα版なので特別、ということかもしれませんが、Simplicityもかなり更新されていたので、バグ潰しや新機能の導入が非常に早いということ。<br />
めちゃくちゃ使いやすいです。</p>
<h4>プラグインなくても大抵のことはできる</h4>
<p>プラグインを導入しなくても、以下の機能は備わっているので大抵のことはできます。<br />
・タイトル文字カウント機能<br />
・目次機能(Table of Contents)<br />
・ブログカード機能(LinkCard)<br />
・AMP切り替え機能<br />
・アクセス解析機能・人気記事表示機能</p>
<h4>これだけの機能を無料で提供しているということ</h4>
<p>これだけの機能が無料で提供されているというのが恐ろしいです。<br />
私は、有料テーマもそこそこ使ってきましたが、わいひらさんのテーマは有料テーマ以上に優れているところが多数です。<br />
非常に使い勝手がいいので、正直ほかのテーマに手を出したくなくなるレベル。</p>
<h3><span id="toc4">Cocoonをカスタマイズしたこと</span></h3>
<p>なんだかんだ、前のGush5も気に入っていたことがありましたので、うまいこと行くように移植しています。</p>
<h4>トップページにカテゴリー別新着記事一覧を出した</h4>
<p>2カラム並列にするか、1カラムにするかは迷いましたが、こんな感じで新着記事の下に大カテゴリー別の新着記事を掲載しています。<br />
<img alt='' class='alignnone size-full wp-image-14726 ' src='https://www.sunmattu.net/wp-content/uploads/img_5ac996fe9a537.png' /></p>
<h4>カテゴリー別ページに子カテゴリー別新着記事一覧を出した</h4>
<p>カテゴリー別ページには、説明のディスクリプションと一緒に、そのカテゴリーの子カテゴリー別の新着記事を表示できるように変更しています。<br />
<img alt='' class='alignnone size-full wp-image-14727 ' src='https://www.sunmattu.net/wp-content/uploads/img_5ac9978057479.png' /></p>
<h4>おススメ記事は、とりあえずカルーセルで代用</h4>
<p>以前はおススメ記事をリンク表示していましたが、とりあえずテーマ標準のカルーセルで代用しています。<br />
<img alt='' class='alignnone size-full wp-image-14728 ' src='https://www.sunmattu.net/wp-content/uploads/img_5ac9982132c22.png' /></p>
<h2><span id="toc5">というわけで、Cocoonを取り入れたい皆様、参考にしてみてください！</span></h2>
<p>Cocoonはすごくカスタマイズ性がよく、かなり満足しています。<br />
ぜひ、導入の参考にしてみてくださいね！！</p>
<p>ダウンロードは下から！</p>

<a rel="noopener" target="_blank" href="https://wp-cocoon.com/" title="Cocoon" class="blogcard-wrap external-blogcard-wrap a-wrap cf"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://wp-cocoon.com/wp-content/uploads/2018/03/screenshot.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Cocoon</div><div class="blogcard-snippet external-blogcard-snippet">SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://wp-cocoon.com/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">wp-cocoon.com</div></div></div></div></a>
]]></content:encoded>
					
					<wfw:commentRss>https://www.sunmattu.net/life-design/blog/14653/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">14653</post-id>	</item>
	</channel>
</rss>
