ブログ5

ブログ5

「DG-STYLE」で提供しているテンプレートの「ブログ5」の設定方法について説明します。

ブログ5TOPデザイン

グリッドデザインが強調の「ブログ5」のテンプレートです。

まずテンプレートの適用から進みましょう。

テンプレートの適用方法

サイトデザインの追加

まずテンプレートを適用したいデザインを選択、もしくは新しいデザインを追加して開きます。

  1. ヘッダーメニューの「デザイン設定」をクリック
  2. デザイン追加メニュー」より新しいデザイン追加
  3. 新しいデザインが開いたら完了

テンプレートの適用

デザインの選択ができたら、続いて「ブログ5」テンプレートを適用しましょう。

「ブログ5」テンプレートの適用
  1. ヘッダーメニューで「テンプレート選択」をクリック
  2. ブログタブにある「ブログ5」をクリック
  3. 表示されるメッセージから「はい」を選択
  4. 適用完了

はい、これでテンプレートの適用は終わりました。

ただし、テンプレートなので、グローバルメニューやロゴなどが設定されてない状態ですので、どこを設定すればいいか説明します。

テンプレートの設定箇所

ロゴ設定

「ブログ5」で使われている、「ロゴ」は全部で3か所あります。ロゴはロゴ設定で登録したロゴを使用します。

※ロゴ設定については、「サイトロゴを追加する」から確認できます。

メインロゴ変更

メインロゴ変更
  1. 仮ロゴイメージを「マウス右ボタン」でクリックして「オプション」を開く
  2. イメージ選択」から、登録したロゴを選択して完了

ヘッダーロゴ変更

フッターロゴ変更
  1. シミュレーターの下にスクロールとロゴが表示される
  2. 表示された仮ロゴイメージを「マウス右ボタン」でクリックして「オプション」を開く
  3. イメージ選択」から、登録したロゴを選択して完了

記事ページPCデザインのロゴ変更

記事ページでPCデザインだけのロゴなので、記事ページか確認してください。

デバイス変更

まずデバイスをスマホ→PCに変更します。

イメージのように、PCのアイコンボタンをクリックすると切り替わります。

記事ページPCデザインロゴ変更
  1. 仮ロゴイメージを「マウス右ボタン」でクリックして「オプション」を開く
  2. イメージ選択」から、登録したロゴを選択して完了

グローバルメニュー設定

グローバルメニュー設定
  1. 「メニューが選択されてません。」を「マウス右ボタン」でクリックして「オプション」を開く
  2. メニュー選択」から、WP管理画面で登録したメニューを選択する
    ※登録方法は以下を参照してください。
    ※事前に登録されてない場合は、登録後「メニュー読み込み」をクリックすると追加されます。
メニューの登録について
WordPress管理画面

WordPress管理画面で「外観」→「メニュー」のところから、メニューを登録できます。

キャッチーコピー設定

キャッチーコピー設定
  1. 「テキストを入力してください」を「マウス右ボタン」でクリックして、「オプション」選択
  2. テキスト入力」に入れたい文字を入れて完了

記事ページSNSボタン設定

記事ページには、ヘッダーとフッターに1ずつSNSボタンがあります。表示させたいボタンに設定しましょう。

記事ヘッダーSNSボタン

記事ヘッダーSNSボタン設定
  1. 「SNSボタン」を「マウス右ボタン」でクリックして、「オプション」選択
  2. 表示したいボタンを選択して完了

フッターSNSボタンに関しても同じ仕様なので、表示したいボタンに変更しましょう。

記事フッターSNSボタン

記事フッターSNSボタン

コピーライトの設定

コピーライト設定例
  1. サイトの下までスクロールする
  2. 「コピーライト」を「マウス右ボタン」でクリックして、「オプション」選択
  3. テキスト入力」に自分のサイトに合わせてコピーライトを入力して完了

修正したデザインを公開する

各修正が終わったら、サイトを保存して公開します。

デザイン公開
公開メッセージ
公開完了
  1. 緑色の文字の「公開中」をクリック
  2. メッセージが表示されたら「はい」をクリック
  3. 「公開中」が緑塗になり、下の名前が「公開したいデザイン名」に変わったら完了

※「デザイン設定がありません」とエラーが表示される場合は、保存してから再度公開してください。

Writer Profile

donyのサムネイル

WEB関連の営業から制作まで幅広く経験したフロント・バックエンジニア。
今までのクライアントの要望や制作者としてのノウハウをまとめて「DG-STYLE」を開発しました。

Recommend Post

オフィシャル7

オフィシャル7

「DG-STYLE」で提供しているテンプレートの「オフィシャル7」の設定方法について説明します。オフィシャル7 TOPデ

2021-06-21
ブログ6

ブログ6

「DG-STYLE」で提供しているテンプレートの「ブログ6」の設定方法について説明します。ブログ6TOPデザイン記事を強

2021-01-27
オフィシャル6

オフィシャル6

「DG-STYLE」で提供しているテンプレートの「オフィシャル6」の設定方法について説明します。オフィシャル6TOPデザ

2020-12-29
オフィシャル5

オフィシャル5

「DG-STYLE」で提供しているテンプレートの「オフィシャル5」の設定方法について説明します。オフィシャル5TOPデザ

2020-12-06
オフィシャル4

オフィシャル4

「DG-STYLE」で提供しているテンプレートの「オフィシャル4」の設定方法について説明します。オフィシャル4TOPデザ

2020-11-17
オフィシャル3

オフィシャル3

「DG-STYLE」で提供しているテンプレートの「オフィシャル3」の設定方法について説明します。オフィシャル3TOPデザ

2020-11-17
TOP