2018.07.05どうも、おしゃキミ(@Osha_Kimi)です。ワードプレスでブログを開設してから長らくオリジナルテーマ(といっても継ぎ接ぎサイト)を利用していましたが、「Cocoon」という素晴らしいテーマに乗り換えました。Cocoonは管理画面でたくさんの設定ができるので大変便利なテーマ。これが無料で配布されているのがいまだに信じられません。設定画面の中から自分がしたいこと見つけるのが難しいものもあったので備忘録として残しておきます。様々なサイト運営者様がカスタマイズのコードを掲載してくれているので、私も利用しています。その中でも素敵だったカスタマイズをまとめて紹介しますCocoonSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。目次の上にアドセンスのリンクユニット広告を設置したいと以前から思っていて、Cocoonなら「Cocoon設定→広告」で簡単に設定できることがわかりました。設定すればこんな感じ↓で広告を設置できちゃいます。目次の上にリンクユニット広告が表示される!ってな感じです。買い物しようと街までさんの記事を参考にさせていただきました。ありがとうございます。参考:Cocoonで目次の上にリンクユニット広告を表示する設定|買い物しようと街まで子テーマに追加、カスタマイズでできること目次のデザインを変えるデフォルトのデザインのシンプルさを保ちつつ、おしゃれ風目次にカスタマイズできます。Cocoonの「目次」デザインをシンプルかつオシャレにCSSカスタマイズするWordPressの無料テーマ「Cocoon」の目次をシンプルかつおしゃれ風にCSSカスタマイズしました。目次の位置を中央寄せ、下線を引く、行間の調整などを行っています。右:カスタマイズ後めっちゃオシャレ感。シンプルなプロフィールボックスが大変身しました。CSSのコードは下記サイト様をご参照ください。参考:Cocoonの「この記事を書いた人(プロフィール)」ボックスをオシャレにCSSカスタマイズしてみたッ!!|LISBLO.AMPは表示が崩れるので子テーマのstyle.cssに貼り付けて、背景の写真のURLを追加すればいいだけです。アイコン表示サイズを変えるCocoonの吹き出し機能をよく使うのですが、スマホで見るときにアイコンが少し小さすぎるように感じたのでCSSを追加して調整しました。アイコンとアイコン下の名前を大きくするために子テーマのstyle.cssに追加するのはこの二行.speech-person{min-width:70px;}.speech-name{font-size:12px;}※どちらも数値は任意、好きな大きさに調整してください。スマホ表示のみ大きくするためにレスポンシブデザイン用のメディアクエリ/*480px以下*/の下に追加。特定の記事をJSON-LDで構造化データマークアップカスタムJavaScriptでは、JSON-LDマークアップの記述はできなかったのでカスタムフィールドから入力することで対応しました。コメントをキャンセルメールアドレスが公開されることはありません。初心者の初心者による初心者のためのWordPress2014.01.29【裏技】ニコニコ動画をiPhoneのバックグラウンドで再生する方法2014.09.082019.07.09高校時代に書いた「クラス劇の脚本を考えるポイント」というメモが面白い【巻き込む力】2017.01.172019.07.12【Twitter小技】いいねの代わりに『自分宛にDMを送る』とめっちゃ便利2017.02.122019.05.06Googleで「スピードテスト」って検索するとスマホでも簡単にインターネット速度をチェックできるって知ってた?2017.10.142019.03.06空港でレンタルWi-Fiを受け取り忘れた!出国審査後に忘れ物に気が付いたらどうすればいい?【成田空港】Cocoonの「目次」デザインをシンプルかつオシャレにCSSカスタマイズするおでかけJapan海外旅行Travel漫画感想Manga映画感想Movie4コマ漫画OriginalライフスタイルLifeスポンサーリンクプロフィールおしゃキミ@Osha_Kimi好きなモノ・コト・趣味に時間を使って生きたいゆとり育ち。グルメ、映画やマンガの感想をブログで発信中。4コマ漫画やイラストも描いています。記事を検索おしゃキミ@Osha_Kimi好きなモノ・コト・趣味に時間を使って生きたいゆとり育ち。グルメ、映画やマンガの感想をブログで発信中。4コマ漫画やイラストも描いています。目次コメント人気記事おでかけJapan海外旅行Travel漫画感想Manga映画感想Movie4コマ漫画OriginalライフスタイルLifeスポンサーリンクプロフィールおしゃキミ@Osha_Kimi好きなモノ・コト・趣味に時間を使って生きたいゆとり育ち。グルメ、映画やマンガの感想をブログで発信中。4コマ漫画やイラストも描いています。乙嫁語りタイトルとURLをコピーしました。