かっこいい(かわいい)ホームページを作るために、WordPress(家)を綺麗に飾りましょう!
ホームページを飾るアイテムである、「SWELL」 や、「AFFINGER(アフィンガー) 」といった、WordPress のテーマを使います。
ポイント
SWELL や、AFFINGER 、SANGO は有料の WordPress のテーマです。最初に テーマ購入代が必要です。
無料のテーマではできることが限られてきて、おしゃれなサイトを作ることが大変です。
有料テーマは、お値段以上の価値がありますので、ご利用をおすすめします。
無料テーマの場合、「Cocoon」がおすすめです。
目次
WordPress のテーマ
■ WordPress のテーマとは
WordPress のテーマとは、あなたの家をかっこよくお洒落にする「おうちセット」です。
外観は、読者(ユーザー)が最初に目にする重要な部分、外観が綺麗だとお家の中も見てみたくなりますね。めっちゃお洒落な外観(テーマ)を選びたいですね!
■ WordPress のテーマを選ぶ
「テーマ」 はページ全体のデザインです。
テーマは世の中で多様なテーマが用意されており、無料のものから5000円~20000円程度、言語も日本語、英語他など多様あります。
テーマは、サイトのデザインの方向性を決める大事なポイントです。自分のデザインセンスに合ったテーマを選びましょう!
■ 主なテーマ一覧
ポイント
WordPress のテーマは、記事を多く書いてサイトが成長してからのテーマ変更は難しいのが現実です。自分に合ったよいテーマを選んでください。
いまなら、「SWELL」か、「AFFINGER」をおすすめします。
コンピュータやITの知識にそれほど詳しくなく、これから頑張っていきたいとお考えの方は初心者に優しく上級者になっても満足できる SWELL を、CSS や JavaScript を知っていて自分なりにサイトをカスタマイズしていきたい方には縦横無尽なカスタマイズが楽しめる AFFINGER がおすすめです。
SWELL のサイト例
SWELLは洗練されたスタイリッシュなデザインが得意です。トップページに「メインビジュアル」という特殊な機能を付けており、画像や動画を割り当てていくだけで簡単にファーストビューで読者を引き付けるサイトを作ることができます。
AFFINGER のサイト例
AFFINGERはシンプルでクールなデザインが得意です。形がブログ(HTML / WordPress)の基本の形に則っているためすっきり見えます。設定が細かくできるのでオリジナリティを出しやすく、またHTMLフレームの形が素直なのでCSSなどによるカスタマイズを当てやすい特徴があります。
テーマの購入・インストール手順
■ SWELL
「SWELL」は初心者が使いやすいばかりではなく、デザインが洗練されていて素晴らしいテーマです。
主にスタイリッシュなデザインを特殊としており、リッチなデザインからフラットなデザインまで広くカバーします。個人ブログの表現力に長けており、SWELLテーマの標準機能のみで多彩な表現ができる、いま最も勢いのあるテーマの一つです。
SWELL で作成したサイトサンプル
SWELLテーマを利用したシンプルなデザインです。
SWELLの機能をそのまま素直に使って作ったサイトになります。
デザインが洗練していてスタイリッシュでカッコいい。
素敵なデザインのサイトを簡単に作れる優良なテーマですね。
SWELL のインストール手順
SWELL を導入する手順です。簡単に導入でき、使いやすいテーマです。
Step.1 SWELL の購入
本サイトを経由して 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個をインストールして利用します。両方必要です。
先に親テーマをインストールします。
WordPress の管理画面から「外観」→「テーマ」を選択します。
「新規作成」ボタンをクリックします。
「テーマのアップロード」ボタンをクリックします。
「ファイルの選択」ボタンをクリックして、公式サイトからダウンロードしたファイル「swell-x-x-x.zip」をアップロードします。
「swell-x-x-x.zip」が表示されたことを確認して「今すぐインストール」をクリックします。
親テーマのインストールが完了です。
Step.4 SWELL 子テーマのインストールと有効化
子テーマをインストールします。
親テーマと同じ手順で子テーマ「swell_child.zip」をインストールします。
WordPress の管理画面から「外観」→「テーマ」を選択します。
「SWELL Child」テーマの「有効化」ボタンをクリックして、テーマを有効化します。
子テーマが有効化されたことを確認します。子テーマのインストールと有効化完了です。
Step.5 SWELL のユーザー認証を行う
SWELL のユーザー認証を行うことで利用サイトとして登録されバージョンアップなどの案内が届きます。
WordPress の管理画面から「ダッシュボード」などを選択すると上部にSWELLのユーザー認証を促すメッセージを表示します。
「ユーザー認証」のリンクをクリックします。
メールアドレスを入力して「認証リクエストを送信」ボタンをクリックします。
会員登録
認証にはSWELL会員サイトへの登録が必要です。
未済の方は「SWELL会員サイトへの登録」リンクをクリックして登録を実施してください。
入力したメールアドレス宛に認証用情報が届くので内容に従って認証を実施します。認証後に「アクティベートを完了」ボタンをクリックします。
ユーザー「認証完了」を確認して完了です。
■ AFFINGER
「AFFINGER」はブログの基本形を中心にして多彩なるカスタマイズを行える中・上級者向けのテーマです。
「オリジナリティのあるオシャレなサイト」を作りやすくなります。オリジナリティの高さは他サイトとの差別化を計ることができ、オシャレなサイトは、ユーザーの滞在時間が増え、サイト評価があがり、サイトの露出が増えて、さらにユーザ(読者)を呼び込む好循環を実現します。
AFFINGER で作成したサイトサンプル
AFFINGER のインストール手順
Step.1.「AFFINGER」 の購入とダウンロード
次のボタンから、購入画面に進んでください。
AFFINGER6(WordPressテーマ)
\ いまなら「当サイト限定オリジナル特典」あり /
AFFINGER6(WordPressテーマ)( ¥14,800 - ) のご購入
※ 特典「サンプルサイトのデザイン完全解説書(PDF)」を
付与させていただきます
\特典を詳しく見たい方はこちら/
ACTION PACK3(AFFINGER6EX対応)
\AFFINGER の上位互換、ご購入はこちら/
上位互換 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
■ プラグインのインストール手順
- 「WordPress」 の管理画面から、「プラグイン」 を選択します
- 「新規追加」 ボタンをクリックします
- 「プラグインのアップロード」 ボタンからファイルをアップロードします
- 画面上にプラグインが表示されるので、「有効化」 ボタンをクリックして有効化します
Step.6. 各設定、各登録作業
ダウンロードしたファイルを解凍して作成された 「必ずお読みください.txt」 を参照しながら、各設定、各登録作業を行ってください。
必要な設定、登録は主に下記です。
- 「パーマリンク」の設定
- 「AFFINGER管理」の「保存」を一度クリック
- 「STINGER STORE」に登録
- 「infotop購入ページ利用申請フォーム」より申請
完了です。
■ Cocoon
「Cocoon」は無料テーマではありますが、有料テーマ並みに作りがしっかりしているテーマです。
有料の SWELLやAFFINGERに比べると機能面で物足りず、CSSを駆使して使わなければならない場面も出てきますが、無料の中ではトップレベルで優れたテーマと言えるでしょう。
ポイント
Cocoon を導入する手順です。簡単に導入できます。
Step.1 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個をインストールして利用します。両方必要です。
先に親テーマをインストールします。
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」テーマの「有効化」ボタンをクリックして、テーマを有効化します。
子テーマが有効化されたことを確認します。子テーマのインストールと有効化完了です。
まとめ
WordPress のテーマ の導入です。
ポイント
- 自分の使い勝手に合わせて好みのテーマを選択する
- ブログやコンピュータ初心者には、「SWELL」 がおすすめ
- 上級者になっても満足でき、多様なカスタマイズをしたいなら 「AFFINGER」 がおすすめ
- 有償テーマのほうが望ましいが、無償で始める場合は「Cocoon」がおすすめ
- テーマは後から変えるのが大変なので最初に選ぶテーマは慎重に!
よい WordPress のテーマを選んで始めましょう。
ブログの作り方などについてココナラにて「支援作業」を販売しております。
よかったらご利用くださいませ。
Presented By Boon Boon Blog .Com
広告の設置・収入について
当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。