アフィンガー6のインストール方法全手順:初心者向けに初期設定まで解説

サムネイル画像

当サイトではアフィリエイト広告を利用しています。

  • アフィンガー6を購入したけれどインストール方法が分からない
  • アフィンガー6の使い方が難しい
  • ブログで早く稼ぎたい

このような声にお応えして参考となる記事をご用意しました。

こちらの記事ではワードプレステーマであるアフィンガー6のインストール方法について解説しています。

記事の内容を見ていただくだけで、アフィンガー6をインストールする方法だけでなく、インストール後の設定もわかるようになりますよ

インストール方法は簡単で、当記事の解説を読みながら行えば10分もかからず完了します。

ただ、途中でエラーが起きて進まないという方も少なからずいるようなので、ぜひ参考にしてくださいね。

ブログマニュアルプレゼント
おかくん

超初心者向けに、ブログで稼ぐためのノウハウを無料で配布しています。
以下の画像をクリックするとプレゼント受け取りフォームに移動します。

ブログマニュアルプレゼント
おかくん

今だけ三大特典付いています。

目次

アフィンガー6のインストール方法2ステップ

ステップ

アフィンガー6をインストール方法をまとめました。

以下の2ステップで解説します。

※項目をタップすると詳細に飛びます
おかくん

以下で順番に解説します。

①親テーマをインストールする

ダウンロードしたアフィンガー6のフォルダには、親テーマと子テーマの2つが含まれています。

まずは親テーマからインストールしていきましょう。

STEP

テーマを選択する

WordPressの管理画面にログインしたら、左側のメニューから「外観」➡「テーマ」の順に選択する。

WordPressの管理画面
STEP

テーマを追加する

テーマ一覧ページの上部に表示される「新しいテーマを追加」ボタンをクリックします。

WordPressの管理画面
STEP

テーマをアップロードする

開いたページの上部のテーマのアップロードというボタンをクリックします。

WordPressの管理画面
STEP

ファイルを選択

「ファイルを選択」をクリックします。

WordPressの管理画面
STEP

アフィンガー6のZIPファイルを解凍する

ダウンロードしたアフィンガー6のzipファイルを解凍し、WordPressテーマのフォルダを開き、affinger.zipを選択します。

STEP

インストールする

ファイルを選択したら今すぐインストールボタンをクリックします。

WordPressの管理画面
おかくん

インストールが完了すると、「テーマのインストールが完了しました。」というメッセージが表示されます。

STEP

テーマを有効化する

この時点では、まだテーマは有効化されていません。有効化ボタンをクリックして、アフィンガー6を実際に使用可能な状態にします。有効化が完了すると、テーマの左下の表示が有効となり完了です。

WordPressの管理画面

②子テーマをインストールする

親テーマをインストールしたら続いて子テーマをインストールします。

親テーマのインストールが完了したら、次に必ず子テーマのインストールもしましょう。

インストール手順は親テーマの時と同じで、違いはダウンロードしたファイルから「affinger-child.zip」を選択するという点だけです。

子テーマをインストールする理由とメリット

子テーマのインストールをする理由は、以下のようなメリットがあるためです。

  • カスタマイズした内容が親テーマのアップデートで消えない
  • サイトの表示速度が向上する
  • 必要な機能のみを追加できる

子テーマの有効化後、WordPressの管理画面左側に「AFFINGER管理」というメニューが表示されます。

おかくん

アフィンガー6の詳細設定や

カスタマイズは全て「AFFINGER管理」で行います。

アフィンガー6がインストールできないない場合の対処法3選

対処法

AFFINGER6のインストール過程で問題が発生した場合でも、簡単な対処で解決できる可能性が高いです。

ここでは、よくあるトラブルとその解決方法を紹介します。

おかくん

以下で順番に解説します。

①「パッケージをインストールできませんでした」というエラーが出る

このエラーは、主にzipファイルが正しく解凍されていない場合に発生します。

対処法として、以下の手順を試してみてください。

  • ダウンロードしたzipファイルを再度解凍する
  • 解凍したフォルダ内の「WordPressテーマ」フォルダを開く
  • その中にある「affinger.zip」と「affinger-child.zip」を使用してインストールを行う

②「テーマにstyle.cssスタイルシートがありません」というエラーが表示される

このエラーも、ファイルの解凍に関連して起こることが多いです。

以下の点を確認しましょう。

  • zipファイルを二重に解凍していないか
  • 正しいファイルを選択しているか(「affinger.zip」や「affinger-child.zip」を使用しているか)

③インストールは成功したがサイトのデザインが崩れる

この場合、キャッシュが原因である可能性が高いです。

以下の方法で対処できます。

  • ブラウザのキャッシュをクリアする
  • WordPressのキャッシュプラグインを使用している場合は、キャッシュを削除する
  • サーバーのキャッシュをクリアする(レンタルサーバーの管理画面から行える場合が多い)

これらの対処法で多くのトラブルは解決できます。

おかくん

それでも解決しない場合は
公式サポートに問い合わせましょう。

アフィンガー6をインストールした後の初期設定方法3ステップ

ステップ

アフィンガー6の初期設定についてまとめました。

以下の3つに分けて解説します。

おかくん

以下で順番に解説します。

①パーマリンクの設定

アフィンガー6のインストールが完了したら、パーマリンクの設定をしましょう。

この設定により、URLに記事タイトルが含まれるようになり、検索エンジンにとって理解しやすい構造になります。

STEP

「パーマリンク設定」を選択

WordPress管理画面左側の「設定」→「パーマリンク設定」をクリックする。

ワードプレスの管理画面
STEP

「投稿名」を選択する

パーマリンク構造の一覧から「投稿名」を選択します。

パーマリンクの設定画面
STEP

変更を保存する

「変更を保存」ボタンをクリックして完了です。

パーマリンクの設定画面

②基本的なデザインの設定方法

アフィンガー6では、基本的なデザイン設定を簡単に行うことができます

ここでは、初心者でも迷わず設定できるよう、詳細な手順を解説します。

まず、WordPress管理画面の左側メニューにある「AFFINGER管理」をクリックします。

ここから、サイト全体のデザインに関わる様々な設定が可能です。

WordPressの管理画面
おかくん

以下で手順を順番に解説します。

STEP
カラー設定

AFFINGER管理画面に移ったら、「全体設定」をクリックします。

アフィンガー6の設定画面

「カラーパターン」と「デザインパターン」を変更すると、本文部分やサイドバーなどの見出しの色が変わり、簡単にサイト全体の雰囲気を変えることができます。

STEP
カラーパターン

カラーパターンは以下の12パターンから選択できます。

カラーの設定画面

例えば、「緑やさしい)」と「青(やさしい)」に変更した場合は以下のような感じで表示されます。

カラーパターンの見本

カラーパターン:緑

カラーの設定画面

カラーパターン:青

STEP
デザインパターン

デザインパターンは以下の5パターンから選択できます。

デザインパターンの設定画面

例えば、「ブログ」と「キューティー」に変更した場合は以下のような感じで表示されます。

カラーの設定画面
おかくん

自身の作成したいサイトジャンルの

雰囲気に合うような組み合わせにしましょう。

③フォント設定

「フォントのサイズ」では、サイト全体で使用するフォントのサイズを調整できます。

見出しと本文で異なるサイズに設定することも可能です。

初期状態では薄い灰色になっている数字が各フォントサイズとして設定されていますが、ここに自身で数字を入力することでそれぞれのフォントサイズを変更できます。

フォント設定画面

基本的には初期状態で大丈夫ですが、本文のフォントサイズである「基本(pタグ 他)」の項目は「16px」変更しておくことをおすすめします。

理由としては、Googleがフォントサイズに関して以下のように推奨しているためです。

  • モバイル端末での表示:本文テキスト 最低16ピクセル
  • デスクトップでの表示:本文テキスト: 16ピクセル以上を推奨

上記の設定を行った後は、必ず「Save」ボタンをクリックしましょう。

おかくん

変更後はちゃんと意図した通りの

デザインになっているか確認を忘れずに。

アフィンガー6のインストールについてのQ&A

Q&A

アフィンガー6に関するQ&Aは以下のとおりです。

おかくん

以下で順番に解説します。

アフィンガー6の購入方法は?

⇩アフィンガー6の購入方法については以下の記事で詳しく解説していますので参考にして下さい。

アフィンガー6は初心者でも使える?

アフィンガー6は直感的な操作性を重視しており、初心者にも使いやすいテーマです。そのため、ワードプレスの知識があまりない方でも十分に使いこなせます。

例えば、ドラッグ&ドロップで簡単にレイアウトを調整できる機能や、SEO設定のガイド機能など、初心者に配慮した仕様が各所に見られます。

記事作成中の文章の装飾についても、数クリックでおしゃれなデザインが簡単に適用できます。

それも難しいという場合は、アフィンガー6のテーマをインストールした際に「記事作成パーツ確認用ダミーページ」という記事が下書き状態で入っているので、そこから好きなパーツをコピペすれば簡単に様々なデザインを適用できます。

以下、「記事作成パーツ確認用ダミーページ」に含まれている文章装飾の一例です。こうしたデザインが100個以上含まれています。

記事作成パーツ確認用ダミーページ
おかくん

購入者向けの詳細なマニュアルが完備されているため、わからないことがあった際にはマニュアルを調べれば大抵の疑問は解決できます。

アフィンガー6はホームページやサイト用にも使えますか?

アフィンガー6は、ブログだけでなく様々なホームページやサイト制作にも使えます。

例えば、アフィンガー6では表示形式を以下のように変更することができます。

  • 2カラム:メインコンテンツとサイドバーを表示する形式。
  • 1カラム:メインコンテンツのみを表示する形式。
  • ランディングページ(LP):商品やサービスの成約を目的とした1枚の縦長ページ

デフォルトは2カラムに設定されており、多くのブログではこの表示形式が使われています。

2カラム型のメリットは、サイドバーや記事の終わりにブログの様々なコンテンツを載せることで、読者の回遊率を上げられる点です。

1カラム型は、ブログ以外のホームページやサイトを制作する場合に向いています。伝えたい情報があった場合に、読者はメインコンテンツのみに集中できるため伝わりやすいのがメリットです。

例えば、店舗やサービスの公式ホームページを作りたいというような場合、この1カラム型を使えばアフィンガー6でも実現可能です。

ランディングページは、よく企業サイトで使用されています。商品やサービスの説明をして、最後に購入や登録をうながすようなボタンを設置するという流れが一般的です。

ランディングページでは2カラムや1カラムと違って、ヘッダーやコンテンツの終わりに関連記事やコメント欄が表示されることもないため、本当に1つの商品やサービスのみに焦点を当てて書く際に使うといったイメージです。

このように、アフィンガー6を使えばどのような形のWEBサイトも簡単に作ることができます。

おかくん

当ブログも2カラム型です。

アフィンガー6をインストールしてブログで稼ごう

まとめ

以上、アフィンガー6のインストール方法について解説しました。

最後にあらためて確認です。

ポイントまとめ
  • アフィンガー6のインストールは親テーマと子テーマの両方を行う必要がある
  • インストール後はパーマリンクの設定や基本的なデザイン調整が重要
  • エラーが発生した場合はファイルの解凍やキャッシュのクリアで解決できることが多い
  • 初心者でも使いやすい機能が多く、詳細なマニュアルも完備されている

アフィンガー6をインストールしてブログをプロ仕様にしよう。

ブログマニュアルプレゼント
おかくん

超初心者向けに、ブログで稼ぐためのノウハウを無料で配布しています。
以下の画像をクリックするとプレゼント受け取りフォームに移動します。

ブログマニュアルプレゼント
おかくん

今だけ三大特典付いています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次