2018年4月9日テンプレート(Simplicity)ツイートこんにちは、えむです。今回は、WordPressのテーマ「Simplicity2」の子テーマにスキンというものを追加して、あなたのブログをオシャレにする方法について、図を交えて丁寧に解説していきます。「Simplicity2」への子テーマの追加が済んでいるものとします。これらの作業がまだの方は、下の記事を参考にして作業を済ませたのち、この記事を読み進めるようにしてください。最後にスキンとは何?スキンは、テンプレートの外観(見た目)のみを変更するのに使うツールです。子テーマほどディープなカスタマイズができない代わりに、手軽な操作で外観を変更することが可能です。「Simplicity2」を設置した段階でそれなりの外観にはなっていますが、テンプレートの名称通り、そのデザイン性はとてもシンプルです。あなたが「シンプルな外観が好きなんだ!」ということであれば、そのまま使っていっても良いでしょう。「Simplicity2」に標準装備されているスキンの設定方法WordPressの管理画面の左のメニューの「外観」にカーソルを合わせ、出てきたメニューの「カスタマイズ」をクリックします。「カスタマイズ」ページの左枠の中の「スキン」をクリックします。「スキン」ページの左枠の中には、標準装備されているスキンが一覧になっています。1今回は例として、「ギンガムチェック(ガーリー)」を選択しました。2右枠にサンプルページが表示されます。3サンプルページを確認して問題なければ、「公開」をクリックします。実際のブログの見え方は、下図のようになります。Pop」を選択します。2右枠にサンプルページが表示されます。3サンプルページを確認して問題なければ、「公開」をクリックします。実際のブログの見え方は、下図のようになります。これで、標準装備されているスキンの設定は完了しました。「Simplicity2」に標準装備されているスキンで気に入ったものが見つかればそれで良いのですが、「う~ん、いまいちピンとこないなぁ...」というときには、別のスキンをダウンロードすることが可能です。スキンをダウンロードする方法をみていきましょう。下のリンクをクリックして、「Simplicity2のスキン」の公式ページに移動します。「Simplicity2のスキン」の公式ページ下図のような画面が出てくるので、しばらく下にスクロールしていきます。すると、「その他のスキン」という項目が出てくるので、その中の「Simplicityユーザー作成スキン」をクリックします。ページが切り替わり、そこには数々のスキンが表示されています。Chocolate」をダウンロードしてみます。1スキンのタイトルが表示されています。2そのスキンを反映させたサンプルページがあります。ダウンロードするスキンの中で少し下にスクロールすると、「ダウンロード」部分があるのでそこをクリックします。「ダウンロード」部分の形式はスキンの作成者によって異なるので、必ずしも下図のような表示というわけではありません。Chocolate」の場合は、「ダウンロード」部分をクリックすると、スキン作成者の個人ページに移動します。そのページをしばらく下にスクロールしていくと、下図のような画面が出てきます。Chocolate」を選択してクリックします。ダウンロードが始まると、下図のような表示が出てきます。ダウンロードが完了したら、表示の右隣にあるマークをクリックして、出てきたメニューの「開く」をクリックします。それにより、ダウンロードしたzipファイルが解凍されます。解凍が済むと、下図のように表示されます。(アイコンが、圧縮フォルダから普通のフォルダに変わっています。)これで、新たなスキンのダウンロードは完了です。次に、そのスキンをサーバーにアップロードする手順です。ダウンロードしたスキンをFTPソフトでアップロードする方法ダウンロードして解凍まで済んだスキンのデータですが、これはFTPソフトを使ってサーバーへアップロードしなければ、WordPressに反映させることができません。今回、FTPソフトは「FileZilla」を使っています。「FileZilla」については、下の記事を参考にしてください。「FileZilla(ファイルジラ)」を使って、ファイルをアップロードする方法とファイルにアクセスする方法では、ダウンロードしたスキンをアップロードする方法を見ていきましょう。FileZillaを起動し、サーバーに接続します。「リモートサイト」の下枠の中にある、WordPressに使用しているドメイン名がついたフォルダをダブルクリックします。開いたフォルダの中にある「public_html」をダブルクリックします。開いたフォルダの中にある「wp-content」をダブルクリックします。開いたフォルダの中にある「themes」をダブルクリックします。開いたフォルダの中にある「simplicity2-child」をダブルクリックします。開いたフォルダの中にある「skins」をダブルクリックします。開いたフォルダの中に、先ほどダウンロードしたスキンのフォルダを、ドラッグ&ドロップして追加します。すると、リモートサイトの下枠の中に、ダウンロードしたスキンのフォルダが追加されました。(下図の赤枠で囲った部分)これで、ダウンロードしたスキンのサーバーへのアップロードが完了しました。基本的には、最初に解説した「標準装備されているスキンの設定方法」と同じ手順になります。WordPressの管理画面の左のメニューの「外観」にカーソルを合わせ、出てきたメニューの「カスタマイズ」をクリックします。「カスタマイズ」ページの左枠の中の「スキン」をクリックします。Chocolate」が追加されています。Chocolate」を選択します。2右枠にサンプルページが表示されます。3サンプルページを確認して問題なければ、「公開」をクリックします。実際のブログの見え方は、下図のようになります。これで、アップロードしたスキンの設定は完了しました。最後にいかがでしたか?「Simplicity2」にスキンを設定する方法について、理解していただけたでしょうか?あなた好みのデザインにすることで、ブログに対する愛着は格段に上がります。なれば、ブログに記事を更新していくモチベーションも上がりますので、ここでの設定はしっかりあなたが気に入るものを探すようにしましょう!これまで無料テンプレート「Simplicity2」をあげて解説してきましたが、有料テンプレートを導入した場合は、テンプレートの中に外観のデザインもセットになっていることが多いです。「子テーマ」「スキン」という形式でバラバラに設定する必要がないので、カスタマイズが非常に楽ですよ♪ちなみに、えむは「賢威」という有料テンプレートを使用しています。↓↓↓よければ、参考にしてみてください。PS.えむは、【ブログ・メルマガアフィリエイト】というネットビジネスで生計を立てています。ネットビジネスを始めるまでは、「安いお給料」「少ないお休み」「当たり前に起こる残業」という、限りなくグレーな会社でOLをやってました。そんなえむが、ネコのように自由で気ままな時間を手に入れるまでの道のりを、メルマガレッスンとして無料で配信しています。登録は無料ですし、今だけ、登録してくれた方へのプレゼントもご用意しています♪もちろん、解除はいつでもできますので、ご安心を。(必須)ウェブサイト上に表示された文字を入力してください。コメントコメント送信サイト内検索プロフィールこんにちは、えむと申します。何にも先のことを考えずにふわふわした学生時代を過ごし、社会人になってからも自分が何をしたいのかわからないまま、とりあえず仕事を転々としていました。そのうち、仕事でのストレスで体を壊して病院通いをするハメになり、「こんな働き方でいいのか?」と自分に問いかけました。自分が望む「ストレスフリー」で「自由」な生き方・働き方を実現できる方法を探す中でネットビジネスを見つけ、その世界に飛び込みました。その結果、信頼できる教材を見つけ、それを実践することで、自分の望む生活を手に入れられました。こんなふわふわした芯のない私でも、ネットビジネスで理想の生活を手に入れることができました。今このブログを見ているあなたにもきっとできると信じています。お願いします!「えむ」のふわふわ人生はこちらから無料メルマガレッスンはこちらネコのように、自由で気ままな時間を手に入れた元OLえむが、【メルマガ・ブログアフィリエイト】について発信しているメルマガレッスンです。解除はいつでもできますので、ご安心を。興味のある方は、上の画像をクリックしてください(^^)/ネットビジネス初心者の方へ↑↑↑ネットビジネスの初心者向けの講座です。詳しくは、画像をクリックしてください。↑↑↑WordPress構築に関連する記事をまとめてあります。詳しくは、画像をクリックしてください。起業して個人事業主となったら【開業届】を出すべき理由と提出の手順をまとめました【Excel】シートを移動したりコピーしたりする方法とシートの名前を変更する方法おすすめのWordPressテンプレート「賢威」SEO効果が高く、テンプレートの種類も豊富な、おすすめのWordPressテンプレート「賢威」です。その内容についてもっと詳しく知りたい方は、こちらのページを参考にしてください。emu252539ランキングに参加しています。2018~OLやめてネコになりました~。