WordPress はじめてのデザイン&カスタマイズ入門 読んでみた。

[記事公開日]2019/11/13

[最終更新日]2021/11/11

今も進化し続けているWordPress

日本語 — WordPress
簡単に美しいサイト、ブログ、アプリを作成するのに使えるオープンソースソフトウェア。

https://ja.wordpress.org

WordPressは現在ではバージョンアップされていて、バージョン5.0系です。
WordPress4.9などから、なにげに5.0系にアップグレードしたら、
テキストエディターが使いづらいなどの声も多くあります。

WordPress(ワードプレス)は、オープンソースのブログソフトウェア。PHPで開発されており、データベース管理システムとしてMySQLを利用している(後述のプラグインよりSQLiteでの使用も可能)

https://ja.wikipedia.org/wiki/WordPress

 


 

WordPress はじめてのデザイン&カスタマイズ入門 ブログ・サイトの改善方法がわかる 単行本(ソフトカバー) – 2019/1/25
茂木 葉子 (著), 岩本 修 (著), 星野 邦敏 (監修), 吉田 裕介 (監修)

目次
WordPress はじめてのデザイン&カスタマイズ入門 読んでみた。
Chapter 1 WordPress の基本をおさらいしよう
Chapter 2 「投稿」や「固定ページ」で記事を書いてみよう
Chapter 3 Gutenberg エディターを使いこなそう
Chapter 4 Web ページのコンテンツを充実させよう
Chapter 5 サイトのデザインをカスタマイズしよう
Chapter 6 「テンプレート」の働きを理解しよう
Chapter 7 サイトの機能を強化して本格的な運用に備えよう

 


 

初心者からちゃんとしたプロになる WordPress基礎入門 単行本(ソフトカバー) – 2021/11/15
ちづみ (著), 大串 肇 (著), さいとう しずか (著)
WordPressでのサイト制作の基礎がしっかり身につく!
〈こんな方にオススメ〉
・仕事としてWordPressを勉強したい方
・WordPressで自分の思うようなサイトを構築したい方
・プロレベルでWordPressを活用したいブログ運営者の方

初心者からちゃんとしたプロになる WordPress基礎入門 単行本(ソフトカバー) – 2021/11/15
ちづみ (著), 大串 肇 (著), さいとう しずか (著)

 


 

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/6/22
石川 栄和 (著), 大串 肇 (著), 星野 邦敏 (著)
WordPressの入門書に最新バージョン5.xに対応した第5版が登場

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/6/22
石川 栄和 (著), 大串 肇 (著), 星野 邦敏 (著)

 


 

世界一やさしいプラス WordPress 5.x 対応 (日本語) ムック – 2020/10/5
専門的な難しい知識が無くても、カッコイイWebサイトが作れる「WordPress」を、大きな文字と画面でわかりやすく解説する「世界一やさしい」シリーズから発売! レンタルサーバーや独自ドメインの取得、WordPressのインストールから、手順の通りに進めるだけで、映えるWebサイトが作れてしまう♪ お店や会社の宣伝や集客に当たり前になっていますが、まだ無い人は今こそチャレンジするのも良いのでは? 基本が学べる本誌は入門書として最適です!

世界一やさしいプラス WordPress 5.x 対応 (日本語) ムック – 2020/10/5

 


 

いちばんやさしい WordPress 入門教室 (日本語) 単行本 – 2020/10/19

個人サイト、企業や自営業の方で自社のWebサイトを作成したい方に最適

Webサイトの作成から運用までがこの1冊で分かる! WordPressでゼロからWebサイトを作成しよう! WordPress最新バージョン対応! 近年、ソースコードを書かずにWebサイトやアプリケーションを構築する「ノーコード開発」の流れが加速しています。
ノーコード開発は、あらかじめ用意されたパーツを組み合わせることにより、短期間・低コストで構築できることが大きな魅力であり、プロの間でも注目を集めています。

いちばんやさしい WordPress 入門教室 (日本語) 単行本 – 2020/10/19

 


 

世界一わかりやすいWordPress 導入とサイト制作の教科書[改訂2版] (世界一わかりやすい教科書) (日本語) 大型本 – 2020/10/10

WordPressでウェブ制作したい人に!
ブロックエディタに対応した改訂版です。

専門的な知識がなくてもWordPressで本格的なホームページが作れる

今すぐ使えるかんたん WordPress [WordPress 5.x対応版] (日本語) 単行本(ソフトカバー) – 2020/7/18

 


 

ネットオウルのスターサーバー
StarServer

 


 

Amazon
画像素材の売れ筋ランキング
Amazon.co.jpの売れ筋ランキング。ランキングは1時間ごとに更新されます。

Amazon 画像素材の売れ筋ランキング

 


 

Webサイト・リニューアル 「見た目だけ変えた」にしない成功の手引き (日本語) 単行本(ソフトカバー) – 2020/4/27

Webサイト・リニューアル 「見た目だけ変えた」にしない成功の手引き (日本語) 単行本(ソフトカバー) – 2020/4/27

 


 

Webディレクションの新・標準ルール 改訂第2版 現場の効率をアップする最新ワークフローとマネジメント (日本語) 単行本(ソフトカバー) – 2020/3/17

 


 

知識ゼロからはじめる WordPressの教科書 (日本語) 単行本 – 2020/2/1

「WordPressを使って会社やお店のホームページを作りたい」
「でも専門知識もないし、何から始めればいいのかわからない」
本書はそんな方々に最適なWordPressの入門書です。

 


 

はじめての最新WordPress入門[決定版] (BASIC MASTER SERIES) (日本語) 単行本 – 2020/2/7

WordPress入門の決定版です。WordPressを使うと、Webデザインがわからない人でも、プログラミングがわからない人でも、週末やちょっとした空き時間を使って、美しく使いやすいWebページを作成できます。本書ではページの作り方から情報発信、コミュニケーションツールとしての使い方まで、わかりやすく解説しています。また解説で使用したサンプルサイトを実際に確認することもできます。

 


 

[改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版] (日本語) 単行本(ソフトカバー) – 2020/2/17

[改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版] (日本語) 単行本(ソフトカバー) – 2020/2/17

 


 

ドメイン駆動設計入門 ボトムアップでわかる! ドメイン駆動設計の基本 (日本語) 単行本(ソフトカバー) – 2020/2/13

 


 

個人開発のための Webサービス公開マニュアル (日本語) 単行本 – 2019/12/25

 


 

みんなのPHP 現場で役立つ最新ノウハウ! 単行本(ソフトカバー) – 2019/12/6

 


 

WordPressデザインレシピ集 単行本(ソフトカバー) – 2019/8/24

 


 

WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第3版] 〈WordPress 5.x/Gutenberg対応〉 単行本(ソフトカバー) – 2019/8/27

 


 

WordPressは、難しそう。メンテナンスとか大変。
手軽に、お店のホームページなど運営したいなら。
グーペが、おすすめ。

低コストで簡単、プロのようなホームページ作成「グーペ」
カフェ、サロン、保育園、ビジネス、 マッサージ、レストランなどなど様々な業種の方が、グーペを使ってホームページを作成しています。

グーペは使いやすくて低価格
各プランは 1ヶ月 ⁄ 3ヶ月 ⁄ 6ヶ月 ⁄ 12ヶ月の契約期間からお選びいただけます。

お困りの場合にはすぐにお問い合わせを。グーペのエキスパートが的確にサイト制作をサポートいたします。

 


 

日本で一番選ばれている
ネットショップ作成サービス「カラーミーショップ」

・お試し無料期間30日間でじっくりと体験できます。

無料、お試し
ネットショップをはじめよう!
スマホで、かんたん、ネットショップ運営

ネットショップをはじめよう!

 


 

たった15秒でできる!ホームページ簡単作成サービス
PAGEKit(ページキット)

30日間の無料お試し。
ホームページを作ったことがない、ホームページの作り方を全く知らない方が、
ホームページを自分で作ったり編集できるサービスです。
初期費用無料、料金は1ヶ月2,000円です。

登録時、「ホームページタイトル」、「業種」、「デザイン」の3つを入力すれば、
最短15秒で例文や写真入りのホームページが作成できます。

パソコンの超初心者の方、医院・鍼灸院・企業・カフェ・士業・美容室
学校の研究室・同窓会用のサイトを運営したいなど。

 


 

「ロリポップ!」レンタルサーバー
難しいことや面倒なことは、全部ロリポップ!におまかせ。
つくることに、夢中になれる環境です。

 


 

MixHost
プランも自由に変更可能です。

 


 

ロリポップと同じ値段なら、
ネットオウルのレンタルサーバー
StarServer

独自ドメイン取得サービスならスタードメイン。
取得したいドメイン名を検索!

 


 

お名前.com
ドメイン公式登録サービス
世界中で取引されるプレミアムドメインを提供しています。

お名前.com プレミアムドメイン

 


 

バリュードメインは250種類以上のドメインを低価格でご提供します。
ドメインの取得が69円から!ムームードメインも、おすすめです。

 


 

レンタルサーバーなら
さくらインターネット!
無料お試し実施中。さくらのレンタルサーバー

「ヘテムル」レンタルサーバー
高性能レンタルサーバー
セキュアにWordPressを高速化するモジュール版PHPが使えて電話サポートつき。

 


 

WordPress 5.xの新しいブロックエディタ「Gutenberg」を活かしたオリジナルテーマの作成方法をステップ・バイ・ステップで解説。全224ページでゼロからしっかりサイトを構築していきます。
〈章構成〉
Chapter 1 本書で作成するサンプル
Chapter 2 WordPressのインストールと基本設定
Chapter 3 テーマ作成の準備 – コンテンツの投稿とメニューの作成
Chapter 4 テーマの作成 – 5つのパーツの出力
Chapter 5 テーマの作成 – パーツのデザインとレイアウト
Chapter 6 テーマの作成 – ページの種類ごとのカスタマイズ
Chapter 7 テーマの仕上げ

グーテンベルク時代のWordPressノート テーマの作り方(入門編) (EP NOTE SERIES) [プリント・レプリカ] Kindle版
エビスコム (著)

 


 

グーテンベルク時代のWordPressノート テーマの作り方 2(ランディングページ&ワンカラムサイト編) (EP NOTE SERIES) [プリント・レプリカ] Kindle版

 


 

(無料電話サポート付)できるポケットWordPress ホームページ入門 基本&活用マスターブック WordPress Ver.5.x対応 (できるポケットシリーズ) 単行本(ソフトカバー) – 2019/9/13

 


 

WordPressのオリジナルテーマを1日で作る本 Kindle版
Wordpressのオリジナルテーマ作成って難しい?そんなことはありません。functions.phpなんて最初は書かなくてOK!index.phpだってHTMLべた書きから始めよう!世界で一番シンプルなWordpressオリジナルテーマ作成本!?

 


 

無料電話サポート付)できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 (できるシリーズ) 単行本(ソフトカバー) – 2019/6/14

 


 

WordPressの達人が教える 本気でカッコよくする WordPressで人気ブログ 思いどおりのブログにカスタマイズするプロの技43 単行本 – 2019/4/4

 


 

WordPress Perfect GuideBook 5.x対応版(仮) 単行本 – 2019/8/23
佐々木 恵 (著)

最新のWordPress5.xに対応した最新版Word Press PerfectGuideBookです。
WordPressをこれから始める初心者に向け、大きな図版で丁寧に解説しました。
手順に沿って、オリジナルブログやビジネスサイトを作るのに必要な知識を解説します。

 


 

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.5.x対応版 単行本 – 2019/10/29

ビジネスサイトを作って学ぶ WordPressの教科書 Ver.5.x対応版 単行本 – 2019/10/29

 


 

小さなお店&会社のWordPress超入門~初めてでも安心! 思いどおりのホームページを作ろう! 改訂2版 単行本(ソフトカバー) – 2019/6/22

 


 

WordPressのツボとコツがゼッタイにわかる本 単行本 – 2017/3/10

 


 

本当によくわかるWordPressの教科書 改訂2版 はじめての人も、挫折した人も、本格サイトが必ず作れる 単行本 – 2019/6/27

「Webサイトを作ってみたい」と漠然と思っている人から、
「一度WordPressを触ってみたけど挫折した」という人まで。

HTML、CSS、PHPなどのプログラミング知識は一切不要。
手順通りに操作するだけで、本格サイトが作れます。

 


 

本当によくわかるWordPressの教科書 改訂2版 はじめての人も、挫折した人も、本格サイトが必ず作れる 単行本 – 2019/6/27
赤司 達彦 (著)

小さなお店&会社のWordPress超入門~初めてでも安心! 思いどおりのホームページを作ろう! 改訂2版 単行本(ソフトカバー) – 2019/6/22

(無料電話サポート付)できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 (できるシリーズ) 単行本(ソフトカバー) – 2019/6/14

WordPress標準デザイン講座 20LESSONS【第2版】 単行本 – 2019/6/5

WordPressのやさしい教科書。 手を動かしながら学ぶ実用サイト作りと正しい運用 5.x対応版 単行本(ソフトカバー) – 2019/5/21

 


 

WordPress はじめてのデザイン&カスタマイズ入門 読んでみた。

自分が、この本を読んだのは、発売日前後で、今では、WordPress5.0系の本は、いろいろ出ています。

WordPress5.0系だと、Gutenbergエディターになり、
人によっては、操作が、よくわかりづらいです。

WordPress はじめてのデザイン&カスタマイズ入門 ブログ・サイトの改善方法がわかる 単行本(ソフトカバー) – 2019/1/25
茂木 葉子 (著), 岩本 修 (著), 星野 邦敏 (監修), 吉田 裕介 (監修)

目次
Chapter 1 WordPress の基本をおさらいしよう
Chapter 2 「投稿」や「固定ページ」で記事を書いてみよう
Chapter 3 Gutenberg エディターを使いこなそう
Chapter 4 Web ページのコンテンツを充実させよう
Chapter 5 サイトのデザインをカスタマイズしよう
Chapter 6 「テンプレート」の働きを理解しよう
Chapter 7 サイトの機能を強化して本格的な運用に備えよう

WordPress5.0系を使ったカスタマイズ入門書です。
この本では、サンプルのダウンロードとかないですが、サンプルサイトなどはあります。

 


 

Chapter 1 WordPress の基本をおさらいしよう

1-1 「誰のため? 何のため?」を意識しよう
構成やデザインを視覚化する

本書の解説に使用しているサンプルサイトを公開しています。

https://gcoffee.techo-note.com/

ワイヤーフレームを描く
サイトマップを作成するなど解説


1-1 「誰のため?」

1-2 WordPress って何だろう?
WordPressを使うメリット
専門知識がなくてもwebサイトを制作できる
プラグインで、機能の拡張や強化かできる
誰でも自由に利用可能、

テーマもいろいろ選べます。

Catch Store
https://ja.wordpress.org/themes/catch-store/

Nighspot
https://wordpress.org/themes/nighspot/

Business Gravity
https://wordpress.org/themes/business-gravity/

 


 
WordPressを使って制作する場合
制作手順は3つのステップ
記事を書く、公開する、サイトに反映

1-3 WordPress フォルダの中は,どうなっている?
WordPressフォルダ内は入れ子の構造

静的生成(Webサーバー)
動的生成(データベース、Webサーバー)

1-4 新エディターGutenberg、登場
Gutenberg(グーテンベルク)はWordPress 5.0から搭載された新しいエディタです。

編集画面がシンプル
コンテンツ插入がブロックで統一など

Gutenberg
https://ja.wordpress.org/plugins/gutenberg/

旧エディタの記事を、Gutenbergで開く
カスタマイズの度合いが高い記事は、Gutenbergにいきなり切り替えることは、おすすめしません。
エラーなど出る場合があります。

旧エディタの記事を、旧エディタで開く

Gutenbergをまったく使わない場合は、旧エディタのみ使用できる環境に切り替えられます。
「Classic Editor」のプラグインをインストールして有効化。

Classic Editor
https://ja.wordpress.org/plugins/classic-editor/

 


 

1-5 WordPress を使ってみよう
Gutenbergのインストールや有効化が済んでいない場合は、Gutenbergをインストール。

旧エディタ、Classic Editorをインストール

1-6 WordPress の環境を整えよう
検索エンジンに記録されないようにする

日本語の不具合を解消させる
WP Multibyte Patchのプラグイン
https://ja.wordpress.org/plugins/wp-multibyte-patch/

1-7 Webサイトのデザインを決めよう
Webサイトのデザインはテーマで決まる
テーマは、いろいろあります。
公式テーマ
非公式テーマなど

Bard
https://wordpress.org/themes/bard/

Ashe
https://ja.wordpress.org/themes/ashe/

テーマ選び
日本語の説明文があるものを選ぶといいです。

 


 

Chapter 2 「投稿」や「固定ページ」で記事を書いてみよう

2-1 Gutenberg エディターを使ってみよう

Gutenberg(グーテンベルク)エディタの画面構成

2種類のパネルモード
文書モード
ブロックモード

ビジュアルエディター
コードエディター


Gutenbergエディター

2-2 「投稿」と「固定ページ」の相違点
更新頻度の高い記事は投稿で書く

2-3 「投稿」で記事を書いてみよう
Gutenbergで新たな投稿記事を書く

旧エディタで新たな投稿記事を書く

2-4 記事一覧を管理しよう
記事を編集する、削除する

2-5 「投稿」を使いこなそう
カテゴリーを効率的に運用するコツ

2-6 「固定ページ」を使いこなそう
固定ページで記事を書く際のポイント

2-7 公開方法をコントロールする
記事を下書き保存する

 


 

Chapter 3 Gutenberg エディターを使いこなそう

3-1 ブロックを使いこなそう

Gutenberg(グーテンベルク)では、「ブロック」を積み重ねてWebページをレイアウトします。

Gutenbergには、初期設定では60種以上のブロックが用意されています。
ブロックを插入する

ブロックを検索する
ブロックの種類
インライン要素

一般ブロック
フォーマット
レイアウト要素
ウィジェット
埋め込み

3-2 ブロックでページにメリハリをつける
リストを插入する

3-3 ブロックを再利用する
マスターのブロックを作る

3-4 「コードエディター」でコードを確認する
Gutenberg(グーテンベルク)には、
ビジュアルエディタとコードエディタがあります。

ブロックのコードについて

ビジュアルエディタ上で、HTMLを入力する
GutenbergでHTMLを入力したいときは、コードエディタで行うよりも、ビジュアルエディタ上で、カスタムHTMLブロックを作って、HTMLを入力するほうが、効率的に行えます。

 


 

Chapter 4 Web ページのコンテンツを充実させよう

4-1 画像を挿入する
メディアライブラリでメディアを管理する

4-2 動画やファイルを挿入する
YouTube動画を插入する

動画を插入する
音声を插入する

Google Mapを記事に插入する

PDFファイルを插入する

4-3 「ウィジェット」でサイト内を自由に回れるようにする
ウィジェットについて

4-4 「プラグイン」で機能を拡張する
プラグインについて

4-5 「ホームページ設定」で固定ページを表示させる
「ホームページ」は、Webサイトのトップに表示されるページです。
WordPressのホームページ設定

4-6 「メニュー」を設定する
ナビゲーションメニュー

 


 

Chapter 5 サイトのデザインをカスタマイズしよう

5-1 カスタマイズの方法を知ろう
さまざまカスタマイズ方法

Gutenberg(グーテンベルク)エディタを使ったカスタマイズ
カスタマイズ画面からのカスタマイズ
CSS編集によるカスタマイズ
テンプレート編集によるカスタマイズ

5-2 [カスタマイズ]画面でカスタマイズする
サイトのタイトルとキャッチフレーズを設定する

基本色を設定する

5-3 HTMLとCSSの基本を知ろう
HTMLの基本構造の解説

CSSの基本書式
CSSセレクタの種類

5-4 [CSS 編集]画面でCSSを編集する

 


 

Chapter 6 「テンプレート」の働きを理解しよう

6-1 「テンプレート」の役目を理解しよう
WordPressのテーマは、数多くのテンプレート(PHPファイル)で構成されています。

テーマ表示の必須のファイルは2つ。
index.php(さまざまな内容に対応可能なテンプレート)
style.css(Webページのデザインを決定する)

基本テンプレート
テンプレートパーツ
テンプレートの優先順位

6-2 PHPの基本的な読み方を理解しよう
PHPの基本書式

6-3 代表的なテンプレートファイル
テンプレートファイルには、それぞれ役割が決まっています。

6-4 テンプレートファイルを編集する
「404ページ」をオリジナルデザインに変更する

 


 

Chapter 7 サイトの機能を強化して本格的な運用に備えよう

7-1 SEO を強化する
Googleアナリティクスでアクセス解析機能を強化する

XMLサイトマップを登録する
Yoast SEOのXML SitemapsをONにする

7-2 SNSとの連携を強化する
など解説

 


 

WordPress はじめてのデザイン&カスタマイズ入門 ブログ・サイトの改善方法がわかる 単行本(ソフトカバー) – 2019/1/25
茂木 葉子 (著), 岩本 修 (著), 星野 邦敏 (監修), 吉田 裕介 (監修)

LINEで送る
Pocket

おすすめ