MENU
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

カテゴリー

  • WordPressの基本
  • Web活用相談
  • ホームページ制作
  • ブログ運営
  • おしゃれデザインの作り方
  • ビジネスのヒント
  • WordPressカスタマイズ
  • Web制作スキルアップ
  • アイデア・思考の整理

タグ

Adobe Illustrator Gatsby.js git GitHub HTML/CSS MySQL Node.js Python Sourcetree SWELL WordPress おすすめWPプラグイン おすすめツール エックスサーバー サーチコンソール セキュリティ バレットジャーナル 環境構築 確定申告 開発環境

アーカイブ

  • 2022年8月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2020年10月
  • 2020年8月
  • 2020年7月
  • 2020年6月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年8月
  • 2019年5月
  • 2019年2月
  • 2019年1月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2017年10月
  • 2017年9月
  • 2017年7月
あなたのお仕事を育てるホームページ作成・Web活用
ゼロの森
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact
ゼロの森
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact
  1. ホーム
  2. Web制作スキルアップ
  3. WordPressカスタマイズ
  4. WordPressを本格的に勉強するには

WordPressを本格的に勉強するには

2022 7/19
WordPressカスタマイズ
2022-01-30 2022-07-19

私は、4年ほど前にWordPressでブログを作り始めました。
そこから、独学でカスタマイズなどを調べていくうちに、テーマを制作できるようになりました。
今はプラグイン作りについても学んでいます。

今回は私がWordPressでホームページを作る上で、役に立った本を紹介しながら、どのように独学したかを紹介します。

  • HTML/CSSの基本はすでに知っている
  • 無料/有料テーマをカスタマイズしたい
  • テーマを作ってみたい
目次
スポンサーリンク

① WordPressでブログを立ち上げる

まずは、WordPressのインストールやホームページを立ち上げてみました。

このサイトでも、「WordPressブログの始め方」でも手順を紹介しています。

WordPressの始めかたは、他のブログや動画でもたくさん紹介されています。

WordPressの基本設定、テーマのインストール、そのまま使えるところまで

② 書籍を読みながら、テーマをカスタマイズ

続いて、テーマをカスタマイズしながら、ビジネスサイトとメディア系サイトを作っていきました。

参考にした書籍が二つあります。

まず、一つ目。

本格ビジネスサイトを作りながら学ぶ WordPressの教科書 Ver.4.x対応版
¥3,480 (2022/01/30 14:47時点 | Amazon調べ)
Amazon
楽天市場
Yahooショッピング
ポチップ

WordPressを学ぶのにはどの書籍がいいかな?といろんなサイトの書評を見て回って、一番評判がよかったのがこの本です。
私はまず手始めに、この本の通りにサイトを作っていきました。
手順が詳細でわかりやすく、迷わず最後まで作りきれました。
またソースコードの解説もあり、書きながらプログラムの内容を理解できます。
よく使うプラグインや、WordPressで使うテンプレートの仕組みなど、WordPressのカスタマイズに必要な基本がつまっています。

この本の流れに沿って作ってみると、WordPressテーマのカスタマイズの全体像が把握でき、私にも作れるんだ!という感覚がつかめました。

私がはじめて学んだものはバージョン古いので、最新のバージョンに対応した解説書の方を選んでみてくださいね。

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.5.x対応版
¥3,080 (2022/01/30 14:54時点 | Amazon調べ)
Amazon
楽天市場
Yahooショッピング
ポチップ

続いて、2冊目。
こちらの本を通して作ってみて、ブログ・メディア系のサイトで使うカスタマイズを学びました。

WordPressデザインブック HTML5&CSS3準拠 (WordPress DESIGN BOOK)
¥5,165 (2022/01/30 14:57時点 | Amazon調べ)
Amazon
楽天市場
Yahooショッピング
ポチップ

記事の小見出しのデザイン、SNSのシェアボタンの設置、人気記事の表示など、ブログを表示するための細かい調整まで手がとどく内容になっています。

難点といえば、なぜコードの説明が少ないので、プログラムが何をしているのか理解しにくいところ。しっかり使えるようになるには、自分で関数を調べて処理を確認する必要があります。

余談:私のIT書籍の選び方

私は、IT系の本を買う前に、まず立ち読みで中身をざっと確認することが多いです。
立ち読みしてチェックするのはこの3点。

  • 作りたいプログラムのイメージが近いか
  • 自分にも作れそうか(写真が豊富、プログラムが配布されているか)
  • プログラムの解説があるか

サンプルページをイチから作る流れで説明してくれる本だと、挫折せずにプログラムを学べるので好きです。

③ WordPressの仕組み・PHPを学ぶ

ここまで作ってみて、WordPressの仕組みについても、知りたくなってきました。

私は、HTML/CSSはわかるけれど、WordPressで使われているPHPにはなれていません。
そこで、PHPの基本とWordPress用の関数について勉強しました。

WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第3版] 〈WordPress 5.x/Gutenberg対応〉
¥2,640 (2021/11/28 12:48時点 | Amazon調べ)
Amazon
楽天市場
Yahooショッピング
ポチップ

この本のおかげで、WordPressテンプレートで使う関数がだいたい理解できるようになりました。
また、WordPressの内部処理を図解してくれているのも、分かりやすかったです。

よかったら、私がWordPressの仕組みを勉強した記事もどうぞ。

合わせて読みたい
  • WordPressが記事を表示する仕組み〜メインクエリとサブクエリ〜
  • テンプレートファイルの優先順位
  • 【図解】WordPressのデータベース構造はどうなっているのか

④ テーマを作ってみる

テーマのカスタマイズになれてきたところで、ゼロから自分好みのテーマを制作してみました。

トップページ
ブログページ

⑤ プラグインを作ってみる

今は、プラグインを作りながら勉強中です。

あわせて読みたい
記事をランダム表示するウィジェットを作る 前回に引き続き、プラグインを作りながらWordPressの知識を深めていきます。 WordPressのプラグインを自作する!バックナンバー 今回は記事をランダムに表示するウィジ…
あわせて読みたい
WordPressの投稿に管理者用メモをいれるプラグインを作る プラグインを作りながら、WordPressのカスタマイズを学ぶシリーズ。今回は、記事ごとにメモをつけるプラグインです。 【プラグインでWordPressをカスタマイズ】のバック…

参考にしているのはこの本。

エンジニアのためのWordPress開発入門 (Engineer’s Library)
¥3,278 (2022/01/30 15:08時点 | Amazon調べ)
Amazon
楽天市場
Yahooショッピング
ポチップ

フックの仕組みとか、WordPressで使われるオブジェクトの定義を知りたくてこの本を入手しました。
上級者向けで、まだ全部読めていないのですが、WordPressの実行順序やテーブル構造が勉強になりました。

WordPressカスタマイズ
よかったらシェアしてね!
  • 「動くWebデザインアイディア帳」で、アニメーションサイトを作る
  • 2021年の確定申告は、スマホで申告!

関連記事

  • WordPressをサブディレクトリにインストールする手順
    2021-10-28
  • 簡単にWordPressサイトをコピーする方法【All-in-One WP Migration】
    2021-10-07
  • レンタルサーバー1つで複数のWordPressブログを作るには
    2020-10-30
  • LivedoorブログからWordPressへのお引っ越し手順
    2020-05-10
  • 【エックスサーバー】WordPressにBasic認証パスワードをつける
    2019-09-18
  • WordPressにウィジェットエリアを追加する
    2018-11-13
  • WordPressブログのドメイン変更手順
    2018-11-11
  • WordPressの仕組み〜テンプレートファイルの優先順位
    2018-07-28
中谷恵美
あなたのお仕事を育てるホームページの先生
システムエンジニア、ITコンサルタントを経て、フリーランスに。
ITが苦手な女性の個人事業主さんにホームページ作成・集客・Web活用をトータルでサポートしています。

仕事の戦略、ホームページの作成やWebツールの整理、操作の疑問など、さまざまなお困りごとにお答えします。
詳しいプロフィールを見る
活動実績

【HP個人レッスン】

●ハワイアン伝統ロミロミサロン・Aさま
・2ヶ月でサロンのHPをリニューアル。新サービス立上げ時も自分でHPを作成できるように。
「最初はパソコン音痴の私にできるか不安でしたが、とても丁寧な指導でわかりやすかったです。
私好みの素敵なHPができあがり、とっても嬉しいです!」

●Mさま
・2回のミーティングでWordPress運営スキルを習得。オウンメディアを立上げ。

 

【ホームページ作成】

●これまでご依頼いただいたお客さま
(個人)写真家・サロン・カウンセラー・占い師

(法人)メーカー代理販売店、コンサルティング企業、人事支援企業

【経歴・資格など】
・基本情報技術者
・簿記2級

新着記事
  • 【お客様の声】フワッとした質問に対しても具体的に教えてくれます。
    2022-08-14
    Web活用相談
  • 株式会社 ビードゥー様 (BeDoh Corporation)
    2022-04-11
    ホームページ制作
  • 【2022年版】Smash Balloon Social Photo Feedの使い方〜インスタグラムを表示できるプラグイン〜
    2022-03-25
    WordPressの基本
  • AIが自動で文字起こし!「Notta」で議事録、原稿作成、勉強を効率的に!
    2022-03-11
    ビジネスのヒント
  • 2021年の確定申告は、スマホで申告!
    2022-02-16
    ビジネスのヒント
人気記事
  • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
    2018-09-13
    Web制作スキルアップ
  • 【Mac】SourcetreeからGitHubへSSH接続する
    2021-08-05
    Web制作スキルアップ
  • CSSとJavaScriptで作るハンバーガーメニュー
    2020-07-25
    Web制作スキルアップ
  • Node.js+ExpressでMySQLに接続して一覧表示する
    2020-04-25
    Web制作スキルアップ
  • デザインのドリルで30個トレースして学んだこと
    2020-08-20
    おしゃれデザインの作り方
メニュー
  • プロフィール
  • サービス
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声
  • ブログ
  • お問合せ
カテゴリー
  • 実績・お客様の声 (10)
    • Web活用相談 (1)
    • ホームページ制作 (9)
  • WEB・SNS集客 (1)
    • ブログ運営 (1)
  • はじめてのホームページ作り方 (12)
    • WordPressの基本 (12)
  • おしゃれデザインの作り方 (6)
  • ビジネスのヒント (8)
  • Web制作スキルアップ (39)
    • WordPressカスタマイズ (12)
  • アイデア・思考の整理 (2)
タグ
Adobe Illustrator (2) Gatsby.js (3) git (3) GitHub (1) HTML/CSS (7) MySQL (2) Node.js (2) Python (2) Sourcetree (2) SWELL (1) WordPress (28) おすすめWPプラグイン (7) おすすめツール (3) エックスサーバー (4) サーチコンソール (1) セキュリティ (3) バレットジャーナル (2) 環境構築 (1) 確定申告 (1) 開発環境 (3)
  • サイトマップ
  • プライバシーポリシー
  • 特定商取引法に基づく表記

© Zero*forest

目次