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

AFFINGER6:カスタマイズ方法

この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。

プラグインでサイトデザインを簡単に変更できるようになりました。

デザインカードプラグインでサイトデザインを変更する方法からバックアップを取る方法なども解説しています。

AFFINGER6:デザインカードプラグインでサイトデザインを変更する方法
AFFINGER6:デザインカードプラグインでサイトデザインを変更する方法

2023年12月にデザインカードプラグインを利用して簡単にサイトデザインを変更することができるようになりました。 デザインカードの種類は公式サイトから確認できます。 → AFFINGER6公式サイト( ...

デザイン済みテンプレートを設定する方法

AFFINGER6は11種類のデザイン済みテンプレートを利用することができます。(EX版限定あり)

テンプレートを利用するには若干の手順が必要ですので、詳しくこちらの記事を参考にしてみてください。

AFFINGER6:デザイン済みテンプレートを設定する方法【初心者向け】
AFFINGER6:デザイン済みテンプレートを設定する方法【完全版】

AFFINGER6ではデザイン済みのテンプレートが数種類用意されています。 デザイン済みデータは公式マニュアルでダウロードできますが、それを設定する手順を説明していきます。 デザイン済みテンプレートを ...

有料プラグイン無しでテンプレートを設定する方法

手間は増えますが、有料プラグイン無しでデザイン済みテンプレートを設定する方法を解説しています。

「SIMPLE START」「Tidy2」
「MUKU」「cloud」
「Study Bear」「INAZUMA 6EX」
「Separate」「mocha 6EX」
「MUKU EX」「Tidy2 EX」
「WIDE / EX」

メニューを作成する方法

AFFINGER6:メニューを作成する方法【初心者向け】
AFFINGER6:メニューの作成方法【初心者の為の簡単ガイド】

この記事がお勧めな方 AFFINGER6で「ヘッダーメニュー」を作成する方法を知りたい方 AFFINGER6で「フッターメニュー」を作成する方法を知りたい方 WordPressの「メニュー」について知 ...

プロフィールカードを作成する方法

プロフィールカードをサイドバーに表示させる方法になります。

AFFINGER6(アフィンガー6)プロフィールカードの作成方法【初心者向け】
AFFINGER6:プロフィールカードの作成方法【初心者向け】

この記事がお勧めな方 AFFINGER6でプロフィールカードの作成方法を知りたい方 AFFINGER6のプロフィールカードがどんな感じか知りたい方 プロフィールカード用のアイコン画像を用意する方法を知 ...

「この記事を書いた人」の簡易プロフィールを記事下に表示させる方法です。

AFFINGER6:「この記事を書いた人」を記事下に表示させる方法
AFFINGER6:「この記事を書いた人」を記事下に表示させる方法

AFFINGER6では記事下に簡易的なプロフィールを表示させることができます。 こんな感じの簡易的なプロフィールです。 「この記事を書いた人」の設定方法 「この記事を書いた人」を表示させるには「AFF ...

全体設定

カラーパターンとデザインパターンの実際表示

AFFINGER6(アフィンガー6)全体設定:カラーパターンとデザインデザインパターンの実際表示
AFFINGER6:メインカラーとサイトデザインの変更方法【初心者向け】

この記事がお勧めな方 AFFINGER6でサイトのメインカラーを変更したい方 AFFINGER6でサイトデザインを変更したい方 AFFINGER6のカラーパターンとデザインパターンの実際表示を確認した ...

背景画像の設定方法

AFFINGER6で背景画像を変更する方法【3つのパターンを紹介】
AFFINGER6で背景画像を変更する方法【3つのパターンを紹介】

この記事がお勧めな方 AFFINGER6で背景画像の変更方法を知りたい方 AFFINGER6でどんな背景画像の設定ができるか知りたい方 AFFINGER6で可能な3つの背景画像の設定方法 AFFING ...

ヘッダーカスタマイズ

ヘッダー部分のカスタマイズに関する記事です。

ヘッダーカスタマイズまとめ

AFFINGER6:ヘッダーのカスタマイズまとめ【初心者向け】
AFFINGER6:ヘッダーのカスタマイズまとめ【初心者向け】

この記事ではAFFINGER6で可能なヘッダーカスタマイズを初心者向けに解説しています。 AFFINGER6のヘッダーカスタマイズは「AFFINGER管理」→「ヘッダー」画面にて行います。 AFFIN ...

タイトル横にアイコンロゴを設定する方法

AFFINGER6:サイトタイトル横にアイコンロゴを設置する方法
AFFINGER6:サイトタイトル横にアイコンロゴを設置する方法

下の画像ような感じですね。 サイトタイトル横にアイコンロゴを設置する方法 ① 「外観」→「カスタマイズ」を選択します。 ② 「ロゴ画像/サイトのタイトル」を選択します。 ③ 「アイコンロゴ画像」の「画 ...

ヘッダー下にスライドショーを設置する方法

AFFINGER6でヘッダー下にスライドショーを設置する方法
AFFINGER6でヘッダー下にスライドショーを設置する方法

下の画像のようにヘッダー下にスライドショーを設置する方法です。 ヘッダー下にスライドショーを設置する方法 「AFFINGER管理」→「ヘッダー下/おすすめ」→「サムネイルスライドショー」の項目で設定で ...

ヘッダー下にヘッダーカードを表示させる方法

AFFINGER6:ヘッダー下にヘッダーカードを表示させる方法
AFFINGER6:ヘッダー下にヘッダーカードを表示させる方法

この記事ではAFFINGER6(アフィンガー6)でヘッダー下にヘッダーカードを表示させる方法を初心者向けに解説しています。 こんな感じのヘッダーカードです。 ヘッダーカードの設定方法 ヘッダーカードは ...

サイトタイトルの色を変更する方法

AFFINGER6:サイトタイトルの色を変更する方法
AFFINGER6:サイトタイトルの色を変更する方法

サイトタイトルの色を変更する解説記事になります。 こちらの赤枠の部分です。 サイトタイトルの色を変更する手順 「外観」→「カスタマイズ」を選択 「ヘッダーナビゲーション」を選択 「パソコン」or「スマ ...

ヘッダーナビゲーションの背景を変更する方法

AFFINGER6:ヘッダーナビゲーションの背景を変更する方法
AFFINGER6:ヘッダーナビゲーションの背景を変更する方法

この記事ではヘッダーナビゲーションの背景の色を変更したり、画像を設定する方法を解説しています。 ヘッダーナビゲーションの背景色を変更する方法 ヘッダーナビゲーションの背景色を変更するには「外観」→「カ ...

トップページカスタマイズ

トップページのカスタマイズに関する記事です。

トップページのカスタマイズ方法【初心者向け】

AFFINGER6:トップページのカスタマイズ方法【初心者向け】
AFFINGER6:トップページのカスタマイズ方法【初心者向け】

初心者の方は トップページの編集方法がわからない・・・ という方も多いのではないでしょうか。 「トップページの編集をAFFINGER管理から行うのは解るけど・・・」 「通常の記事作成みたいにできないの ...

トップページにタブ式カテゴリーを表示させる方法

AFFINGER6:トップページにタブ式カテゴリーを表示させる方法
AFFINGER6:トップページにタブ式カテゴリーを表示させる方法

この記事がお勧めな方 AFFINGER6でトップページのカスタマイズをしたい方 AFFINGER6でタブ式カテゴリーの表示方法を知りたい方 下のようなタブ式カテゴリーを表示させる方法です。 タブ式カテ ...

トップページにお知らせ(NEWS)を挿入する方法

AFFINGER6:トップページにお知らせ(NEWS)を挿入する方法
AFFINGER6:トップページにお知らせ(NEWS)を挿入する方法

下画像のような「お知らせ」(NEWS)をトップページに表示させる方法です。 「お知らせ」(NEWS)を挿入する手順 「お知らせ」(NEWS)の挿入は「AFFINGER6管理」→「トップページ」→「Ne ...

その他のカスタマイズ

お勧め記事一覧をサイドバーに設置する方法

AFFINGER6(アフィンガー6)でお勧め記事一覧をサイドバーなどに設置する方法
AFFINGER6(アフィンガー6)でお勧め記事一覧をサイドバーなどに設置する方法

この記事がお勧めな方 お勧め記事一覧をサイドバーに設置したい方 お勧め記事一覧を記事内に設置する方法を知りたい方 お勧め記事一覧について知りたい初心者の方 「お勧め記事一覧」ってどんな機能? 「お勧め ...

お問い合わせフォームをフッターに設置する方法

AFFINGER6:「お問い合わせフォーム」をフッターメニューに設置する方法
AFFINGER6:「お問い合わせフォーム」をフッターメニューに設置する方法

この記事ではWordPress有料テーマのAFFINGER6で「お問い合わせフォーム」をフッターメニューに設置する方法を初心者向けに解説しています。 「お問い合わせフォーム」の作成方法 まずは「お問い ...

ランキング管理で指定の場所にランキングを設置する方法

AFFINGER6(アフィンガー6)のランキング管理で指定の場所に一括でランキングを設置する方法
AFFINGER6(アフィンガー6)のランキング管理で指定の場所に一括でランキングを設置する方法

この記事がお勧めな方 AFFINGER6のランキング管理機能の使い方を知りたい方 AFFINGER6のランキング表示がどんな感じか知りたい方 AFFINGER6:ランキングを表示させる手順 AFFIN ...

記事のカテゴリー表示の色を変更する方法

AFFINGER6:記事のカテゴリー表示の色を変更する方法
AFFINGER6:記事のカテゴリー表示の色を変更する方法

この記事ではAFFINGER6(アフィンガー6)でカテゴリーを設定した記事一覧などに表示されるカテゴリー表示部分の色を変更する方法を初心者向けに解説しています。 カテゴリー背景色を一括で変更する方法 ...

画像付きカテゴリーリストを作成する方法

AFFINGER6:画像付きカテゴリーリストを作成する方法
AFFINGER6:画像付きカテゴリーリストを作成する方法

画像付きカテゴリーリストの作成はAFFINGER6(アフィンガー6)EX版限定機能となっています。 STEP.1 カテゴリーを作成する 「投稿」→「カテゴリー」からまずはカテゴリーを作成します。 ①  ...

サイトアイコン(ファビコン)を設定する方法

AFFINGER6:サイトアイコン(ファビコン)を設定する方法
AFFINGER6:サイトアイコン(ファビコン)を設定する方法

この記事ではサイトアイコン(ファビコン)を設定する方法を初心者向けに詳しく解説しています。 WEBブラウザでサイトを開いた際にタブのサイト名の横に表示される小さなアイコンのことです。 下の画像のような ...

ガイドマップメニューを設置する方法

AFFINGER6:ガイドマップメニューを設置する方法
AFFINGER6:ガイドマップメニューを設置する方法

この記事ではAFFINGER6でガイドマップメニューを設置する方法を初心者向けに解説しています。 AFFINGER6:ガイドマップメニューを表示させる手順 ガイドマップメニューを作成する 表示させたい ...

埋め込みにラベルを設定する方法

AFFINGER6で埋め込みにラベルを設定する方法
AFFINGER6で埋め込みにラベルを設定する方法

この記事ではAFFINGER6の埋め込みにラベルを設定する方法を解説しています。 ラベルの設定方法 AFFINGER6でラベルを設定するのは簡単です。 埋め込みのキャプションに入力するだけで、ラベルを ...

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

AFFINGER6の設定関係

AFFINGER6の使い方

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