WordPress連結講座の第1回目は、WP基礎解説とデモ制作です。
初心者の方向けに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()も使いやすくてオススメです。
——–

※一部ソースコードをブログに掲載していましたが、ブログを閉じたため現在ありませんm(_ _)m

WordPress連結講座の2回目以降はアドバンス編ということで、
第1回で作成したデモサイトの機能拡張や増築をしていきながら、WordPressのより実践的な技術解説をやっていきますので、次回以降も楽しみにしていてください!

———
WordPress連結講座一覧です↓↓↓

・第1回:基礎解説とデモサイト制作(
・第2回:条件分岐タグ、テンプレート階層(
・第3回:カスタムフィールドの基礎〜中級、様々な使い方事例(
・第4回:カスタム投稿タイプ作成+カスタムフィールド(
・第5回:メインクエリ、サブクエリ解説!WordPressで自由自在に情報を出力する!(
・第6回:WordPress関数の概念と具体的な使い方解説(
・第7回:WordPressアクションフックとフィルターフックの使い方(functions.phpカスタマイズ)(

このようにWordPress連結講座はWordPressを体系的に学べるように複数の講座から構成されています。そして、初心者〜中級レベルをカバーしますので、基礎から実践で使えるスキルまで、様々な要素が詰まっています。

=== 動画学習サービス「unazuki」

Web制作を学べる動画学習サービスを運営しています。

・WordPressコンプリートコース
 
・JavaScriptコース
 
・HTML & CSSコース
 

=== SNS

■ Learning course:

=== 経歴

Webデザイナー・エンジニア

〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化

——————– 簡単な自己紹介

都内でWeb制作をやっています。

苦労した経験をもとに、
YouTubeでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪

🏋️‍♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。

✈️出身
福岡県

—————————

Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(`・ω・´)ゞ

詳しくはチャンネル概要欄もご覧ください。

#ホームページ
#作り方
#アキユキ
#WordPressの基礎解説とデモサイト制作連結講座1

36 thoughts on “WordPressの基礎解説とデモサイト制作(連結講座#1)”

  1. 何度も本当に申し訳ありません。そのあらかじめ作成しておいたhtmlの固定ページをどのようにしてpage.phpファイルにするのかも教えていただけると助かります。
    よろしくお願いいたします。

  2. 度々、申し訳ございません。あと一つだけどうしても知りたいことがありますので教えていただけると助かります。例えば固定ページのサービスや料金案内のページをワードプレス化する前にあらかじめHTMLで(例えばVisual Studio Codeでservice.htmlやprice.htmlとして作成)ちゃんと作っていた場合、その固定ページをヘッダーのメニューとどのようにリンク(パーマリンク?)させ、ワードプレス化した時にそのページを表示させるのでしょうか?
    お忙しい中、大変恐縮ですが御教授いただけると幸いです。よろしくお願いいたします。

  3. いつも貴重な動画を、ありがとうございます。質問させてください。
    そもそも何故、htmlで作ったものをワードプレスにコピペして作り直す必要があるのでしょうか?アキユキさんならhtml、css、jsで理想のHPを作れると思うのですが、わざわざワードプレス化する理由を教えていただけると助かります。これからwebデザイナーを本気で目指しておりますので、お忙しいとは思いますがご返答宜しくお願い致します。

  4. こんにちは、ブログが無いので動画を見ながらコードを書き写したかったのですが、文字が見切れて写せません。もし実際にこのサンプルページのURLがあればそこからコードをうつしたいので教えていただけないでしょうか?

  5. ほんとありがたい限りです。間違いなく優良級です。しかもイケメンだし。最高すぎ!!!!

  6. ありがとうございました!
    自分で学ぶのは、難しいところを動画にして下さって、ありがとうございました。🙇🏻‍♀️
    他の動画もいくつかみさせていただいてますが
    とてもわかりやすいです!
    感謝してます。まだこれから続きを見ていきたいと思います。

  7. 今回もとてもわかりやすくためになりました!最後のコメントの部分がとてもグッときました。wpの仕組みや概念と言った概略をしっかりと解説しておられる理由みたいなものを垣間見た気がします。これからも勉強させていただきます。

  8. 先生のホームページを作り中だった人が途中でやめてしまい代打で頑張る事に…
    報酬は出ないのでソフトを買っての選択肢は選べず(私も金欠なので)ここに行きつきました
    進みは遅いですがなんとかなりそうです!ありがとうございます!

  9. 既存のテーマでHPを作る方法はだいたい理解したので、これからPHPを使ったり、自分でデザインをカスタマイズする方法を探していました。

    わかる部分とわからない部分のバランスがちょうど良くて、見ていてやってみようという気持ちになりました。

    また他の動画も視聴させていただきます。ありがとうございます😊

  10. とてもわかりやすいです!もしよろしければcssのコードも見せていただけないでしょうか🙇‍♂️🙇‍♂️

  11. <?php bloginfo('template_url'); ?>
    じゃなくて、↓を使ってるんですが、これでも良いですか?
    <?php echo get_template_directory_uri(); ?>
    あと、ヘッダーにあるグローバルナビなどは、管理画面上で更新できるようにしないんですか?
    一般的には、どうなんでしょうか。それでもいいなら、作り手としては楽なんですが。。

  12. いろんなwordpressの学習教材を試しましたが、一番わかりやすかったです。
    これなら挫折せずに習得できそうです!!

  13. 話すテンポがちょうど良くて、集中して学習できます!WordpressにはPHPが必要と聞いたもののよく分かっていなかったのですが、この動画で理解できました。ありがとうございます。

  14. 非常に分かりやすい動画ありがとうございます。
    お忙しいなかすみません。一つ理解できない部分がありますので質問宜しいでしょうか??
    30:00辺りで、相対パスで書かれたcssのリンクが途切れるのはなぜなのですか??
    同じファイルの中にindex.phpとcssファイルがあるはずなのに相対パスがなぜ効かないのか理解できません。
    宜しくお願いいたします。

  15. 質問失礼します。
    ヘッダーとフッターを分ける際に何故divタグまで含めるのでしょうか?
    疑問に思ったのでもし宜しければ、教えて頂きたいです。
    よろしくお願いします!

  16. 今まで既存のテーマを探して自分でデザインしたのをすり合わしていくのか?と思ってました。
    テーマを自分で作った方が自由にデザイン出来て良いですよね。
    とても有益な動画ありがとうございます。

  17. わかりやすい!
    今まで点だった知識がこの動画のおかげでやっとつながりました。
    解説本より断然わかりやすいです。
    ありがとうございます。

Leave a Comment

Your email address will not be published. Required fields are marked *