Cocoon・カスタマイズ

タグクラウドのデザインをカスタマイズする方法です。タグクラウドウィジェットはWordPressの標準ウィジェットなので、Cocoonに限らず汎用的に利用できるかと思います。カスタマイズサンプルBefo...

Facebookウィジェットとは、記事下などに表示して「いいね！」ボタンを表示できるCocoonのオリジナルウィジェットで以下の２種類あります。 Facebookバルーン Facebookボックスこれ...

Cocoonのサイドバーに表示できる「カテゴリー」や「メニュー」などのウィジェットは、リスト形式で表示されますが、初期デザインはシンプルな以下のようなものです。このデザインをカスタマイズしてみます。カ...

Cocoonに限らずですが、PHPファイルを編集するのはリスクが伴います。最初から子テーマに用意されているものと、親テーマにしかないものがあり、特に親テーマにしかないファイルを触りたい場合には手順があ...

サイドバーなどに表示するカテゴリーウィジェットをカスタマイズしてみます。主なデザイン内容は以下です。 アイコンフォントを付ける カラーを付ける 投稿数に背景色を付ける 行間を調整カスタマイズ方法簡単な...

Cocoon設定から記事内の画像枠や拡大時の表示方法を設定する方法とサンプル一覧になります。画像枠を設定する「Cocoon設定」を開きます。「画像」タブを選択します。「画像の囲み枠」から装飾なしを含め...

Cocoonには、キャラクターや自分のアバターなどのアイコンで会話形式 の吹き出しを表示する機能があります。今回は、吹き出しデザインのカスタマイズをしてみます。吹き出しの使い方については以下にまとめて...

Cocoonのトップページやアーカイブページでの記事一覧で、新着記事に「Newマーク」を表示します。サンプル「NEW」マークを左端に出したかったのですが、カテゴリーと被ってしまうので、右端に出しました...

固定ページには投稿日や更新日の情報はほぼ要らないですよね。たとえば「お問い合わせフォーム」や「404 Not Found」、「自動生成されるサイトマップ」などに更新日があっても意味がありません。今回は...

Cocoonには、記事内に「検索フォーム風」のボタンを埋め込む機能があり、簡単に挿入して使えます。その使い方と、簡単カスタマイズ方法です。使い方記事編集画面で、「タグ」から「検索フォーム風」を選択する...