>> 全カテゴリーの目次はこちら <<

|ブログ開設手順④/❼| Cocoon実装|サイトデザイン詳細設定|

④/❼ サイトデザイン Cocoon



サイトデザイン設定

 

 

全体デザイン基本

【外観】→【設定】→【テーマ】

サイトデザイン:【外観】→【設定】→【テーマ】

 

 

【外観】→【設定】→【テーマ】を選択

 

 

外観設定

サイトデザイン:【外観】→【設定】→【テーマ】

 

 

サイトカラー|デザイン|外観を作ります

 

 

テーマの新規追加

サイトデザイン:【外観】→【設定】→【テーマ】

 

 

【新規追加】をクリックすると

内蔵された初期テーマが出ます

 

 

初期テーマ

サイトデザイン:【外観】→【設定】→【テーマ】

 

 

初期テーマは使いづらいため

無料のCocoonを導入しましょう

 

 

無料Cocoon

【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

▷Cocoon公式サイトでダウンロード

完全無料・登録不要で使えて安心

 

 

Cocoon親テーマダウンロード

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

▷親テーマのダウンロードページへ

 

 

Cocoon子テーマダウンロード

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

▷子テーマダウンロードページへ

 

 

圧縮ファイルは解凍しない

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

親子両方の圧縮ファイルをダウンロード

解凍せずにアップロードします

 

 

外観→テーマを選択でアップロード

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

【外観】→【テーマ】を選択

 

 

テーマのアップロード

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

【テーマのアップロード】

先ほどの圧縮ZIPファイルを選択

 

 

Cocoon Childを有効化

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

Childの方だけを有効化します

 

 

メニュー Cocoon設定

サイトデザイン:【Cocoonダウンロード】→【外観】→【テーマ】→【Cocoon設定】

 

 

メニュー画面に

Cocoon設定が新しく追加されます

 

 

レイアウトの調整

 

 

【Cocoon設定】

デザイン詳細:【Cocoon設定】

 

 

Cocoon設定をクリックすると

メニューが表示されます

 

 

『スキン一覧』:全体デザインテーマ

『スキン一覧』:全体デザインテーマ

 

 

まずは基礎デザインを決めましょう

色味や枠線などから好みを選びます

 

 

『全体』:サイドバーの有無

『全体』:サイドバーの有無

 

 

ここでサイドバー表示を決めます

 

 

サイドバー設定

『全体』:サイドバーの有無

 

 

サイドバーに何を表示するかは

【外観】→【ウィジェット】から設定できます

 

 

『ヘッダー』:ロゴ設定

『ヘッダー』:ロゴ設定

 

 

ここで画面上部にロゴが入れられます

 

 

『タイトル』:サイト名の確認

『タイトル』:サイト名の確認

 

 

検索時に表示される

『サイトタイトル』を編集できます

 

 

『カラム』:コンテンツの幅

『カラム』:コンテンツの幅、サイドバーの幅

 

 

サイドバーの幅|メインカラムの表示

を変更できます

 

 

メインカラムの大きさとは

記事を表示する場所の大きさです

 

 

『目次』:目次の表示方法

『目次』:目次の表示方法を決定

 

 

目次の開閉|位置を調整できます

 

 

『フッター』:サイト下部の表示

『フッター』:サイト下に表示する項目を決定

 

 

自分の好みを作っていきましょう

 

 

▷⑤/❼固定ページの作成を見る

 

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