2020年04月12日
WordPress無料テーマ「Cocoon(コクーン)」はいい感じです。初期設定項目
本日、新しく立ち上げたブログにWordPressをインストールして、無料テーマのCocoon(コクーン)をインストールしました。
これで3つ目のブログ(独自ドメイン)の立ち上げです。
この初期設定には以下の外部記事を参考にさせていただきました。
さとやんブログ
とてもわかりやすい記事で、Youtubeにもアップされています。
今回私が残しておきたいことを列記しておきます。
▼設定>一般設定
サイトのタイトル
キャッチフレーズ
WordPressアドレス など設定を変えたいところは変えておく
日付や時刻のフォーマットも変更
▼全体のデザイン・レイアウトを決める
1 Cocoon設定>スキン
ここで好きなスキンを選択する
▼サイト本文の文字サイズを小さくする
1 Cocoon設定>全体
サイトフォント 18px → 16px
※書体や色なども変えることができる
▼ヘッダーの背景画像や背景色を決める場合
1 Cocoon設定>ヘッダー
ヘッダー背景画像 で画像を選択する
※事前に用意しておく
サイズは自動調整される感じ。最初は幅1200pxを作ってみた。
この場合、高さが必要なら[高さ]で数値設定が必要。
※必要ないなら設定しなくてもよい
もしくは[ヘッダー全体色]で 全体背景色、全体文字色 を設定
▼広告(アドセンスなどここで設定:後日)
▼アクセス解析・認証(アナリティクス・サーチコンソール設定)
▼インデックス
トップページの記事の並びを変える時は
[カードタイプ]でレイアウトを変更できる(選択式)
▼投稿
カテゴリ・タグ >カテゴリのみ を選択
関連記事 表示タイプ >縦型カード3列
表示数 >6
投稿関連情報の表示(スニペットのチェックを外す)
※この関連記事は記事下部の表示のこと
関連記事を6つだけにして、タイトルのみを表示します。
スニペットはこれらの記事の本文抜粋をいれるかいれないかの設定
パンくずリスト設定 >メインカラム手前
▼固定ページ
パンくずリスト設定 >メインカラム手前
▼本文
外部リンクの開き方 >新しいタブで開く
内部リンクの開き方 >同じタブで開く
投稿関連情報 >投稿者名の表示 チェック外す
※ここで、投稿日・更新日の表示をするようになっている
▼SNSシェア
表示切替 >Twitter,Facebook,はてな,LINEだけ
カラム数 >4列
※トップシェア、ボトムシェア両方同じ設定
▼画像 以下にチェックをいれる
>アイキャッチの中央寄せ
>アイキャッチをカラム幅に引き伸ばす
▼コメント
ウェブサイトの表示 >チェックをはずす
▼通知 ※全ページ上部に通知したいときに使う
新しいページを追加したとか。
▼カルーセル ※ヘッダー下に記事を表示させてクルクル動かす
[オートプレイ]で自動。記事が増えたらやってもいいかも
▼AMP(アンプ)
AMPの有効化 >チェックをいれる
▼管理者画面
管理者パネル ※様々なチェックツールの表示設定
PV数、表示速度など分析できるかな
▼ウィジェット ブロックごとにブログをカスタマイズできること
▼Cocoon設定>高速化
すべてチェックをいれる
▼投稿
1 記事を入力
2 アイキャッチ画像を設定する(右側をスクロールすれば出てきます)
▼記事のURLを自由につける
1 設定>パーマリンク設定
◎投稿名 を選択
2 投稿画面の上部 URLの[編集]をクリックして
好きなURLを決める
以上ですが、次は「グーグルアナリティクス・サーチコンソール」の設定もしたいと思っています(^^)
これで3つ目のブログ(独自ドメイン)の立ち上げです。
この初期設定には以下の外部記事を参考にさせていただきました。
さとやんブログ
とてもわかりやすい記事で、Youtubeにもアップされています。
今回私が残しておきたいことを列記しておきます。
▼設定>一般設定
サイトのタイトル
キャッチフレーズ
WordPressアドレス など設定を変えたいところは変えておく
日付や時刻のフォーマットも変更
▼全体のデザイン・レイアウトを決める
1 Cocoon設定>スキン
ここで好きなスキンを選択する
▼サイト本文の文字サイズを小さくする
1 Cocoon設定>全体
サイトフォント 18px → 16px
※書体や色なども変えることができる
▼ヘッダーの背景画像や背景色を決める場合
1 Cocoon設定>ヘッダー
ヘッダー背景画像 で画像を選択する
※事前に用意しておく
サイズは自動調整される感じ。最初は幅1200pxを作ってみた。
この場合、高さが必要なら[高さ]で数値設定が必要。
※必要ないなら設定しなくてもよい
もしくは[ヘッダー全体色]で 全体背景色、全体文字色 を設定
▼広告(アドセンスなどここで設定:後日)
▼アクセス解析・認証(アナリティクス・サーチコンソール設定)
▼インデックス
トップページの記事の並びを変える時は
[カードタイプ]でレイアウトを変更できる(選択式)
▼投稿
カテゴリ・タグ >カテゴリのみ を選択
関連記事 表示タイプ >縦型カード3列
表示数 >6
投稿関連情報の表示(スニペットのチェックを外す)
※この関連記事は記事下部の表示のこと
関連記事を6つだけにして、タイトルのみを表示します。
スニペットはこれらの記事の本文抜粋をいれるかいれないかの設定
パンくずリスト設定 >メインカラム手前
▼固定ページ
パンくずリスト設定 >メインカラム手前
▼本文
外部リンクの開き方 >新しいタブで開く
内部リンクの開き方 >同じタブで開く
投稿関連情報 >投稿者名の表示 チェック外す
※ここで、投稿日・更新日の表示をするようになっている
▼SNSシェア
表示切替 >Twitter,Facebook,はてな,LINEだけ
カラム数 >4列
※トップシェア、ボトムシェア両方同じ設定
▼画像 以下にチェックをいれる
>アイキャッチの中央寄せ
>アイキャッチをカラム幅に引き伸ばす
▼コメント
ウェブサイトの表示 >チェックをはずす
▼通知 ※全ページ上部に通知したいときに使う
新しいページを追加したとか。
▼カルーセル ※ヘッダー下に記事を表示させてクルクル動かす
[オートプレイ]で自動。記事が増えたらやってもいいかも
▼AMP(アンプ)
AMPの有効化 >チェックをいれる
▼管理者画面
管理者パネル ※様々なチェックツールの表示設定
PV数、表示速度など分析できるかな
▼ウィジェット ブロックごとにブログをカスタマイズできること
▼Cocoon設定>高速化
すべてチェックをいれる
▼投稿
1 記事を入力
2 アイキャッチ画像を設定する(右側をスクロールすれば出てきます)
▼記事のURLを自由につける
1 設定>パーマリンク設定
◎投稿名 を選択
2 投稿画面の上部 URLの[編集]をクリックして
好きなURLを決める
以上ですが、次は「グーグルアナリティクス・サーチコンソール」の設定もしたいと思っています(^^)
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/9771569
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック