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

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

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

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

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

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

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

mocha 6EX

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

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

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

全体設定の設定項目

全体設定　補足

カラーパターン/デザインパターン/ドロップシャドウ

• 「青（ビジネス）」にチェック
• 「ブログ（初心者おすすめ）」にチェック
• 「ボタンに透過シャドウを適応する」にチェック

カテゴリーリンク

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

• サムネイル画像の縦横比「16：9」にチェック
• 「自動（高さに応じて）」にチェック

フォントサイズ

フォントの種類

メニュー設定項目

メニュー設定　補足

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

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

その他のスマホメニュー

• 「ヘッダーメニュー（横列）を有効化」にチェック

ヘッダー設定項目

スマホ（タブレット含む）のみ/PCのみ

ヘッダーコンテンツ設定

[st-designfont myclass="" fontawesome="" fontsize="180" fontweight="bold" color="#fff" textshadow="#424242" webfont="on" margin="0 0 20px 0"]キャッチコピー[/st-designfont]
<p style="color: #fff;">ヘッダー設定で自由なテキスト</p>
[st-mybutton url="http://wing-wp.com/sample25/post-2-2-2-2-2/" title="この記事を読んでね" rel="" fontawesome="fa-heart faa-tada animated" target="_blank" color="#fcfbfa" bgcolor="#87775c" bgcolor_top="" bordercolor="#87775c" borderwidth="1" borderradius="50" fontsize="" fontweight="bold" width="" fontawesome_after="fa-angle-right" shadow="#5a4f3d" ref=""]

記事スライドショー設定

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

ヘッダー下/おすすめ　補足

サムネイルスライドショー

お勧め記事一覧

読んでね <i class="st-svg-heart"></i>

トップページ設定項目

記事一覧

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

タブ式カテゴリ一覧

投稿・固定記事　設定項目

投稿・固定記事　補足

カテゴリ・タグ

アイキャッチ設定

• 「アイキャッチ画像の表示を全ての記事で有効化する」にチェック

記事一覧のカードデザイン化

• 「トップページ及びアーカイブの記事一覧をカードデザインにする」にチェック
  • 列数設定は「2,2,2」
• 「投稿記事下の関連記事一覧をカードデザインにする」にチェック
  • 列数設定は「2,2,2」
• 「カードデザインパターンをBタイプ（枠あり）に変更」にチェック

関連記事一覧

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

SNS/OGP　設定項目

SNS/OGP　補足

SNS設定

• 「SNSボタンをシンプルにする」にチェック
• 「SNSボタンを丸くする」にチェック
• 「固定ページ記事下にSNSボタンを表示する」にチェック

その他　設定項目

その他　補足

演出

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

以上で「mocha 6EX」の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ではデザイン済みテンプレートの他にデザインカードというプラグインを利用したテンプレートも利用可能です。

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

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ

AIなんて難しそう・・・

そう感じて活用しないのは勿体無いです。

気軽に使うのに無料お試しがお勧め♪

パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-