Cocoonの使い方やカスタマイズとオリジナルスキン

サイトマップ

スポンサーリンク
スポンサーリンク

記事一覧

Cocoon

設定

Cocoonでコメント欄が表示されない場合の対応
SerchConsoleで「HTML タグに必須属性がありません」対処法(Cocoon)
Cocoonで記事閲覧数(PV)を表示・非表示設定
簡単!Cocoonでアドセンス広告・関連記事を表示する方法
Cocoon標準スキン全種の画面サンプルとカラーコード一覧
PWAって?Cocoonで簡単にPWA対応する方法詳細と動作確認方法
簡単!CocoonをAMP化する方法・ロゴやCSSのサイズとエラー時の対処
Cocoon 404 Not Foundページの設定方法・画像サンプルサイトも
CocoonのAPI設定(タブ)の設定方法をすべて解説
Cocoonでアドセンス広告の貼り方・設定だけで簡単!
Cocoonのフォント設定方法と字体サンプル一覧
Cocoon標準スキン全種・画面サンプル一覧とファイル構成
Cocoonの設定 やりたい事の逆引きで編集箇所がわかる50音順一覧
順番にやれば簡単!Cocoonの導入~初期設定でブログ公開まで
Cocoon管理者パネルの設定とサンプル+表示ボタンのリンク先一覧
図解!Cocoonのヘッダーまわり、管理者メニューの設定方法
Cocoonの設定画面「Cocoon設定」の使い方・38個のタブ一覧まとめ
Cocoon・おすすめ記事やカテゴリー画像などをカードで表示(おすすめカード)
Cocoonでヘッダーレイアウトやロゴを設定する方法と表示パターン
WordPressを高機能無料テーマCocoonで始める!インストール~初期設定まとめ
Cocoonの初期設定・「外観」→「カスタマイズ」からの設定
多機能でシンプルな無料テーマ「Cocoon」の導入方法

使い方

Cocoonのカラム設定方法・ページごとにサイドバーを表示しないなど
Cocoonの固定ページでタイトル・更新情報・SNSボタンを非表示にする方法
Cocoonのナビカードの使い方と表示サンプル
Cocoonのアイキャッチサイズはいくつにすればいい?比率ごとのサイズサンプル
Cocoonで複数カテゴリー設定時のメインカテゴリー指定方法
Cocoonの使い方:項目ごとに探しやすく総まとめ
Cocoonはトップページを作らず簡単にフロントページを設定!サンプルも
Cocoonでウィジェット表示制御(表示したくないページを設定)
コピペで!Cocoonで混合(棒+折れ線)グラフを表示する方法「Chart.js」
Cocoonで目次の非表示をページ単位に設定する方法
コピペで!Cocoonでポーラーチャートを表示する方法「Chart.js」
コピペで!Cocoonでレーダーチャートを表示する方法「Chart.js」
コピペで!Cocoonで折れ線グラフを表示する方法「Chart.js」
コピペで!Cocoonで棒グラフを表示する方法「Chart.js」
コピペで!Cocoonで円グラフ・ドーナツチャートを表示する「Chart.js」
Cocoonの記事内で2~4カラムのエリアを自在に配置する方法
Cocoonでプロフィール欄を表示する方法と設定
Cocoonで簡単にカテゴリーごとのページをデザイン設定
CocoonのCTAボックスウィジェットの使い方とプチカスタマイズ
Cocoonのランキング作成機能の使い方・設定方法を詳細に解説
Cocoonテーマの更新方法・最新バージョンや過去バージョン
Cocoonの便利機能!ショートコード一覧と使い方
Cocoonショートコード-タイムラインやカウントダウンの使い方
Cocoonショートコード-ナビカードの使い方と表示サンプル
Cocoonショートコード-サイトマップの使い方と表示サンプル
Cocoonショートコード-人気記事一覧の使い方と表示サンプル
Cocoonショートコード-新着記事一覧の使い方と表示サンプル
Cocoonのアイコンや画像も使えるボックスメニューの使い方
Cocoonの吹き出しの使い方と設定項目のサンプル
Cocoonの設定画面「Cocoon設定」の使い方・38個のタブ一覧まとめ
Cocoonのサイト上部に帯状メッセージエリア(通知)を設定・全ページ表示
Cocoonのヘッダーアピールエリアを設定する
Cocoonでシンタックスハイライトを使う方法(ソースコード表示)
Cocoonでクラシックエディタを使う方法(ブロックエディタ無効)
Cocoonの文字装飾サンプル一覧 全253種

カスタマイズ

コピペで!Cocoonコメント欄の簡単カスタマイズ
Cocoonの記事内に開閉するBOX(トグルボックス)表示とカスタマイズ
Cocoonの記事内に埋め込める検索フォームの使い方とカスタマイズ
Cocoonで記事内の画像デザインカスタマイズと拡大表示方法設定
Cocoonの「この記事は約〇分で読めます」の設定とカスタマイズ
CocoonのFacebookウィジェットの使い方とプチカスタマイズ
Cocoonのグローバルナビのアニメーション効果カスタマイズ
Cocoonのフロントページ・カテゴリー別一覧をカスタマイズ
Cocoonでサイトマップをカテゴリー単位に表示する方法
Cocoonのスキンをカスタマイズして新しいスキンを作る方法
コピペで簡単!Cocoonのブログカードをカスタマイズ
Cocoonを40か所以上カスタマイズまとめ!
簡単!Cocoonのサイトマップをプチカスタマイズ
Cocoonで評価・ランキングの★を好きな場所で表示する方法
コピペで!Cocoonのグローバルナビをカスタマイズ
Cocoonのスキン「2020TOKYO」用部品:カテゴリー、タグウィジェット
Cocoonのスキン「黒×ビビッドカラー」用部品:カテゴリー、タグウィジェット
Cocoonのスキン「和の色」用部品:カテゴリー、タグウィジェット
Cocoon固定ページで投稿日・投稿者情報・アイキャッチを非表示にする
コピペで!Cocoonのタグクラウドデザインをカスタマイズ
コピペで!Cocoonのカテゴリーウィジェットをカスタマイズ
コピペで!CocoonのSNSフォローボタンデザインカスタマイズ
簡単!グローバルメニューのアイコンやラベルを色分けする
Cocoonのスキン「2020TOKYO」用部品:タブ切替メニュー
Cocoonのスキン「和の色」用部品:タブ切替メニュー
Cocoonのスキン「黒×ビビッドカラー」用部品:タブ切替メニュー
コピペで!Cocoonトップページなどに使えるタブ切替メニュー18色
コピペで!CocoonのFacebookボックスのデザインカスタマイズ
Cocoonのトップページをデザイン:カテゴリー別記事を横並び表示
Cocoonで特定カテゴリーやタグを非表示にする方法
Cocoonのプロフィール欄のSNSボタンをカラーにするなどのカスタマイズ
Cocoonのグローバルナビメニューにアイコンフォントとカスタマイズ
Cocoonでビジュアルエディタ見出しやスタイルを思い通りにカスタマイズ
Cocoon文字装飾スタイル・サンプルとカラーコードとクラス名一覧
CocoonでのPHPファイル編集を伴うカスタマイズについて
Cocoonの記事一覧のカードに設定した日数の間NEWマークを表示する
Cocoonのランキング機能をデザインカスタマイズ
Cocoonのページトップボタンの設定と位置を変えるカスタマイズ
Cocoonの新着記事ウィジェット(&ショートコード)のデザインカスタマイズ
Cocoonの記事下ページャーをカスタマイズ
Cocoonの文字装飾ボタンの色やデザインをカスタマイズ
Cocoonの文字装飾バッジの色やデザインをカスタマイズ
Cocoonの検索フォームをデザインカスタマイズ
Cocoonの文字装飾マーカーの色やデザインをカスタマイズ
Cocoonの文字装飾ボックススタイルをカスタマイズ(案内)
Cocoonの文字装飾ボックススタイルをカスタマイズ(アイコン)
Cocoonの文字装飾ボックススタイルをカスタマイズ(白抜き・タブ・付箋風)
Cocoonの記事一覧エントリーカードのデザインカスタマイズ
CocoonのスキンMomoonをカスタマイズして新しいスキンを作る
Cocoon・おすすめカードのプチカスタマイズ
Cocoonの吹き出しデザインをカスタマイズ
Cocoonのサイドバーウィジェットなどのリストデザインをカスタマイズ
Cocoonのグローバルナビに補足説明文を表示する方法とカスタマイズ
コピペで!Cocoonの記事タイトルや見出し(H1~H5)をカスタマイズ
Cocoonのヘッダー下アピールエリアをカスタマイズ
Cocoonのサイドバータイトル(ウィジェットタイトル)カスタマイズ
Cocoonの記事一覧下ページ送り(ページネーション)をカスタマイズ
Cocoon記事一覧ページのカードをカスタマイズ
Cocoonの目次設定とデザインカスタマイズ

スキン

Cocoonオリジナルスキン:ビビッドカラー(黒×オレンジ)
Cocoonオリジナルスキン:ビビッドカラー(黒×ピンク)
Cocoonオリジナルスキン:ビビッドカラー(黒×グリーン)
Cocoonオリジナルスキン:ビビッドカラー(黒×ブルー)
Cocoonオリジナルスキン:ビビッドカラー(黒×朱)
Cocoonオリジナルスキン:和の色(紫)
Cocoonオリジナルスキン:和の色(抹茶)
Cocoonオリジナルスキン:和の色(ピンク)
Cocoonオリジナルスキン:和の色(橙)
Cocoonオリジナルスキン:和の色(紺)
Cocoonオリジナルスキン:和の色(薄いブルー)
Cocoon用オリジナルスキン24種:ビビッドカラー・和色・プロ野球など
Cocoonのスキン:プロ野球シリーズ「日本ハムファイターズ」
Cocoonのスキン:プロ野球シリーズ「西武ライオンズ」
Cocoonのスキン:プロ野球シリーズ「楽天ゴールデンイーグルス」
Cocoonのスキン:プロ野球シリーズ「オリックスバッファローズ」
Cocoonのスキン:プロ野球シリーズ「千葉ロッテマリーンズ」
Cocoonのスキン:プロ野球シリーズ「福岡ソフトバンクホークス」
Cocoonのオリジナルスキン:日本プロ野球シリーズ(Ver2.1.6~対応)
Cocoonのスキン:プロ野球シリーズ「中日ドラゴンズ」
Cocoonのスキン:プロ野球シリーズ「広島東洋カープ」
Cocoonのスキン:プロ野球シリーズ「ヤクルトスワローズカラー」
Cocoonのスキン:プロ野球シリーズ「横浜ベイスターズカラー」
Cocoonのスキン:プロ野球シリーズ「阪神タイガースカラー」
Cocoonのスキン:プロ野球シリーズ「読売ジャイアンツカラー」
Cocoonのスキン「黒を基調にビビッドカラー5パターン」(Ver2.1.6~対応)
Cocoonのスキン「2020 TOKYO」オリンピックエンブレムカラー
Cocoonのオリジナルスキン「和の色」6色を作りました(Ver2.1.6~対応)

 

その他

テーマのアップデート時に表示するメンテナンス用のテーマを作る
「Chart.js」を使ったグラフサンプル7種と使い方
最速レンタルサーバー「ConoHa WING」Cocoonが標準搭載!
WordPress自動インストール付サーバー徹底比較・キャンペーンなども

 

固定ページ

サイトマップ
当サイトについて
プライバシーポリシー