WordPress

WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

cms 265125 1920 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

WordPressのダッシュボードにある「メディア」「外観」「ウィジェット」「メニュー」などについての基本的な操作方法を、初心者向けに一挙に解説します。

WordPressの「メディア」でできること

まず、WordPressの「メディア」の部分でできることは

  • アップロードコンテンツの一覧確認
  • アップロードコンテンツのURL確認・取得
  • コンテンツのタイトル・キャプション・代替テキスト(alt)変更
  • コンテンツの削除
  • 画像一括最適化(圧縮) ※プラグイン導入時のみ

などがあります。

WordPressのメディアへのアップロード

47365fe706480255caccd657c85e8f36 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

まず、ダッシュボードからメディアのページを開いた後、コンテンツをドラッグ&ドロップすると、アップロードが可能です。

WordPressのアップロードコンテンツの一覧

20dcb8ec7dbd6dcfc01bec869af05fe9 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

こうしてアップロードしたコンテンツは、ダッシュボードから「メディア」→「ライブラリ」で確認できます。

アップロードコンテンツのURL確認・取得

708c05f79cf2243bca82655d4a5cd553 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

また、アップロードしたコンテンツは個別にURLなどを確認することが出来ます。

タイトル・キャプション・代替テキスト(alt)変更

fb6b5dd6f3d972a9630333359950b4ac - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

また、個別のコンテンツのタイトルやキャプション、代替テキストを変更することが出来ます。

代替テキスト欄にその画像を表すような文字を記入しておくと、画像が表示されなくてもユーザーにどんな画像なのかを認識させることが可能です。

コンテンツの削除

31376d668ceaefcea08aba2bdc18e5a1 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

コンテンツの削除は、個別ページの右下にある「完全に削除する」から行うことが出来ます。

WordPressの「外観」でできること

続いて、WordPressの外観の欄からできることをまとめます。

  • テーマ・テンプレートの変更
  • テーマ・テンプレートの新規追加
  • テーマ・テンプレートのアップロード
  • テーマ・テンプレートのカスタマイズ
  • ウィジェットの変更
  • メニューの変更
  • テーマのソースコードの編集

などがあります。

WordPressのテーマ・テンプレートの変更方法

a130347bdb88aa2c5d37921c555b1c02 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

WordPressのダッシュボードから「外観」→「テーマ」に進みます。

そこで、インストール済みのテーマの一覧が確認できます。使いたいテーマの「カスタマイズ」を押すことで、テーマを変更できます。

43e26aaec93184ce199987e00a29e9dc - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

テーマ・テンプレートの新規追加

f09d50b8c691506e672d73235b09583f - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

使いたいテーマがあって、まだインストールしていない場合、新規追加からインストールすることができます。

575a4f065acae71220716bac69bc9df0 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

テーマ・テンプレートのアップロード

955ea6dcc8b4688d7dff00b6aac48d2e - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

テーマのアップロード方法は、テーマの新規追加ページから行います。

テーマファイルをZIP圧縮してアップロードします。このアップロード方法によって、カスタマイズ済みのテーマを上げることも可能です。

955ea6dcc8b4688d7dff00b6aac48d2e - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ955ea6dcc8b4688d7dff00b6aac48d2e - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

※FTPを使って、直接フォルダへアップロードすることも可能です。

テーマ・テンプレートのカスタマイズ

129285a7ebb11340de379872f33b669c - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

テーマのカスタマイズは「外観」→「カスタマイズ」から行います。

このページの詳細は、テーマによって異なりますが、一般的に以下の内容が編集できます。

  • サイトタイトル・ディスクリプション
  • アイコン画像
  • ヘッダー要素
  • メニューバーの要素
  • フッターの要素

ウィジェットの変更

739c234f23a133c3ae222f9207f46501 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ「外観」→「ウィジェット」欄から、ウィジェットの変更が行なえます。

ウィジェットは、サイドバーや記事下などに置くコンテンツです。ここのウィジェットで、配置するコンテンツを変更できます。

メニューの新規作成・変更

f555f29a222411b5b66eea340f7cf8a7 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ

「外観」→「メニュー」から、メニューの新規作成や変更が行なえます。

何も編集できない場合は、まずは「メニューの新規作成」を行いましょう。

メニューの部分は少し構造が変わっていて、”メニューのセット”みたいなものを作成して、それをヘッダーなりフッターなりに設定していく形を取ります。

テーマのソースコードの変更

最後に「外観」→「テーマの編集」から、テーマのソースコードが変更できます。細かいカスタマイズは、下記の記事を参考にしてみてください。

あわせて読みたい
settings 265131 1920 - WordPressのメディア・外観・ウィジェット・メニューなどの使い方まとめ
WordPressのカスタマイズでオススメ本と簡単なやり方まとめWordPressを使っていると、自分だけのオリジナルのデザインにしたり、自社のみのプラス機能をつけたいという時が出てきます。 「...