ブログ(アフィリエイト)

WordPress でアフィリエイト!テーマ選びと導入方法(サイトをデザインする)

広告:ページ内にてアフィリエイト広告を利用しています。

WordPress のテーマを設定する方法

かっこいい(かわいい)ホームページを作るために、WordPress(家)を綺麗に飾りましょう!

ホームページを飾るアイテムである、「SWELL」 や、「AFFINGER(アフィンガー) 」といった、WordPress のテーマを使います。

ポイント

SWELL や、AFFINGER 、SANGO は有料の WordPress のテーマです。最初に テーマ購入代が必要です。

無料のテーマではできることが限られてきて、おしゃれなサイトを作ることが大変です。

有料テーマは、お値段以上の価値がありますので、ご利用をおすすめします。

無料テーマの場合、「Cocoon」がおすすめです。

PR

WordPress のテーマ

WordPress のテーマ

■ WordPress のテーマとは

WordPress のテーマとは、あなたの家をかっこよくお洒落にする「おうちセット」です。

テーマは家の外観のようなもの

外観は、読者(ユーザー)が最初に目にする重要な部分、外観が綺麗だとお家の中も見てみたくなりますね。めっちゃお洒落な外観(テーマ)を選びたいですね!

■ WordPress のテーマを選ぶ

「テーマ」 はページ全体のデザインです。

テーマは世の中で多様なテーマが用意されており、無料のものから5000円~20000円程度、言語も日本語、英語他など多様あります。

テーマは、サイトのデザインの方向性を決める大事なポイントです。自分のデザインセンスに合ったテーマを選びましょう!

■ 主なテーマ一覧

大人気テーマ

SWELL

ポイント

とても人気の高いテーマです。初心者に優しく、簡単にオシャレなサイトを作ることができます。

SWELL の紹介

SWELL 紹介

有料(17,600円)

高機能のテーマ

AFFINGER

ポイント

機能が豊富、細かいカスタマイズ拡張ができ、熟練者も満足するテーマです。

AFFINGER の紹介

AFFINGER 紹介

有料(14,800円)

無料テーマ

Cocoon

ポイント

有料テーマ並みの優れた機能が装備されている無料テーマです。人気も高いテーマの一つです。

Cocoon サイト

Cocoon サイト

無料

SWELL 導入はこちら
PR
AFFINGER 導入はこちら
ACTION(AFFINGER)
Cocoon 導入はこちら
Cocoon

ポイント

WordPress のテーマは、記事を多く書いてサイトが成長してからのテーマ変更は難しいのが現実です。自分に合ったよいテーマを選んでください。

いまなら、「SWELL」か、「AFFINGER」をおすすめします。

コンピュータやITの知識にそれほど詳しくなく、これから頑張っていきたいとお考えの方は初心者に優しく上級者になっても満足できる SWELL を、CSS や JavaScript を知っていて自分なりにサイトをカスタマイズしていきたい方には縦横無尽なカスタマイズが楽しめる AFFINGER がおすすめです。

SWELL のサイト例

SWELLサンプルサイト

シンプルデザイン

実際のサイトはこちら

SWELLサンプルサイト

動画背景大人デザイン

実際のサイトはこちら

SWELLサンプルサイト

左側ナビ固定デザイン

実際のサイトはこちら

SWELLは洗練されたスタイリッシュなデザインが得意です。トップページに「メインビジュアル」という特殊な機能を付けており、画像や動画を割り当てていくだけで簡単にファーストビューで読者を引き付けるサイトを作ることができます。

AFFINGER のサイト例

AFFINGER サンプルサイト

シンプル&クールデザイン

実際のサイトはこちら

AFFINGER サンプルサイト

スタイリッシュデザイン

実際のサイトはこちら

AFFINGER サンプルサイト

動画背景かっこいいデザイン

実際のサイトはこちら

AFFINGERはシンプルでクールなデザインが得意です。形がブログ(HTML / WordPress)の基本の形に則っているためすっきり見えます。設定が細かくできるのでオリジナリティを出しやすく、またHTMLフレームの形が素直なのでCSSなどによるカスタマイズを当てやすい特徴があります。

テーマの購入・インストール手順

テーマの購入、導入手順
SWELL 導入はこちら
AFFINGER 導入はこちら
Cocoon 導入はこちら

■ SWELL

「SWELL」は初心者が使いやすいばかりではなく、デザインが洗練されていて素晴らしいテーマです。

主にスタイリッシュなデザインを特殊としており、リッチなデザインからフラットなデザインまで広くカバーします。個人ブログの表現力に長けており、SWELLテーマの標準機能のみで多彩な表現ができる、いま最も勢いのあるテーマの一つです。

SWELL で作成したサイトサンプル

SWELL のサンプル

SWELLテーマを利用したシンプルなデザインです。
SWELLの機能をそのまま素直に使って作ったサイトになります。

デザインが洗練していてスタイリッシュでカッコいい。
素敵なデザインのサイトを簡単に作れる優良なテーマですね。

実際のサイトはこちら

SWELL の紹介(メリット・デメリット)はこちら

SWELL のインストール手順

SWELL を導入する手順です。簡単に導入でき、使いやすいテーマです。

ここからはじめる

Step.1 SWELL の購入

本サイトを経由して SWELL をご購入いただける場合は、以下のリンクからのご購入をお願いいたします。

示されるサイト右上の「購入する」ボタンから、SWELL を購入してください。

次のステップ

Step.2 ファイルをダウンロードする

SWELL ご購入後、サイト画面上の起債に従ってSWELLのファイル(2個)をダウンロードします。

ダウンロードするファイル

swell-x-x-x.zip
swell_child.zip

「swell-x-x-x.zip」の x-x-x には数字が入ります。ご購入時期によって数字は変わります。

次のステップ

Step.3 SWELL 親テーマのインストール

SWELLは「親テーマ」と「子テーマ」の2個をインストールして利用します。両方必要です。

先に親テーマをインストールします。

SWELLのインストール(新規作成ボタン)

WordPress の管理画面から「外観」→「テーマ」を選択します。

「新規作成」ボタンをクリックします。

テーマのアップロードボタン

「テーマのアップロード」ボタンをクリックします。

ファイルの選択ボタン

「ファイルの選択」ボタンをクリックして、公式サイトからダウンロードしたファイル「swell-x-x-x.zip」をアップロードします。

ファイルのアップロードを確認

「swell-x-x-x.zip」が表示されたことを確認して「今すぐインストール」をクリックします。

インストール画面

親テーマのインストールが完了です。

次のステップ

Step.4 SWELL 子テーマのインストールと有効化

子テーマをインストールします。

子テーマのインストール

親テーマと同じ手順で子テーマ「swell_child.zip」をインストールします。

有効化

WordPress の管理画面から「外観」→「テーマ」を選択します。

「SWELL Child」テーマの「有効化」ボタンをクリックして、テーマを有効化します。

SWELLの子テーマが有効化された画面

子テーマが有効化されたことを確認します。子テーマのインストールと有効化完了です。

次のステップ

Step.5 SWELL のユーザー認証を行う

SWELL のユーザー認証を行うことで利用サイトとして登録されバージョンアップなどの案内が届きます。

WordPress のダッシュボード

WordPress の管理画面から「ダッシュボード」などを選択すると上部にSWELLのユーザー認証を促すメッセージを表示します。

「ユーザー認証」のリンクをクリックします。

ユーザー認証の画面

メールアドレスを入力して「認証リクエストを送信」ボタンをクリックします。

会員登録

認証にはSWELL会員サイトへの登録が必要です。

未済の方は「SWELL会員サイトへの登録」リンクをクリックして登録を実施してください。

「アクティベートを完了」ボタン

入力したメールアドレス宛に認証用情報が届くので内容に従って認証を実施します。認証後に「アクティベートを完了」ボタンをクリックします。

登録完了画面

ユーザー「認証完了」を確認して完了です。

■ AFFINGER

「AFFINGER」はブログの基本形を中心にして多彩なるカスタマイズを行える中・上級者向けのテーマです。

「オリジナリティのあるオシャレなサイト」を作りやすくなります。オリジナリティの高さは他サイトとの差別化を計ることができ、オシャレなサイトは、ユーザーの滞在時間が増え、サイト評価があがり、サイトの露出が増えて、さらにユーザ(読者)を呼び込む好循環を実現します。

AFFINGER で作成したサイトサンプル

AFFINGER で作成したサイトサンプル

実際のサイトはこちら

AFFINGER の紹介(メリット・デメリットを紹介)

AFFINGER のインストール手順

ここからはじめる

Step.1.「AFFINGER」 の購入とダウンロード

次のボタンから、購入画面に進んでください。

AFFINGER6(WordPressテーマ)

PR

\ いまなら「当サイト限定オリジナル特典」あり /

AFFINGER6(WordPressテーマ)の購入ページ

AFFINGER6(WordPressテーマ)( ¥14,800 - ) のご購入

※ 特典「サンプルサイトのデザイン完全解説書(PDF)」を

付与させていただきます

\特典を詳しく見たい方はこちら/

特典紹介ページへ

ACTION PACK3(AFFINGER6EX対応)

PR

\AFFINGER の上位互換、ご購入はこちら/

ACTION PACK3(AFFINGER6EX対応)の購入ページ

上位互換 ACTION PACK3(AFFINGER6EX対応)( ¥39,800 - ) のご購入

※ 特典「サンプルサイトのデザイン完全解説書(PDF)」を

付与させていただきます

上記のボタンクリックにて、アフィンガーのサイトに移動します。

今すぐ手に入れる

ページの中段あたりに「いますぐ手に入れる」もしくは「ご購入はこちら」のボタンがありますので、クリックして購入ページに進みます。

購入画面

必ず、「購入者特典(当サイトオリジナルのサンプルサイトデザイン(サンプル2種類)の作成手順完全解説(PDF))」が表示されていることを確認 し、ご購入ください。(特典表示のない画面からの購入において、後日の特典のご提供は致しかねますのでくれぐれもご注意ください。)

※ アフィリエイトリンクからの購入が正常に反映されない場合、特典が付与されません。その場合も返金及び返品は一切できかねますので予めご了承下さいませ。

インフォトップから購入する場合、「インフォトップ会員登録」が必要になります。

ほとんどの方は「初めて」だと思いますので「初めてインフォトップをご利用の方はこちら」をクリックします。

次のステップ

Step.2.Infotop への登録

登録情報を入力して進めます。

情報を入力して [注文内容を確認] ボタンをクリックします。

購入完了です。

次のステップ

Step.3.「注文履歴」 からダウンロード

購入した AFFINGER6 をダウンロードします。

購入履歴一覧より、「ダウンロード」 ボタンをクリックして、ダウンロードします。

( ダウンロードできるのは、購入から 14日以内です。)

ダウンロードしたファイルは 「zip」 になっているので 1回だけ 解凍します。

次のステップ

Step.4. テーマのインストールと有効化

AFFINGER のテーマのインストールと有効化です。

ダウンロードして解凍したファイル 「WordPressテーマ」 フォルダ下の2ファイルがテーマファイルです。

  • affinger.zip (親テーマ)
  • affinger-child.zip(子テーマ)

両方インストールして、「子テーマ」 を有効化します。

WordPress の管理画面からテーマファイルをインストールします。

「WordPress」 の管理画面から、「外観」 → 「テーマ」 を選び、「新規作成」 ボタンから画面の案内に沿って、「親テーマ」 と 「子テーマ」 の両方をインストールします。

「ACTION AFFINGER CHILD」 を有効化します。

次のステップ

Step.5. プラグインを入れる

AFFINGER を購入すると、プラグインが付属してきますので、必要に応じて(わからなかったら、とりあえず全部)インストールと有効化します。

  • Gutenberg 用ブロックプラグイン2
  • SUGOI MOKUJI(すごいもくじ)LITE

■ プラグインのインストール手順

  1. 「WordPress」 の管理画面から、「プラグイン」 を選択します
  2. 「新規追加」 ボタンをクリックします
  3. 「プラグインのアップロード」 ボタンからファイルをアップロードします
  4. 画面上にプラグインが表示されるので、「有効化」 ボタンをクリックして有効化します
次のステップ

Step.6. 各設定、各登録作業

ダウンロードしたファイルを解凍して作成された 「必ずお読みください.txt」 を参照しながら、各設定、各登録作業を行ってください。

必要な設定、登録は主に下記です。

  • 「パーマリンク」の設定
  • 「AFFINGER管理」の「保存」を一度クリック
  • 「STINGER STORE」に登録
  • 「infotop購入ページ利用申請フォーム」より申請

完了です。

■ Cocoon

「Cocoon」は無料テーマではありますが、有料テーマ並みに作りがしっかりしているテーマです。

有料の SWELLやAFFINGERに比べると機能面で物足りず、CSSを駆使して使わなければならない場面も出てきますが、無料の中ではトップレベルで優れたテーマと言えるでしょう。

ポイント

Cocoon を導入する手順です。簡単に導入できます。

ここからはじめる

Step.1 CoCoon のダウンロード

以下のリンクから CoCoon をダウンロードします。

Cocoon サイト

Cocoon サイト

Step.2 ファイルをダウンロードする

サイト画面上の記載に従って CoCoon のファイル(2個)をダウンロードします。

ダウンロードするファイル

cocoon-master-x.x.x.zip
cocoon-child-master-x.x.x.zip

x.x.x には数字が入ります。ご購入時期によって数字は変わります。

次のステップ

Step.3 CoCoon 親テーマのインストール

CoCoon は「親テーマ」と「子テーマ」の2個をインストールして利用します。両方必要です。

先に親テーマをインストールします。

CoCoon のインストール(新規作成ボタン)

WordPress の管理画面から「外観」→「テーマ」を選択します。

「新規作成」ボタンをクリックします。

テーマのアップロードボタン

「テーマのアップロード」ボタンをクリックします。

ファイルの選択ボタン

「ファイルの選択」ボタンをクリックして、公式サイトからダウンロードしたファイル「cocoon-master-x.x.x.zip」をアップロードします。

ファイルのアップロードを確認

「cocoon-master-x.x.x.zip」が表示されたことを確認して「今すぐインストール」をクリックします。

インストール画面

親テーマのインストールが完了です。

次のステップ

Step.4 CoCoon 子テーマのインストールと有効化

子テーマをインストールします。

子テーマのインストール

親テーマと同じ手順で子テーマ「cocoon-child-master-x.x.x.zip」をインストールします。

有効化

WordPress の管理画面から「外観」→「テーマ」を選択します。

「Cocoon Child」テーマの「有効化」ボタンをクリックして、テーマを有効化します。

Cocoon の子テーマが有効化された画面

子テーマが有効化されたことを確認します。子テーマのインストールと有効化完了です。

まとめ

WordPress のテーマ の導入です。

ポイント

  1. 自分の使い勝手に合わせて好みのテーマを選択する
  2. ブログやコンピュータ初心者には、「SWELL」 がおすすめ
  3. 上級者になっても満足でき、多様なカスタマイズをしたいなら 「AFFINGER」 がおすすめ
  4. 有償テーマのほうが望ましいが、無償で始める場合は「Cocoon」がおすすめ
  5. テーマは後から変えるのが大変なので最初に選ぶテーマは慎重に!

よい WordPress のテーマを選んで始めましょう。

おしゃれサイト
ノートパソコン

ブログの作り方などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

もっとアフィリエイトを詳しく知りたいときは

アフィリエイトをもっと詳しく!

クリックアイコン
PR
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記