当ホームページの作り方を
シンプルに解説します。
順番にこなしていくと誰でもすぐに完成します。
【テーマを選ぶ】ホームページを飾るためのツール
では早速
ワードプレスにログインしてください。
Conohaで作ったIDとパスワードを
メモしてあるはずですね。
cocoonは高速で軽量なテーマで、
カスタマイズ性も高く、
SEOにも優れています。
では、どうやってcocoonを
使うのでしょうか？以下の手順に従ってみましょう。
【コクーン】インストール方法
Conohaサーバーから
ログインしている皆さんは
簡単にインストールできます。
WordPressの外観から
テーマを選び
Cocoonをダウンロードするだけです。
その際
親コクーン
小コクーン
がありますが
両方ダウンロードしてください。
そして使うのは【子コクーン】のみです。
【コクーン】機能紹介
スキン設定
全体設定
ヘッダー
広告
タイトル設定
SEO設定
OGP設定
アクセス解析・認証
カラム設定
インデックス設定
投稿設定
固定ページ設定
本文設定
画像設定
ブログカード設定
カルーセル設定
フッター設定
ファビコン設定
スキン設定
ある程度作り込まれた装飾ですが
最初は使わず
自分で作ってみることをおすすめします。
全体設定
サイトキーカラー 全体の雰囲気の色見
サイトキーテキストカラー 黒ではなくやや黒がおすすめ（#444444)
サイトフォント
フォント ヒラギノ
文字サイズ 18
文字色 ＃333333
他はそのままでよい
ヘッダー
ヘッダーの色とか画像を調整します。
広告
アドセンス広告に合格した後に使います。
タイトル
※サイト名・キャッチフレーズは、WordPress管理画面の「設定」→「一般」で変更できます。
SEO
とりあえずそのまま
OPG
OGPとは「Open Graph Protocol」の略で、
SNSでブログがシェアされたときの画像を
指定する仕組みですログインページを変更する。
OGPの有効化
：OGPタグの挿入
Twitterカードの有効化
：Twitterカードタグの挿入
Twitterカードタイプ
：大きな画像のサマリー
ホームイメージ
：こちらに好きな画像をアップロードします
アクセス解析・認証
サチコとアナリティクスのコードを入れる
カラム
カラムとはブログページの全体を
縦に区切る設定で、多くのブログでは
メインの記事が並ぶ「インデックス」と、
プロフィール欄やアーカイブが並ぶ
「サイドバー」に分かれます。
これも初期設定のままでいいでしょう
コンテンツ幅 800
サイドバー幅 336
インデックス
トップページを固定ページにしない場合
ここの設定でトップを作ります。
投稿
投稿設定では、記事本文の周辺の
表示について細かくカスタマイズ
することができます。
変更特になし
固定ページ
固定ページ設定では、通常記事以外のプロフィールページやお問い合わせフォームなどをカスタマイズできます。
特に変更なし
本文設定
本文行間設定
行の高さ：2
行の余白：3.5
外部リンク設定
外部リンクの開き方
：新しいタブで開く（_blank）
フォロータイプ
：フォローしない（nofollow）
追加rel属性 noopenerを追加
：noopenerを追加
：target=”_blank”の際はnoopenerを追加
内部リンク設定
内部リンクの開き方
：新しいタブで開く（_blank）
フォロータイプ
：フォローする（follow）
追加rel属性 noopenerを追加
：noopenerを追加
その他の設定
レスポンシブテーブル
：横幅の広いテーブルは横スクロール
投稿関連情報
：投稿日の表示
：更新日の表示
目次
目次は自動生成されます。
SNS
表示させるＳＮＳを決めますが
必要なければ全部無しです。
画像
画像設定では、アイキャッチや画質についての調整ができます。
こちらも初期設定で
ブログカード
ブログカード設定は、記事本文にURLを張ったときに表示されるカード形式の設定です。
内部ブログカード設定
ブログカード表示
：ブログカード表示を有効にする
：コメント欄のブログカード表示を有効にする
サムネイルスタイル
：左側
日付表示
：更新日
リンクの開き方
：なし
外部ブログカード設定
ブログカード表示
：ブログカード表示を有効にする
サムネイルスタイル
：左側
リンクの開き方
：新しいタブで開く
キャッシュの保存期間
：30
キャッシュの更新
：なし
コード
コメント
通知
アピールエリア
ヘッダー下に画像を入れる場合に
基本は表示しない
おススメカード
基本は表示しない
カルーセル
カルーセルとは、サイトのヘッダー下に
おすすめ記事などを並べて、コンテンツを
順番に表示する機能です。
基本的に表示しない
フッター
コピーライトの文字を入れるとか
ボタン
ページトップにスクロール移動するボタンの設定です。
モバイル
４０４
AMP
PWA
管理者画面
ウェジット
ウェジットエリア
エディタ
API
その他
リセット
テーマ情報
おおまかなコクーンの機能紹介動画
まとめ
最初の最低限の設定をするだけで
ほぼ使いこなせます
準備が整った方は続きをどうぞ↓
簡単超速ホームページの関連記事
簡単ホームページが気になった方には
こちらの記事もおすすめです。
よかったら読んでみてください。
さあはじめてみよう
