Cocoon・カスタマイズ CocoonのスキンMomoonをカスタマイズして新しいスキンを作る
CocoonのデザインスキンMomoonをカスタマイズしてみます。 はじめに スキンのカスタマイズを行う為に必要な手順についてです。 必要なもの FTPツール 手順 元のスキンをコピーし、 別の名前の...
Cocoon
Cocoon・カスタマイズ 
Cocoon・カスタマイズ Cocoonのグローバルナビメニューにアイコンフォントとカスタマイズ
Cocoonのメニューは、補足説明を出せる機能があります。グローバルナビメニューの設定方法とアイコンフォントを表示する方法、更に少しデザインカスタマイズもしてみます。 グローバルナビの設定 グローバル...
Cocoon・カスタマイズ Cocoonのスキン「2020TOKYO」用部品：カテゴリー、タグウィジェット
Cocoonの独自スキン「2020TOKYO」オリンピックカラーに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も...
Cocoon・使い方 Cocoonの文字装飾サンプル一覧 全253種
Cocoonに標準で準備されている文字装飾のスタイルは膨大で、お気に入りを見つけるまでに時間がかかるため、一覧にまとめました。 装飾の数は253種＋インライン（太字などの通常装飾）やフォントサイズ部分...
Cocoon・使い方 CocoonのCTAボックスウィジェットの使い方とプチカスタマイズ
CTAとは「Call To Action」の略で、日本語では「行動喚起」。 「詳細はこちら」とか「お申込みはこちら」「ご購入はこちら」といった案内ボタンを好きな場所にいくつでも簡単に設置する事が出来る...
Cocoon・使い方 Cocoonの固定ページでタイトル・更新情報・SNSボタンを非表示にする方法
Cocoonの固定ページで、タイトルを非表示にしたい場合や、更新日・投稿日、SNSボタンを表示したくない場合の設定方法やCSSによる対処法をまとめています。 CSS追記の場合 CSS追記は以下のいずれ...
スキン Cocoonのスキン：プロ野球シリーズ「西武ライオンズ」
Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。 こちらは西武ライオンズカラーのスキンです。 2020/05/25 少しデザイン追加し、ダウンロードファイルは軽量化しまし...
Cocoon・設定 Cocoonの初期設定・「外観」→「カスタマイズ」からの設定
テーマを入れたら最初に行っておく設定の解説です。 ワードプレスの初期設定については以下をご覧ください。 Cocoonの初期設定 まずは、「外観」→「カスタマイズ」を開きます。 こちらで出来る設定はとて...
Cocoon・設定 簡単！Cocoonでアドセンス広告・関連記事を表示する方法
Cocoonは、広告についても非常にきめ細かく設定可能です。 Googleアドセンスのコードも通常レスポンシブコードや、リンクユニット、関連コンテンツのコードをそれぞれセット出来、表示位置も１２か所あ...
Cocoon・カスタマイズ Cocoonの文字装飾ボックススタイルをカスタマイズ（白抜き・タブ・付箋風）
Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。 文字装飾の一覧は以下にまとめています。 この記事はボックス（白抜き）、ボックス（タブ）、ボックス（...