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

Cocoon・使い方

Cocoon・使い方

Cocoonのアイキャッチサイズはいくつにすればいい?比率ごとのサイズサンプル

テーマによってアイキャッチ画像のサイズ(縦横比率)が適当だと、拡大や縮小されて間延びしたり、画像が切れてしまったりします。Cocoonの場合は、画像の縦横比を設定する事が出来る為、その設定に沿った比率...
Cocoon・使い方

Cocoonの文字装飾サンプル一覧 全253種

Cocoonに標準で準備されている文字装飾のスタイルは膨大で、お気に入りを見つけるまでに時間がかかるため、一覧にまとめました。装飾の数は253種+インライン(太字などの通常装飾)やフォントサイズ部分で...
Cocoon・使い方

Cocoonのランキング作成機能の使い方・設定方法を詳細に解説

Cocoonではアフィリエイトにも使える商品ランキングなどを登録して好きな場所で表示する機能があります。以下のようなものです。上記のサンプルで言うと、必須項目は商品名の部分だけですので、これを使って他...
Cocoon・使い方

Cocoonのナビカードの使い方と表示サンプル

Cocoonのオリジナルウィジェット「ナビカード」は、任意の記事を選択して並べて表示する機能です。記事選択にはWordPressのメニュー機能を利用します。設定メニューを作成ナビカードで表示したいメニ...
Cocoon・使い方

Cocoonの設定画面「Cocoon設定」の使い方・38個のタブ一覧まとめ

Cocoon設定画面から出来る設定項目のまとめです。Cocoon設定スキンスキンとはあらかじめ用意されたデザインファイルです。70種類近くあるスキンから選択するだけで、あらかじめデザインしたサイトが簡...
Cocoon・使い方

CocoonのCTAボックスウィジェットの使い方とプチカスタマイズ

CTAとは「Call To Action」の略で、日本語では「行動喚起」。「詳細はこちら」とか「お申込みはこちら」「ご購入はこちら」といった案内ボタンを好きな場所にいくつでも簡単に設置する事が出来る機...
Cocoon・使い方

Cocoonの固定ページでタイトル・更新情報・SNSボタンを非表示にする方法

Cocoonの固定ページで、タイトルを非表示にしたい場合や、更新日・投稿日、SNSボタンを表示したくない場合の設定方法やCSSによる対処法をまとめています。CSS追記の場合CSS追記は以下のいずれかか...
Cocoon・使い方

Cocoonでクラシックエディタを使う方法(ブロックエディタ無効)

ワードプレス バージョン5.0以降、新しいエディタGutenberg(グーテンベルク)というブロックエディタが導入されましたが、今までのエディタとは見た目が変わってしまう上、使い方も違うので使いにくい...
Cocoon・使い方

Cocoonの使い方:項目ごとに探しやすく総まとめ

Cocoonの使い方について、項目ごとにまとめています。設定箇所の一覧は以下も参考にして下さい。テーマインストール更新・過去Ver.スキン設定関連フロントページヘッダーレイアウト・ロゴアピールエリア通...
Cocoon・使い方

Cocoonのカラム設定方法・ページごとにサイドバーを表示しないなど

Cocoonは 1カラム または 2カラム に設定可能ですが、ページごとに1カラムにしてサイドバーを非表示にしたい場合の設定方法など、カラム操作をまとめています。初期状態は2カラム(右側にサイドバー)...
スポンサーリンク