ワードプレス初心者向け情報サイト『webcode』WordPress初心者向けにwordpress(ワードプレス)に関するお役立ち情報が掲載されています。おすすめプラグインやおすすめ有料テーマ(テンプレート)、おすすめ無料テーマ(テンプレート)なども紹介しております。Goope初心者向けにグーペに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、グーペの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。2019年3月17日webcode編集部FacebookTwitterはてブPocketFeedlyWordPressを使っていると、自分だけのオリジナルのデザインにしたり、自社のみのプラス機能をつけたいという時が出てきます。「今後もカスタマイズするかもしれないし、ある程度はスキルを身につけておきたい...」という方の為に、WordPressのカスタマイズのオススメ本と、簡単なやり方について纏めてみました。WordPressのカスタマイズの方法のまとめWordPressのカスタマイズでおすすめの本4つまず、どれだけ難しくても自分で頑張りたい!勉強したい!といった方もいると思うので、カスタマイズに使えると思われる本をご紹介します。筆者が読んだことがある本の中からのみ抜粋していますので、中には難しめのものもありますが、ご了承ください。簡単なHTMLやCSSに関しては、ネットの情報で検索するとすぐ出ることも多いかと思われます。このぐらいの前提知識が無いと、「カスタマイズについて調べても理解できない」といった状況が起こりやすいのではないかと思われます。Webやプログラミング周りは専門用語が多く、事前に専門用語については学んでおくのがおすすめです。PHPの基礎からデータベース連携、セキュリティなどを細かく説明してくれています。WordPressというより、PHPからシステムを包括的に勉強したい人向けです。最後には、アプリケーションを作るデモもあるので、一通りやれば大体の知見はつくかと思われます。―ES2015以降の最新ウェブ開発こちらの本はJavaScriptについて、ほとんどが網羅されています。最初のうちは、これを読んでおけば、基本的に全ての知識が入るかと思います。ページ数が多いので、かなりやる気の有る人や、粘り強くやれる人におすすめの本です。―47のテクニックでCSSを自在に操るこちらの本は、CSSの中級者向けのテクニックについて網羅されています。ハックを推奨するわけではないスタンスですが、ハックについても紹介されています。中級者向けにしっかり書いてある本ですので、多少の基礎がわかる方にはとてもオススメの本です。プラットフォーム」のため、根幹のシステムがあるはずです。その機能が「ログイン機能」「DB(データベース)連携設定」「ユーザー管理機能」あたりにあったりします。この辺のシステムを初心者の方がいじるのは少々危険ですので、初心者の方には、ここならいじっても比較的安全というファイルをお伝えします。それは、「wp-content/themes」内にあるフォルダとファイルです。初心者でもカスタマイズできるファイルここのファイルであれば、編集しても基本的に大丈夫です。言いますのも、より正確な表現をすると、テーマファイルというのは「そのテーマ」のみに適応されるので、失敗しても他のテーマを選択したり、テーマを入れ直したりすれば元に戻るからです。そのため、わざわざバックアップを取らなくても復元可能ということです。細かくそれぞれのファイルについて詳しく知りたい方は、こちらの記事(WordPressの仕組みを理解する)を参考にしてみてください。WordPressの既存テーマ(twentyseventeen)をカスタマイズ「wp-content/themes」の中のファイルのみを変更していくとなると、基本的には既存テーマをカスタマイズしていくことになります。そこで、ここではカスタマイズしたい方法別に、どのファイルを編集すれば良いのか?を解説していこうと思います。説明には、「twentyseventeen」のテーマを使います。色や見栄えなど(CSS)を変更したいまずは、色や見栄えなどのスタイルを変更したい場合です。その場合は「style.css」(他のテーマだと同じような.cssがあるはずです)を編集します。言語はCSSで書かれていることが多いので、これを書き換えていきましょう。(CSSの知識が必要になります)こちらのスタイルシートを変更していくことで、見た目を変えることが出来ます。いったファイルの編集は、バックアップを取っていないと全て上書きされてしまうため注意が必要です。ページの表示部分のシステムを変更したい次は、ページの表示部分に関してです。これは「ヘッダーのメニューバーの位置」などを変更できるということです。テーマごとにも異なるため、大枠を分かっていただければと思いますが、以下の表の様に機能しています。ヘッダーの表示部分などのようになっています。基本的にはphpファイルを編集していくことになるので、プログラミング言語的にはphpの知識が必要です。ファイル名で予測できるものが多いですが、archive.phpのようにちょっと分かりにくいのもあります。ページの処理部分を変更したい次は、ページの処理部分です。これは、初心者のうちは気にしなくてもいいかと思います。筆者がやっているカスタマイズは「ディスクリプションの自動挿入」です。テーマによっては、SNSでの拡散設定(OGP,Twitterカード)などをここで行っています。これらの処理は面倒なことに”テーマ次第”でファイルの在り処が全然違います。twentyseventeenでは3つのフォルダに分散されています。※一例を挙げますが、「template-functions.php」を操作すると、テンプレートとして挿入されているHTMLタグの編集ができます。これらのファイルになってくると、コードを読むのも大変なものも出てきます。「見た目だけ少し変えれればいい!」という方のために、CSSのカスタマイズ方法をお伝えしておきます。デベロッパーツールを使う一つ目はデベロッパーツールを使ってしまう方法です。この方法は、実際の表示を確認しながら編集ができるので、手間もかからずに早いので楽です。(筆者はよくやります)まずは、編集したいページでデベロッパーツールを開きます。デベロッパーツールの使い方が分からない方は「Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能」を御覧ください。ここでCSSを変更していきます。CSSは右下のボックスで変更できます。ここで編集したあと、「style.css?ver~~」のように書いてある文字をクリックすると、編集中のスタイルシートが表示されます。これをコピーしてstyle.cssにペーストすれば完了です。※style.cssは「ダッシュボード」→「外観」→「テーマの編集」から直接編集できます。※キャッシュの関係で、すぐにはデザインが適用されないことがあります。その場合は、キャッシュの消し方を確認してください。ローカル開発環境を使う次は、ローカル開発環境を使う方法です。いっても、実際にローカル開発環境でスタイルシートを編集し、アップロードするだけなのであまり流れは変わりません。開発環境を立ち上げるのに莫大な時間を使うことになるかと思うので、こちらを参考にやってみてください。WordPressで超簡単にワードプレスローカル環境を構築する方法WordPressのカスタマイズの方法のまとめ以上、いかがでしたか?WordPressのカスタマイズ方法について、ばっと纏めてみました。筆者も普段からカスタマイズをしているので、HTML,CSS,JavaScript,PHPは扱えますが、初心者が調べながらやるには結構大変だと思います。有料テーマを使ってしまった方が、時間削減になるためおすすめです。毎回毎回カスタマイズ方法を調べるよりも、最初からデザイン性やSEO対策などが施されたテーマを利用した方が、後々のメンテナンスなどが楽になるとは思われます。Storkの公式サイトはこちら:https://open-cage.com/stork/それでは最後まで読んでいただき、ありがとうございました。表示されない?!WordPressウィジェットの作成・編集方法・おすすめまで完全解説2020年2月24日さくらのレンタルサーバとエックスサーバーを比較!おすすめはどんな人?2020年2月24日WordPressの脆弱性対策!事前にできるセキュリティ対策まとめWordPressでのブログの作り方は?初心者が知識ゼロからブログを始める方法おすすめの記事ホームページ作成ツール【おすすめホームページ作成ツール】ワードプレスに挫折した人向け8選おすすめのホームページ作成ツールの比較をご紹介します。簡単にプロ顔負けのホームページが作成できる「バインドアップ(BiNDup)」の口コミです。webcodezeroRANKINGShopify(ショピファイ)の評判は?カラーミーショップやリピートとの比較エックスサーバーの使い方をワードプレス初心者にわかりやすく画像で解説【経験談付き】ロリポップはライトプランで十分?ワードプレスを複数するならどのlolipopのプランが良い?バインドアップ(BiNDup)の評判は?料金比較やメリット・デメリットを解説ヘテムルとエックスサーバーの比較!wordpress初心者におすすめはどっち?CATEGORYWordPress(ワードプレス)初心者向けにwordpress(ワードプレス)に関するお役立ち情報が掲載されています。おすすめプラグインやおすすめ有料テーマ(テンプレート)、おすすめ無料テーマ(テンプレート)なども紹介しております。Goope(グーペ)初心者向けにグーペに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、グーペの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。Jimdo(ジンドゥー)初心者向けにjimdoに関するお役立ち情報が掲載されています。リアルな口コミやメリット・デメリット、jimdoの利用がおすすめな人や他のCMSとの比較情報などもご紹介しています。WIX(ウィックス)初心者向けにWIX(ウィックス)に関するお役立ち情報が掲載されています。口コミや評判、メリット・デメリット、WIXの利用がおすすめな人や、他のCMSやホームページ作成ツールとの比較情報などもご紹介しています。RentalServer(レンタルサーバー)レンタルサーバーに関する口コミや評判、メリット・デメリット・料金比較などが掲載されています。ワードプレス(wordpress)運用におすすめのレンタルサーバーもご紹介しております。