Cocoon カスタマイズ記事まとめ【コピペで完了】 X Facebook はてブ Pocket Pinterest コピー 2021.05.25 目次 高速化に関するカスタマイズ記事作成に関するカスタマイズアイキャッチ画像のカスタマイズ目次のカスタマイズSNS ボタンのカスタマイズ全般コピーボタンデザインパンくずリストのカスタマイズその他デザインのカスタマイズ管理画面に関するカスタマイズ 高速化に関するカスタマイズ Cocoon|レンダリングを妨げるリソースの除外の改善WordPress テーマ『Cocoon』のサイトを PageSpeed Insights でチェックしたときに、改善できる項目に『レンダリングを妨げるリソースの除外』という表示がされます。 今回はこれを改善していきたいと思います! レンダ... 記事作成に関するカスタマイズ Cocoon|ブロック「タブボックス」のデザインをスタイリッシュにするWordPress 無料テーマ『Cocoon』の拡張スタイル『タブボックス(Cocoonブロック)』のデザインをスタイリッシュにするカスタマイズ方法をご紹介します。 記事のポイント 『タブボックス』がシャープなデザインになるおしゃれなブログ... Cocoon|汎用ブロック「タブ見出しボックス」のデザインをスタイリッシュにするWordPress 無料テーマ『Cocoon』の『タブ見出しボックス(Cocoon汎用ブロック)』のデザインをスタイリッシュにするカスタマイズ方法をご紹介します。 記事のポイント 『タブ見出しボックス』がシャープなデザインになるおしゃれなブ... アイキャッチ画像のカスタマイズ Cocoon|アイキャッチ画像を全幅表示する(左右の余白をなくす)WordPress 無料テーマ『Cocoon』のアイキャッチ画像の左右の余白をなくし、横幅いっぱいまで表示するカスタマイズ方法をご紹介します。 記事のポイント アイキャッチ画像が全幅表示になる投稿や固定ページ、カテゴリーページも対象コードを... Cocoon|アイキャッチ画像を記事タイトルの上に移動するWordPress 無料テーマ『Cocoon』の記事タイトルとアイキャッチ画像の位置(場所)を入れ替えるカスタマイズ方法をご紹介します。 記事のポイント アイキャッチ画像を記事タイトルの上に移動できる他の Cocoon ブログではほほ見かけ... 目次のカスタマイズ Cocoon|サイドバーに目次を追従させるWordPress 無料テーマ『Cocoon』のサイドバーに、記事の目次を追従させる(スクロールするとついてくる)カスタマイズ方法をご紹介します。 記事のポイント サイドバーに目次を追従できるユーザビリティーアップ設定方法は詳しい手順付き ... Cocoon|目次リンクを滑らかにスクロールさせるWordPress 無料テーマ『Cocoon』の目次をクリックした際に、「スルスル~」っと滑らかにスクロールしながら見出しまで移動するカスタマイズ方法をご紹介します。 いわゆる『スムーススクロール』と言われています。 記事のポイント 目次に... SNS ボタンのカスタマイズ 全般 Cocoon|SNS(シェア・フォロー)ボタンを非表示にするWordPress 無料テーマ「Cocoon」の SNS シェア・フォローボタンを、非表示にする(削除する)カスタマイズ方法を紹介します。 記事のポイント SNS シェア・フォローボタンを消す方法がわかる特定の記事のみ非表示にする方法もわか... コピーボタン Cocoon|タイトルとURLをコピーするボタンに任意のテキストを追加するWordPress 無料テーマ『Cocoon』の SNS ボタンには、記事タイトル・URLをコピーできるボタンがありますが、一見すると何なのかわからない訪問者も少なくないと思います。 今回はこのコピーボタンに任意のテキストを追加し、わかりや... デザイン Cocoon|SNS(シェア・フォロー)ボタンを丸くするWordPress 無料テーマ『Cocoon』の各 SNS ボタン(シェアボタン・フォローボタン)を、丸形デザインにカスタマイズする方法をご紹介します。 記事のポイント 各 SNS ボタンが丸形デザインになる各ボタンカラーやシェア数の表示に... Cocoon|SNS(シェア・フォロー)ボタンを小さくするWordPress 無料テーマ『Cocoon』の各 SNS ボタン(シェアボタン・フォローボタン)を、小さくコンパクトなデザインにカスタマイズする方法をご紹介します。 記事のポイント 各 SNS ボタンが小さくコンパクトになる各ボタンカラー... Cocoon|SNS(シェア・フォロー)ボタンをシンプルにするWordPress 無料テーマ『Cocoon』の各 SNS ボタン(シェアボタン・フォローボタン)を、シンプルなデザインにカスタマイズする方法をご紹介します。 記事のポイント 各 SNS ボタンがシンプルになる各ボタンカラーやシェア数の表示... Cocoon|SNS(シェア・フォロー)ボタンをひし形にするWordPress 無料テーマ『Cocoon』の各 SNS ボタン(シェアボタン・フォローボタン)を、ひし形デザインにカスタマイズする方法をご紹介します。 記事のポイント 各 SNS ボタンがひし形デザインになる各ボタンカラーやシェア数の表... Cocoon|SNS(シェア・フォロー)ボタンの色を自由に変更するWordPress 無料テーマ『Cocoon』の各 SNS ボタン(シェアボタン・フォローボタン)の色を自由に変更する方法をご紹介します。 記事のポイント 各 SNS ボタンの色の変え方がわかる結果、サイトの雰囲気に溶け込むデザインにできる... パンくずリストのカスタマイズ Cocoon|パンくずリストのアイコンを非表示にするWordPress 無料テーマ「Cocoon」のパンくずリストには、ホーム・カテゴリ・記事タイトルの前にアイコンが表示されます。(デフォルト設定だと記事タイトルは含まれませんが) ホームアイコンは表示しておきたいのですが、個人的にその他のア... その他デザインのカスタマイズ Cocoon|ページをフェードイン表示する(CSS のみ)WordPress 無料テーマ『Cocoon』のページ表示時に、ふわっとフェードインするカスタマイズ方法をご紹介します。 記事のポイント ページを「ふわっ」と表示できるちょっぴりおしゃれ度が増すコードをコピペするだけでカスタマイズ完了 ペー... Cocoon|読み込み中にローディング画面を表示するWordPress 無料テーマ『Cocoon』のページを読み込む際に、ローディングアニメーションを表示するカスタマイズ方法をご紹介します。 記事のポイント ページ読み込み時にローディング画面を表示できるちょっぴりおしゃれ度が増すコードをコピ... 管理画面に関するカスタマイズ Cocoon|インデックスページのエントリーカードのアクセス数を非表示にするWordPress 無料テーマ『Cocoon』のインデックスページのエントリーカードのアクセス数(閲覧数/PV数)を、非表示にするカスタマイズ方法をご紹介します。 記事のポイント エントリーカードの PV 数を非表示できる詳しい手順の図解あ...