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

Cocoonの使い方

Cocoon・使い方

Cocoonでシンタックスハイライトを使う方法(ソースコード表示)

シンタックスハイライト(構文強調 ) とは、テキストエディタの機能で、テキスト中の一部分を、コードの種類・その分類ごとに異なる色やフォントで表示するもので、サイト上でソースコードを表示したい際などに、...
Cocoon・使い方

Cocoonでプロフィール欄を表示する方法と設定

Cocoonは、ウィジェットを使って記事の下や、サイドバーなど 任意の場所にプロフィール欄を簡単に設置出来ます。 プロフィール用画像も、通常は「Gravatar」を使うかプラグインなどを利用しますが、...
Cocoon・使い方

Cocoonのヘッダーアピールエリアを設定する

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、ヘッダーに表示できる「アピールエリア」の使い方についてです。 以下、サンプルです。赤枠内が「ヘッダーアピールエリア」になります。 ...
Cocoon・使い方

Cocoonの記事内で2~4カラムのエリアを自在に配置する方法

Cocoonには、ページ内で2~3カラムの並列記述を可能にするデザインCSSが標準に用意されていて、クラシックエディタを利用していても、そのクラス名を使う事で 簡単に横並びに好きな配置利用する事が出来...
Cocoon・使い方

Cocoonのサイト上部に帯状メッセージエリア(通知)を設定・全ページ表示

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、サイト上部にベルト上に表示できる「通知」の使い方についてです。 以下、サンプルです。黒いバーが「通知」エリアになります。 このエリ...
Cocoon・使い方

Cocoonの吹き出しの使い方と設定項目のサンプル

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

Cocoonのアイコンや画像も使えるボックスメニューの使い方

Cocoonには、便利に使えるショートコードが複数ありますが、今回はアイコンフォントや画像も使えるボックス型のメニューをカスタマイズしてみます。 ボックスメニューの使い方 ショートコード1つで記事内で...
Cocoon・使い方

Cocoonショートコード-新着記事一覧の使い方と表示サンプル

新着記事一覧ショートコード 投稿ページ・固定ページ・カスタム投稿ページを表示できます。 件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、...
Cocoon・使い方

Cocoonショートコード-人気記事一覧の使い方と表示サンプル

人気記事一覧ショートコード 投稿ページ・固定ページ・カスタム投稿ページを表示できます。 件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、...
Cocoon・使い方

Cocoonで目次の非表示をページ単位に設定する方法

Cocoonには目次を表示する機能が標準であるので、プラグインなどを使う必要はありません。 個別に目次を表示したくないページがある場合の設定も簡単に行えます。 目次設定 Cocoon設定→目次タブから...
スポンサーリンク