【WordPress】【Cocoon】ブログ「現場で使える! SQL Server実践ガイド」で実施したこと

初期設定のウィジェットを削除

[外観]→[ウィジェット]の以下に設定されているものを全て削除
・サイドバー
・サイドバースクロール追従

トップ(フロント)ページを「カテゴリごと表示」にする

①[Cocoon設定]→[インデックス]の設定を以下にする
 ・「カテゴリごと(2カラム)」にする
 ・「表示カテゴリー」の全てにチェックを入れる

②[Cocoon設定]→[全体]の「サイドバーの表示状態」を「フロントページで非表示」にする

グローバルメニューの設定

マニュアル

グローバルメニューのアイテム幅をテキストサイズに合わせる

マニュアル

グローバルメニューに補足説明を付ける

マニュアル

サイトキーカラーの変更

[Cocoon設定]→[全体]→[キーカラー]→[サイトキーカラー]で赤を指定し保存

投稿ページのみにサイドバーを表示

1.[外観]→[ウィジェット]で「カテゴリー」を「サイドバー」へ追加

2.「表示設定」をクリック

3.「ウィジェットの表示」で「チェック・入力したページで表示」を選択

4.「カテゴリー」タブをクリックし、すべてのカテゴリーにチェックを入れる

5.「ページ」タブをクリックし、「投稿」のみにチェックを入れる

6.「保存」をクリック

固定ページ(プロフィール画面)の作成する

1.[ユーザー]→[あなたのプロフィール]をクリックし、以下を設定する
・あたなについて
・下部にある「プロフィール画像」

2.[固定ページ]→[新規作成]をクリック

3.以下を記載する
・タイトル 例) 運営者情報
・本文にショートコード「author_box」

4.以下にチェックを付ける
・インデックスしない(noindex)
・リンクをフォローしない(nofollow)

5.「公開」をクリック

6.「パーマリンク」を「profile」へ変更し「更新」をクリック

固定ページ(プライバシーポリシー画面)の作成する

1.[固定ページ]→[新規作成]をクリック

2.以下を記載する
・タイトル 例) プライバシーポリシー
・本文

3.以下にチェックを付ける
・インデックスしない(noindex)
・リンクをフォローしない(nofollow)

4.「公開」をクリック

5.「パーマリンク」を「privacypolicy」へ変更し「更新」をクリック

固定ページ(問い合わせ画面)の作成する

1.プラグイン「Contact Form 7」をインストールし有効化する

2.[問い合わせ]-[コンタクトフォーム]の「コンタクトフォーム 1」をクリック

3.ショートコードをコピーしてテキストファイル等に張り付け

4.[固定ページ]→[新規作成]をクリック

5.以下を記載する
・タイトル 例) お問い合わせ
・本文 →先程コピーしたショートコード

6.以下にチェックを付ける
・インデックスしない(noindex)
・リンクをフォローしない(nofollow)

7.「公開」をクリック

8.「パーマリンク」を「contact」へ変更し「更新」をクリック

固定ページ(サイトマップ画面)の作成する

1.[固定ページ]→[新規作成]をクリック

2.以下を記載する
・タイトル 例) サイトマップ
・本文に「サイトマップのショートコード」を設定する
 

フッターメニューの設定

以下をフッターメニューに設定する
・ホーム
・固定ページ(プロフィール画面)
・固定ページ(グループポリシー画面)
・固定ページ(サイトマップ画面)
・固定ページ(問い合わせ画面)

サイドバーのカテゴリの表示順を変更

プラグイン「Category Order and Taxonomy Terms Order」で実現

ヘッダーの設定をする

1.[Cocoon設定]→[ヘッダー]をクリックする

2.「ヘッダーレイアウト」を「センターロゴ(スリムメニュー)」にする

3.「キャッチフレーズの配置」を「表示しない」にする

ヘッダーの背景画像を設定

1.幅1240、高さ200の画像を準備する
 →高さは任意

2.[Cocoon設定]→[ヘッダー]をクリックする

3.「高さ」と「高さ(モバイル)」を設定する場合は、「200以下」を設定する
  →準備した画像の高さ以下にする

4.「ヘッダー背景画像」に準備した画像を設定する

5.「変更をまとめて保存」をクリックする

カルーセルを表示させる

1.[Cocoon設定]→[カルーセル]をクリックする

2.以下を設定する

・「カルーセルの表示」を「フロントページのみで表示」
・「表示内容」の「カテゴリー」を任意
・「最大表示数」を「12」
・「オートプレイを実行」にチェックを入れる

「トップへ戻るボタン」の見た目を変更

1.[Cocoon設定]→[ボタン]をクリックする

2.以下を設定する

・「背景色」を「赤」
・「文字色」を「白」

ブログリンク集へ登録

タイトルとURLをコピーしました