アキユキ / Web制作チャンネル

アキユキ / Web制作チャンネル

WordPressの使い方を完全解説!WordPressでデモサイト制作&解説を1からやります!

WordPressの使い方を完全解説!WordPressでデモサイト制作&解説を1からやります!

Video Type
一般
Published at
2020年5月17日
Views
10万3412回
Likes
2234
データ確認日時
2026年5月23日 02:28

動画概要

WordPressの使い方を理解していただくために、1つのデモサイトを1から制作する工程を動画にしました。
この動画ではオリジナルのテーマを自分で作っていく方法から、各機能的な要件をいかにクリアしていくかを詳しく解説しています。

少し難しい内容になる部分はわかりやすくポイント解説動画を挟みながら進行しています!かなり長い動画にはなっていますが、この動画を通してWordPressの全体的な概念から具体的な動作に対してまで、理解が深まるはずです。

初心者の方から中級者の方まで幅広くご覧いただける内容になっています(`・ω・´)ゞ

------- ※一部訂正 -------
この動画で使用しているタグ「bloginfo」のパラメーター「url」、「template_url」は他の関数の使用が推奨されています。
bloginfo('url') → home_url()
bloginfo('template_url') → get_template_directory_uri() ※親テーマの場合
※ 動作に問題はありませんが推奨される関数を使ってください。
※ WP4.7以降はbloginfo('template_url')の代替として、get_theme_file_uri()も使いやすくてオススメです。

また1時間8分15秒あたりに出てくるphpのif分岐コードで、閉じタグにセミコロンは不要です。
--------

1:23 制作するデモサイトの要件解説
4:19 WordPressの初期設定とテーマ作成(基礎)
8:51 テーマ作成とテンプレートファイル
10:20 アッキーのPoint解説 / テンプレートファイルとは?
12:53 固定ページ作成と投稿作成(基礎)
14:08 header.phpなどのインクルードタグの作成
16:00 カスタム投稿タイプの概念解説
16:41 トップページの作成(ブログと新着情報の一覧作成)
16:41 トップページの作成(ブログと新着情報の一覧作成)
22:47 アッキーのPoint解説 / メインクエリを理解しよう!
37:07 アッキーのPoint解説 / フックを理解しよう!
44:21 テンプレート階層を利用した固定ページ作成
48:24 任意のファイルの共通化
51:42 アッキーのPoint解説 / デモサイトの最終的なテンプレートファイル
52:40 カスタムフィールドを使ったCMS化
1:01:29 コンタクフォームの作成
1:04:55 条件分岐と条件分岐タグ
1:09:48 仕上げ
1:10:53 終わりに

=== WordPressの再生リスト

   • WordPressの使い方講座  

ーーーーーーーーーーーーーーーーーーーー

✅️ Web制作の学習プラットフォーム unazuki
Web制作を動画で学ぶことができます。

👍️公式サイト
https://unazuki.online/

👍️買い切り型の3つのコースをご用意しています。
👍️無料動画やカリキュラムもこちらから
・JavaScriptコース
 https://unazuki.online/javascript
・WordPressコンプリートコース
 https://unazuki.online/wordpress
・HTML & CSSコース
 https://unazuki.online/html_css

ーーーーーーーーーーーーーーーーーーーー

✅️ X
  / akiyuki_gm  

ーーーーーーーーーーーーーーーーーーーー

✅️自己紹介
Webデザイナー・エンジニア
普段は企業のコーポレートサイトやサービスサイト、ランディングページ、その他にもWebアプリのデザイン〜開発を担当しています。
WordPressを使った開発実績は多めです。

2013 自動車メーカー系企業、企画職
2014 〜 フリーランス
2016 〜 法人化 ソーイ株式会社(Web制作会社)