最新記事を久々に書きました
最新記事を久々に書きました
副業アフィリエイトで給料以上稼げるようになった4つのコツを暴露します(2017年最新版)
副業アフィリエイターがアフィリエイトでサラリーマン収入以上を稼ぐ秘密を、全て暴露します。 副業アフィリエイトで...

2.1 WordPressにテーマSimplicity2をインストールする方法

本記事では,WordPressにテーマSimplicity2をインストール方法と初期設定について説明します.

テーマの説明とおすすめテーマの紹介

ホームページを編集していくにはWordPressをカチカチいじっていけば良いのですが,まったく1から全部設定するのは非常に大変です.

そこでテーマと呼ばれる大雑把な設定をしてくれるファイルを追加インストールすることで,初期設定やデザイン設定を簡易化することができます

テーマは無料なものから有料なものまであります.

次におすすめテーマについて紹介します.

ホームページのデザインにおいては,見た目がきれいで分かりやすいことも重要ですが,Search Engine Optimization(SEO)がきちんとできていることも重要です.

SEOとはGoogleで検索したときに上位に表示されるように最適化することです.

使いやすくて,見た目がきれいで,SEOがきちんとできていて,無料なテーマを探します.

加えて,多くの人が使用していてカスタマイズ方法がたくさん紹介されているものが良いです.

また最近ではPCからだけでなくスマホやタブレットからも多くのアクセスがあります.

表示するデバイスごとにページをこちらで作成しなくても,自動でデバイスごとに表示を最適化してくれるレスポンシブデザインがお勧めです.

以上の要件を加味して検索すると,SimplicityとSTINGERというテーマが無料で有名なことが分かります.

この二つはどちらも長い期間改良に改良を重ねてきたテーマで,どちらも非常にお勧めです.ですが今回はSimplicityをお勧めします.

STINGERがおすすめできない理由は,最近作成者が有料版に力を入れていて無料版が使えないためです.既に古いバージョンはインストールできないようになっていて,最新版としては有料版がメインです.

また今後無料版の新バージョンもリリースされるようですが,やはり有料版に力を入れてしまうと,無料版は少しおざなりなる気がします.

もちろん有料版のSTINGERであるAFFINGER4はとても有能なものでお値段以上の価値があるものです.

いつか使用してみることをお勧めしますが,今回はまず無料で作成することを優先して,Simplicityの最新版であるSimplicity2で説明を進めます.

なおこのテーマは途中で変更することができます

テーマ上で変更した細かい設定は再度やり直すことになりますが,記事が消えたりはしません.

のちのちまた違うテーマを使いたくなったら変えると良いと思います.

Simplicity2のインストール方法

それではSimplicity2のインストール方法を説明します.

① Simplicity2のダウンロードサイトへアクセスします.

② Simplicity 2.3 安定版を「ダウンロード」をクリックして,ダウンロードします.もし2.3以上のバージョンの安定版があれば,それをダウンロードしてください.

161027_simp1

③ 次にSimplicity2子テーマのダウンロードページから,Simplicity2用の子テーマ(無印)をダウンロードします.子テーマとは,テーマのファイルを直接いじると元に戻したいときに戻せなくなるので,テーマをさらに追加上書きで編集するためのテーマです.この子テーマを編集していきます.

④ ダウンロードした2つのzipファイルを,どこか好きなフォルダにいれます.私はdesktopにblogというフォルダを作成し,その下に各blogごとにフォルダを作成しています.このサイトの場合は,「アフィリエイトサイト作成」というフォルダを作成し,その下に「wp」というフォルダを作成して,その中に2つのzipファイルを入れています.

⑤ つぎにサイトのWordPressの管理画面にログインします.ログインURLはサーバーの管理画面で確認できます.ロリポップでは,管理画面で「簡単インストール→WordPress」を選択して画面下の方に書かれています.WordPressの管理画面にログインしたら,左部のメニューから「外観→テーマ」を選択します.

161027_simp2

⑥ 画面上部の「新規追加」をクリックします.テーマを追加画面になるので「テーマのアップロード」を選択します.まずは親テーマのzipファイルを選択して,インストールします.インストール完了後に「有効化」をクリックします.

161027_simp3

⑦次に再度同様にして,子テーマのzipファイルをアップロード,インストールし,有効化します.以上でテーマのインストールが完了で,サイトにアクセスすると,下のようにデザインが変わっています.

simplicity_initial

以上でインストール終了です.

Simplicity2の初期設定方法

次にSimplicity2の初期設定について説明します.

① 記事1つでは全体のイメージを捕らえにくいので,2つほど記事を暫定的に作成します.WordPress管理画面(ダッシュボード)の左部メニューから「投稿→新規追加」を選択します.

161027_simp4

②記事画面で適当なタイトルと文章を入力し,画面右部の「公開」を押します.サイトを見ると,記事が追加されています.

161027_simp5

③次にブログの記事下にユーザー名を表示されないようにします.ブログの記事下を見ると自身のログイン名で投稿者が表示されています.これはセキュリティ上非常にまずいので,表示させないように以下の設定をします. WordPress管理画面から左部メニューの「ユーザー→ユーザー一覧」を選択し,自身のユーザー名をクリックします.画面下部にあるニックネームを打ち込み,ブログ上の表示名にニックネームを選択します.

161027_simp6

④ 続いて「外観→カスタマイズ」を選択します.「レイアウトの設定(投稿・固定ページ)」から「投稿者情報の表示」のチェックを外します.そして右上の「保存して公開」をクリックすると入力された情報がサイトに反映されます.これで記事下の自身の名前が表示されないようになります.③の操作を事前にするのは,画面上には表示されていなくてもhtmlコードのどこかにユーザー名が出ていると嫌なので,リスクヘッジのためにしました.

161027_simp7

⑤ 次にWordPress管理画面から左部メニューの「外観→カスタマイズ」から「スキン」を選択し,「スキン選択」を[P] 子テーマパーツスキンにします.「保存して公開」をクリックすると入力された情報がサイトに反映されます.これで今後,子テーマのファイルをいじるとサイトの表示が変更されるようになります.子テーマのファイルをいじる?って感じだと思います.この方法は後々に出てきますのでそのときに丁寧に説明します.ここは設定の変更のみをお願いします.

161027_simp8

⑥ 最後にWordPress管理画面から左部メニューの「外観→カスタマイズ」から「レイアウト(全体・リスト)」を選択し,「完全レスポンシブ表示を有効」にチェックを入れます.「保存して公開」をクリックすると入力された情報がサイトに反映されます.これでユーザーのデバイスに合わせて自動で最適な画面が表示されます.

161027_simp9

以上でテーマSimplicity2のインストールから初期設定まで終了です.お疲れ様でした.

次回はSimplicity2の子テーマを編集して,ホームページのデザインを設定していきます.

2.2 子テーマを編集しヘッダーとグローバルナビを設定する方法
本記事では,インストールしたSimplicity2の子テーマを編集していき,サイトのヘッダー(画面上のタイトル部分)とグローバルナビ...

スポンサーリンク