「DG-STYLE」で提供しているテンプレートの「オフィシャル6」の設定方法について説明します。
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-main.gif)
記事を強調したデザインの「オフィシャル6」のテンプレートです。
まずテンプレートの適用から進みましょう。
テンプレートの適用方法
サイトデザインの追加
![](https://dg-style.net/wp-content/uploads/2020/09/01-temp-new-site.gif)
まずテンプレートを適用したいデザインを選択、もしくは新しいデザインを追加して開きます。
- ヘッダーメニューの「デザイン設定」をクリック
- 「デザイン追加メニュー」より新しいデザイン追加
- 新しいデザインが開いたら完了
テンプレートの適用
デザインの選択ができたら、続いて「オフィシャル6」テンプレートを適用しましょう。
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-apply.gif)
- ヘッダーメニューで「テンプレート選択」をクリック
- ブログタブにある「オフィシャル6」をクリック
- 表示されるメッセージから「はい」を選択
- 適用完了
はい、これでテンプレートの適用は終わりました。
ただし、テンプレートなので、グローバルメニューやロゴなどが設定されてない状態ですので、どこを設定すればいいか説明します。
テンプレートの設定箇所
ロゴ設定
「オフィシャル6」で使われている、「ロゴ」は全部で2か所あります。ロゴはロゴ設定で登録したロゴを使用します。
※ロゴ設定については、「サイトロゴを追加する」から確認できます。
ヘッダーロゴ変更
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-logo1.gif)
- 仮ロゴイメージを「マウス右ボタン」でクリックして「オプション」を開く
- 「イメージ選択」から、登録したロゴを選択して完了
フッターロゴ変更
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-logo2.gif)
- シミュレーターの下までスクロールして、フッターに移動する
- 仮ロゴイメージを「マウス右ボタン」でクリックして「オプション」を開く
- 「イメージ選択」から、登録したロゴを選択して完了
グローバルメニュー設定
メイングローバルメニュー
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-gmenu.gif)
- ヘッダーのメニューボタンをクリックして、メニューエリアを表示する
- 「メニューが選択されてません。」を「マウス右ボタン」でクリックして「オプション」を開く
- 「メニュー選択」から、WP管理画面で登録したメニューを選択する
※登録方法は以下を参照してください。
※事前に登録されてない場合は、登録後「メニュー読み込み」をクリックすると追加されます。
フッターローカルメニュー
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-gmenu2.gif)
- サイトを一番下までスクロールする
- 「メニューが選択されてません。」を「マウス右ボタン」でクリックして「オプション」を開く
- 「メニュー選択」から、WP管理画面で登録したメニューを選択する
※登録方法は以下を参照してください。
※事前に登録されてない場合は、登録後「メニュー読み込み」をクリックすると追加されます。
メニューの登録について
![](/wp-content/uploads/2020/06/image-112.png)
WordPress管理画面で「外観」→「メニュー」のところから、メニューを登録できます。
メインビジュアルの設定
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-slide.gif)
- 修正したい「イメージ」を「マウス右ボタン」でクリックして、「オプション」選択
- 「イメージ選択」から好きなイメージを選んで完了
※他のメインビジュアルイメージも同じ方法で修正しましょう。
カテゴリーメニュー設定
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-category-menu.gif)
- 「カテゴリーが見つかりませんでした」を「マウス右ボタン」でクリックし、「オプション」選択
- 表示したいカテゴリーやタグを検索し、結果を選択すれば完了
※カテゴリーやタグにはサムネイルを設定する必要があります。
テキスト&イメージの設定
カテゴリーメニューの下にあるテキスト欄には会社紹介などをいれることができます。
テキストの設定
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-text1.gif)
- 修正するテキストを「マウス右ボタン」でクリックして、「オプション」選択
- 「テキスト入力」を修正して完了
※他のテキストも同じ方法で修正しましょう。
イメージの設定
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-image1.gif)
- エリアを「マウス右ボタン」でクリックして、「オプション」選択
- 「エリア直下パーツ」を選択し、「イメージパーツのメニュー」をクリック
- 開いたイメージメニューから「オプション」選択
- 「イメージ選択」から好きなイメージを選択して完了
※他のイメージも同じ方法で修正しましょう。
記事リストの設定
オフィシャル6では、記事リストパーツをTOPページ1か所のみ設定しています。
![](https://dg-style.net/wp-content/uploads/2020/12/01-temp-official6-post_list.gif)
- 記事リストを「マウス右ボタン」でクリックし、「オプション」選択
- 「記事絞り込み」を設定して完了
コピーライトの設定
![](/wp-content/uploads/2020/11/01-temp-official1-copy.gif)
- サイトの下までスクロールする
- 「コピーライト」を「マウス右ボタン」でクリックして、「オプション」選択
- 「テキスト入力」に自分のサイトに合わせてコピーライトを入力して完了
修正したデザインを公開する
各修正が終わったら、サイトを保存して公開します。
![](/wp-content/uploads/2020/11/image-107.png)
![](/wp-content/uploads/2020/11/image-108.png)
![](/wp-content/uploads/2020/11/image-109.png)
- 緑色の文字の「公開中」をクリック
- メッセージが表示されたら「はい」をクリック
- 「公開中」が緑塗になり、下の名前が「公開したいデザイン名」に変わったら完了
※「デザイン設定がありません」とエラーが表示される場合は、保存してから再度公開してください。