初心者・独学でもわかる!WordPressのレイアウト初級ガイド-Web構築ステップ

「WordPressサイトって、みんな似たようなレイアウトになるのはなぜ?」と感じていませんか。
初心者のうちは、独自性よりも「作る・動かす」が最優先。CSSやJavaScriptでカスタマイズすれば差別化もできますが、まずは基本を学びながら、自然と応用力が育つ流れが理想です。
画像もオリジナルを使えば印象は変わりますが、まずは著作権フリー素材を賢く活用して、コンテンツ制作に集中しましょう。操作に慣れたら、徐々に自作テーマや画像も取り入れていくのが効率的です。
「ぼくら」の失敗談
1.WordPressを使ったサイト作りを、はじめの段階から本格的にやってしまい、あとで修正するのに多大な時間を浪費した。⇒はじめのうちは、短時間でできる簡単なサイトにとどめ、スキルが身についてから本格的なサイトの作成に取り組む。
1.ブログ以外の情報も投稿したいけど…
ブログ以外に製品情報等を投稿・更新していきたいなら、カスタム投稿タイプとカスタムタクソノミーという仕組みがあります。投稿をブログに使っているような場合に、製品情報などブログ以外に投稿したいなと思ったときに便利な仕組みです。
投稿と固定ページだけでは管理が難しい情報を分類でき、「商品一覧」「レビュー」「ニュース」などを分けて管理可能になります。少し難しいので、WordPressでサイトが作れるようになったら挑戦しましょう。
学習のタイミングは「通常の投稿と固定ページに慣れてから」がベスト。はじめは無理に使わなくてOKです。
2.文字の間隔が空きすぎてしまう…
文章を書いている途中でShift+Enterボタンを押下すると、同じ段落のまま改行されます(行間が大きく空かず、見た目もすっきりします)。Enterボタンのみ押下すると新しい段落ブロックになるので、行間が空いてしまいます。Shift+Enterで改行すれば同じ段落の中で改行できるため、段落と改行の違いを理解すると、ユーザー体験(UX)も改善できます。
3.バックアップってどうすればいい…
WordPressでサイトがある程度できてきたら、バックアップをとりたくなるでしょう。サーバー側で自動バックアップをとる設定もありますが、自分でバックアップすることもできます。BackWPupなどのプラグインを導入するといいのですが、有料であることが多く、バックアップはとれてもエクスポートが有料になっていたりします。
プラグインを使う場合、例えば…
- BackWPup:ファイル&データベースを一括でバックアップ
- UpdraftPlus:クラウド連携あり。ただし無料版は制限あり
または、FTPソフトで手動でも可能です。サーバにアクセスしてバックアップできますが、WordPressの場合はインストールフォルダ・ファイル群だけでなくデータベース(MySQL)の中身もバックアップしなければならず、プラグインを使ったほうが便利です。
4.画像の著作権って、どう考えればいい…
基本は、「没後70年で著作権が切れる」ですが、写真や加工が加わっている場合は注意です。
例えば…著作権が切れていても、撮影者や加工者が新たな著作権を持つケースもあり、使う前に確認が必要です。
- クレー(1940年没)→OK
- カンディンスキー(1944年没)→OK
- ピカソ(1973年没)→NG
🚀 最後に|つまずきやすいポイントはテンプレート化で解決!
*下記のように、つまずきステップ全体マップのように整理すると分かりやすいかも…
WordPress導入
└── 初期構築(テーマ選び・固定ページ)
├── サイト構成がぼんやり ➡ サイトマップ設計へ
└── 見た目が似てしまう ➡ カスタマイズの段階を知る
投稿管理
└── ブログ以外も載せたい ➡ カスタム投稿タイプの考え方
├── 投稿・固定ページの違いで迷う
└── 製品・レビューなど分け方が分からない
デザイン編集
└── 行間が空きすぎる ➡ Shift+EnterとEnterの違い理解
運用&保守
└── バックアップどうする? ➡ プラグイン or FTP+DB
├── BackWPup / UpdraftPlus紹介
└── 無料/有料の違い理解
画像利用
└── 著作権どう考える? ➡ 没後70年ルールと加工の注意点


