ヘッダーに画像を表示する
次のような文字列のヘッダーを画像付きのヘッダーに変更します。
１．画像編集ソフト等で、次のようなヘッダー画像を作ります。
(画像内に文字も編集します)
２．WordPress管理画面 > Cocoon設定画面 > ヘッダータブ を選択します。
３．「ヘッダーロゴ」という編集項目を探します。
４．「選択」をクリックして、PCから作成した画像をアップロードすると、次のように表示されます。
５．一番下、または、一番上に移動して、「変更を保存」をクリックします。
６．サイトを表示すると画像のヘッダーに変更されています。
７．実際のヘッダー画像の表示例については、こちらのサイトを参照してください。
投稿者名を表示しないようにする
１．WordPressの管理画面のメニューより、Cocoon設定選択します。
２．本文タグを選択する。
３．一番下にある「投稿者情報表示設定」の中の「 投稿関連情報」を変更する。
「投稿者名を表示する」のチェックを外す。
４．ブログの投稿記事を開いて表示が消えていることを確認する。
ページ送りナビを消す(表示する)
Cocoonをインストールした直後は、投稿記事の下に画像のような「ページ送りナビ」が表示されます。これを表示しないようにする方法、および表示させる場合の設定方法を説明します。
ページ送りナビを消す
１．WordPressの管理画面で、Cocoon設定を選択します。
２．「投稿」を選択します。
３．「ページ送りナビ設定」の中の「表示」で、チェックをはずすとページ送りナビが表示されなくなります。(チェックを入れると表示)
４．「変更をまとめて保存」をクリックします。
５．サイトを表示して、ページ送りナビが消えていることを確認します。
ページ送りナビを表示する場合の設定
１．「ページ送りナビ設定」の中の「表示」で、「ページ送りナビを表示する」にチェックを入れます。
２．次の設定をします。
- 表示タイプ このページの画像は、「デフォルト」を選択した場合の表示です。
- 表示位置 ページ送りナビを表示する位置を選択します。 (このページの場合は、コメント欄、関連記事の表示をしていないため、どれを選択しても同じです。)
- カテゴリー 「同一カテゴリーを表示する」を選択すると、カテゴリー内のみ表示します。(チェックの入っていない場合は、全件表示します)
- カテゴリー 「除外カテゴリー」にチェックを入れたカテゴリーは表示されません。
３．「変更をまとめて保存」をクリックします。
４．サイトを表示して、ページ送りナビが意図した位置に表示されていることを確認します。
パンくずリストを表示する(消す)
ＷｏｒｄＰｒｅｓｓのパンくずリストとは、画像のように階層を示すもので、クリックすると、その階層を表示することができます。Cocoonの標準では、パンくずリストを表示しない設定となっていますので、表示する方法、表示位置を設定する方法を説明します。また、表示が不要となった時の消し方も説明します。
(パンくずリストの例)
(パンくずリストを設置する理由)
ユーザーの利便性:
サイト内での立ち位置が瞬時に分かり、上位階層のページへ簡単に移動できます。
SEO効果:
検索エンジンがWebサイトの構造を理解しやすくなります。
内部リンクとしての役割も果たします。
パンくずリストを表示する方法
１．WordPressの管理画面のメニューで、Cocoon設定を選択します。
２．Cocoon設定の画面で「固定ページ」タブまたは、「投稿」タブを選択します。(それぞれ、別に設定します。)
３．「パンくずリスト設定」の中の「パンくずリストの配置」で、表示する位置にチェックを入れます。(当サイトでは「「メインカラムトップ」にチェック)
設置位置を変更したいときは、「パンくずリストの配置」の選択を変更します。
４．一番最後、または、先頭の「変更をまとめて保存」をクリックします。
５．サイトを表示して、指定した位置に、パンくずリストが表示されていることを確認します。
パンくずリストを消す方法
１．WordPressの管理画面のメニューで、Cocoon設定を選択します。
２．Cocoon設定の画面で「固定ページ」タブまたは、「投稿」タブを選択します。(それぞれ、別に設定します。)
３．「パンくずリスト設定」の中の「パンくずリストの配置」で、
「表示しない」にチェックを入れます。
４．一番最後、または、先頭の「変更をまとめて保存」をクリックします。
５．サイトを表示して、パンくずリストが、表示されていないことを確認します。
スキン(ブログイメージ)を選択する
１．Cocoon設定を選択します。
２．「スキン」を選択します。
３．スキン一覧から、スキンを選択し、チェックします。(スキン名をクリックすると、イメージを見ることができます)
当サイトでは、「てがきノート(ホワイトバナナ)」を使用しています。
４．「変更をまとめて保存」をクリックします。
５．サイトを表示してみて、イメージを確認します。(何度でも変更できます)
コメント入力欄を消す(表示する)
WordPressでCocoon利用時には、初期状態でコメント入力欄が表示されています。これを消す方法、および、表示する方法を説明します。
コメント入力欄を消す
１．WordPress管理画面で、Cocoon設定を選択します。
２．「固定ページ」または、「投稿」を選択します。
３．コメント設定の「コメントを表示する」のチェックを外すとコメント欄が表示されなくなります。
４．「変更をまとめて保存」をクリックします。
コメント入力欄を表示させる
１．WordPress管理画面で、Cocoon設定を選択します。
２．「固定ページ」または、「投稿」を選択します。
３．コメント設定の「コメントを表示する」にチェックを入れると表示されます。
４．「変更をまとめて保存」をクリックします。
SNSボタンを消す(表示する)
WordPressでCocoon利用時には、初期状態でSNSボタンが表示されています。これを消す方法、および、表示する場合の基本的な設定方法を説明します。
SNSボタンを消す
１．WordPress管理画面で、「Cocoon設定」を選択します。
２．「SNSフォロー」タブをクリックします。
３．「フォローボタンの表示」のチェックを外します。
４．「変更をまとめて保存」ボタンをクリックします。
５．「SNSシェアー」タブをクリックします。
６．「トップシェアボタンの表示」のチェックを外します。
７．「変更をまとめて保存」ボタンをクリックします。
８．サイトを表示して、SNSボタンが消えていることを確認します。
SNSフォローボタンの表示設定
１．WordPress管理画面で、「Cocoon設定」を選択します。
２．「SNSフォロー」タブをクリックします。
３．「フォローボタンの表示」にチェックを入れます。
４．「表示ページ」で、SNSフォローボタンを表示させるページにチェックを入れます。
５．「変更をまとめて保存」ボタンをクリックします。
６．WordPress管理画面で、「ユーザー」 → 「プロフィール」を選択します。
７．利用しているSNSのアドレスを設定します。
８．「プロフィールを更新」ボタンをクリックします。(一番下にあります)
９．サイトを表示し、ＳＮＳフォローボタンが、設定どおり表示されていることを確認します。
SNSシェアーボタンの表示設定
１．WordPress管理画面で、「Cocoon設定」を選択します。
２．「SNSシェアー」タブをクリックします。
３．記事の前に表示させる場合は、「トップシェアボタンの表示」にチェックを入れます。
４．記事の後ろに表示させる場合は、「ボトムシェアボタンの表示」にチェックを入れます。
５．トップ、ボトムのそれぞれの「表示切替」で、表示するSNSを選択し、チェックを入れます。
６．トップ、ボトムのそれぞれの「表示ページ」で、SNSシェアーボタンを表示させるページにチェックを入れます。
７．「変更をまとめて保存」ボタンをクリックします。
８．サイトを表示し、ＳＮＳフォローボタンが、設定どおり表示されていることを確認します。