AFFINGER6：デザイン済みテンプレート「WIDE / EX」を有料プラグイン無しで設定する方法

AFFINGER6でデザイン済みテンプレートを設定するには３つのデータをインポートする必要があります。

この記事ではその３つのデータのうち１つである「AFFINGER管理」のデータのインポートを有料プラグインを使用しないで手動で設定する方法を説明しています。

この記事単体だけではデザイン済みテンプレートを設定することはできませんので、まずはこちらの記事を読んだ上でこの記事の設定を行ってください。

注意事項として以下の点に注意してください。

AFFINGER管理（下画像の赤枠部分）の項目を手動で設定していきます。

この記事ではデザイン済みテンプレート「WIDE / EX」のAFFINGER管理設定項目について説明しています。

WIDE / EX

表の「変更なし」はデフォルトでチェックが入っていて変更する必要がない項目ですが、念のためチェックが入っているか確認してください。

「変更必要」の項目について表と画像を参考にしてチェックを入れて変更してください。

上位項目にチェックをして保存した状態でないとチェックができない項目があります。

全体設定の設定項目

全体設定　補足

カラーパターン/デザインパターン

• カラーパターンで「グレー（やさしい）」にチェック
• デザインパターンで「ビジネス（グラデーション縦）」にチェック

カテゴリーリンク（サイドバー/フッター）

• カテゴリーリンクに簡易デザイン適応

サイト全体のレイアウト一括設定

• 「サイト全体のレイアウトをリセットする」にチェック
• 「LP・1カラム時を全てワイド化する（β）」にチェック
• 「トップページのコンテンツ上部の余白を0にする」にチェック

スライド・カード型サムネイル画像の縦横比

• 「16：9」にチェック
• 「自動（高さに応じて）」にチェック

フォントサイズ

• PC（960px以上）閲覧時 H2タグサイズ：「２４」を入力します。

フォントの種類

メニュー設定項目

メニュー設定　補足

PC用グローバルメニュー

• 「PC用メインメニューを表示しない」にチェック
• 「ヘッダーメニュー（横列）を有効化」にチェック

アイコンデザイン/メニューの位置/検索アイコン

• アイコンデザインの「クール」にチェック
• メニューの位置の「左」にチェック
• 検索アイコンの「スマホヘッダーに検索アイコンを追加する」にチェック
• 検索アイコンの「オーバーレイ」にチェック

ヘッダー設定項目

ヘッダー設定項目　補足

ヘッダーコンテンツ設定

<p>[st-designfont myclass="" webicon="" fontsize="150" fontweight="bold" color="#fff" textshadow="#424242" webfont="on" margin="0 0 20px 0"]サンプルキャッチコピー[/st-designfont]</p>
<p>[st-p add_style="color:#fff"]コンテンツはテーマ管理の「ヘッダー」＞”ヘッダーコンテンツ設定”、背景画像はカスタマイザーの「ヘッダー画像」＞”ヘッダー画像エリア”で設定できます[/st-p]</p>

記事スライドショー設定

• 「サムネイル画像の縦横比設定を反映しない」にチェック
• 「フェードイン・アウト」にチェック
• 「カテゴリリンクを非表示」のチェックは外す

ヘッダー下/おすすめ　設定項目

トップページ設定項目

トップページ設定　補足

トップページのレイアウト

• 「１カラムにする」にチェック
• 「LP時にヘッダーを表示する」にチェック
• 「トップページのコンテンツ内の新着記事一覧を非表示にする」にチェック
• 「トップページのサイドバーの新着記事一覧を非表示にする」にチェック
• 「下層ページのサイドバーの新着記事一覧を非表示にする」にチェック

投稿・固定記事　設定項目

投稿・固定記事　補足

その他

• 「記事ごとのヘッダーデザイン」一括設定にチェック

記事一覧のカードデザイン化/この記事を書いた人

• 「トップページ及びアーカイブの記事一覧をカードデザインにする」にチェック
• 「投稿記事下の関連記事一覧をカードデザインにする」にチェック
• 「カードデザインパターンをBタイプ（枠あり）に変更」にチェック
• 「この記事を書いた人」を有効化する」にチェック
• 「この記事を書いた人」の最新記事を表示する」にチェック
• 「アバター画像を丸くする（※コメント欄のアバター画像含む）」にチェック

関連記事一覧

• 「ランダム（デフォルト）」にチェック
• 「もっと読む（無限スクロール）を使用する」にチェック

SNS/OGP　設定項目

SNS/OGP　補足

SNS設定

• 「SNSボタンをシンプルにする」にチェック
• 「SNSボタンを丸くする」にチェック
• 「トップページ下のSNSボタンを非表示にする」にチェック

その他の設定項目に関しては変更不要です。

以上で「WIDE / EX」のAFFINGER管理設定は完了です。

AFFINGER6/EX：デザイン済みデータ

AFFINGER6で利用できるデザイン済みデータは５種類（EX版でも利用可能）

• SIMPLE START
• Tidy2
• MUKU
• cloud
• Study Bear

SIMPLE START

「SIMPLE START」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Tidy2

「Tidy2」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

MUKU

「MUKU」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

cloud

「cloud」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Study Bear

「Study Bear」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

AFFINGER6EX限定：デザイン済みデータ

AFFINGER6EX版限定のデザイン済みデータです。

• INAZUMA 6EX
• Separate
• mocha 6EX
• MUKU EX
• Tidy2 EX
• WIDE / EX

INAZUMA 6EX

「INAZUMA 6EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Separate

「Separate」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

mocha 6EX

「mocha 6EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

MUKU EX

「MUKU EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Tidy2 EX

「Tidy2 EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

WIDE / EX

「WIDE / EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

AFFINGER6ではデザイン済みテンプレートの他にデザインカードというプラグインを利用したテンプレートも利用可能です。

デザインカードプラグインに関してはこちらの別記事をご覧になってください。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事