WordPressの基礎解説とデモサイト制作(連結講座#1)
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回:基礎解説とデモサイト制作( • WordPressの基礎解説とデモサイト制作... )
・第2回:条件分岐タグ、テンプレート階層( • WordPressの条件分岐タグとテンプレー... )
・第3回:カスタムフィールドの基礎〜中級、様々な使い方事例( • WordPressのカスタムフィールドの使い... )
・第4回:カスタム投稿タイプ作成+カスタムフィールド( • WordPressのカスタム投稿タイプをデモ... )
・第5回:メインクエリ、サブクエリ解説!WordPressで自由自在に情報を出力する!( • メインクエリ、サブクエリ解説!WordPre... )
・第6回:WordPress関数の概念と具体的な使い方解説( • WordPress関数の概念と具体的な使い方... )
・第7回:WordPressアクションフックとフィルターフックの使い方(functions.phpカスタマイズ)( • WordPressアクションフックとフィルタ... )
このようにWordPress連結講座はWordPressを体系的に学べるように複数の講座から構成されています。そして、初心者〜中級レベルをカバーしますので、基礎から実践で使えるスキルまで、様々な要素が詰まっています。
=== 動画学習サービス「unazuki」
Web制作を学べる動画学習サービスを運営しています。
unazuki.online/
・WordPressコンプリートコース
unazuki.online/wordpress
・JavaScriptコース
unazuki.online/javascript
・HTML & CSSコース
unazuki.online/html_css
=== SNS
■ Twitter: / life_toshindai
=== 経歴
Webデザイナー・エンジニア
〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化
-------------------- 簡単な自己紹介
都内でWeb制作をやっています。
苦労した経験をもとに、
KZreadでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪
🏋️♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。
✈️出身
福岡県
---------------------------
Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(`・ω・´)ゞ
詳しくはチャンネル概要欄もご覧ください。
#ホームページ
#作り方
#アキユキ
Пікірлер: 64
ほんとありがたい限りです。間違いなく優良級です。しかもイケメンだし。最高すぎ!!!!
毎回有益な情報を提供して頂きありがとうございます。 基礎解説分かりやすく参考になります! 次回も楽しみにしております。
動画の最中の備考知識だったりが、大変学びになります。 有難うございます!
今回も為になりました。今ワードプレスの勉強に力を入れているので感謝です。
全体の流れがつかめるというがまさに知りたいことだったのでありがたいです
ありがたいです。第2回以降も見ていきます。
とてもわかりやすいです! 理解できてワクワクしてきました!
書籍や記事でなかなか理解出来なかったことが、すんなり頭に入ってきました。 感謝です!
かなり勉強になりました。ありがとうございました。
大変参考になりました。
現在Webデザインやwordpressの勉強を終え、1つサイトを作成しています。wordpressのテーマも自分で作成しています。HTMLとCSSを終えたばかりでこれからPHPファイルにして行くところだったのでとても参考になりました。
本当に一番分かりやすいです。
@web5096
3 жыл бұрын
ありがとうございます!
わかりやすい! 今まで点だった知識がこの動画のおかげでやっとつながりました。 解説本より断然わかりやすいです。 ありがとうございます。
ありがとうございました! 自分で学ぶのは、難しいところを動画にして下さって、ありがとうございました。🙇🏻♀️ 他の動画もいくつかみさせていただいてますが とてもわかりやすいです! 感謝してます。まだこれから続きを見ていきたいと思います。
@web5096
Жыл бұрын
ありがとうございます! 嬉しいです!
今までHTMLのリンクをテンプレートタグではなく直接ドメインを書き込んでいたので助かりました☺
勉強になりました
いろんなwordpressの学習教材を試しましたが、一番わかりやすかったです。 これなら挫折せずに習得できそうです!!
今まで既存のテーマを探して自分でデザインしたのをすり合わしていくのか?と思ってました。 テーマを自分で作った方が自由にデザイン出来て良いですよね。 とても有益な動画ありがとうございます。
なんだ、ただの神サイトか
とても分かりやすかったです。 書籍とか他サイトを見て、自分の中で複雑化していたwordpressが一気に前に進めた気がします。 もう一回見て次を待ちたいです。ありがとうございます。
神サイトですね。社畜のデザイナーですが、ありがとごぜますだ。
本当に最高すぎます。有料級すぎる。
いつも有益な動画ありがとうございます! WordPressのカスタマイズを何(書籍?動画...?)で学ぼうか?と思っていたので、非常に助かりました! これだけのボリューム、編集も大変かと思います、よろしくお願いします!
なんだ神か
今回もとてもわかりやすくためになりました!最後のコメントの部分がとてもグッときました。wpの仕組みや概念と言った概略をしっかりと解説しておられる理由みたいなものを垣間見た気がします。これからも勉強させていただきます。
@web5096
Жыл бұрын
ありがとうございます!!
先生のホームページを作り中だった人が途中でやめてしまい代打で頑張る事に… 報酬は出ないのでソフトを買っての選択肢は選べず(私も金欠なので)ここに行きつきました 進みは遅いですがなんとかなりそうです!ありがとうございます!
ありがとうございます😊
こういう内容知りたかったので大変勉強になりました。ありがとうございます(^^)
@web5096
2 жыл бұрын
ありがとうございます!
既存のテーマでHPを作る方法はだいたい理解したので、これからPHPを使ったり、自分でデザインをカスタマイズする方法を探していました。 わかる部分とわからない部分のバランスがちょうど良くて、見ていてやってみようという気持ちになりました。 また他の動画も視聴させていただきます。ありがとうございます😊
とてもわかりやすいです!もしよろしければcssのコードも見せていただけないでしょうか🙇♂️🙇♂️
わかりやすくてクパァ
非常に分かりやすい動画ありがとうございます。 お忙しいなかすみません。一つ理解できない部分がありますので質問宜しいでしょうか?? 30:00辺りで、相対パスで書かれたcssのリンクが途切れるのはなぜなのですか?? 同じファイルの中にindex.phpとcssファイルがあるはずなのに相対パスがなぜ効かないのか理解できません。 宜しくお願いいたします。
ありがてえ・・ありがてえ・・
いつも分かりやすくお世話になっているのですが、HTMLのソースコードも書いていただけると一緒に手を動かせていいなと思ってます🙇♂️ 出来たらお願い致します。
本で勉強するより効率的でホントにありがたいです、アキユキさんは普段も外部のエディターではなくwpのダッシュボードからコードをさわっているのですか?
@web5096
3 жыл бұрын
僕はそうですね、だいたいWPから直接やってます。ただ良し悪しは色々あるかと思いますが。
@user-yc9xt8nn6s
3 жыл бұрын
@@web5096 ありがとうございます 仕事を受けたときのバックアップのとりかたや納品の時の具体的な手順なんかも今後の動画に入れてもらえると嬉しいです次の動画もたのしみにしております。
contact form 7のcssが上手く反映されません!指定の仕方教えて頂きたいです!
じゃなくて、↓を使ってるんですが、これでも良いですか? あと、ヘッダーにあるグローバルナビなどは、管理画面上で更新できるようにしないんですか? 一般的には、どうなんでしょうか。それでもいいなら、作り手としては楽なんですが。。
@web5096
2 жыл бұрын
問題ないと思いますよ、get_theme_file_uriもよいと思います(今はこっち使ってます)。 要件とポリシー次第ですが、僕は基本やらないです。 デザインによってはメニュー編集時に崩れるのが理由の1つです。
アキユキさんイケメンですなぁ
何度も本当に申し訳ありません。そのあらかじめ作成しておいたhtmlの固定ページをどのようにしてpage.phpファイルにするのかも教えていただけると助かります。 よろしくお願いいたします。
自分用 27:26 40:00 48:30
質問失礼します。 ヘッダーとフッターを分ける際に何故divタグまで含めるのでしょうか? 疑問に思ったのでもし宜しければ、教えて頂きたいです。 よろしくお願いします!
@427moge6
2 жыл бұрын
私も知りたいです
@skbuddy
8 ай бұрын
まさに同じ質問をしようとしておりました。ここだけ理解できておりません。
いつも貴重な動画を、ありがとうございます。質問させてください。 そもそも何故、htmlで作ったものをワードプレスにコピペして作り直す必要があるのでしょうか?アキユキさんならhtml、css、jsで理想のHPを作れると思うのですが、わざわざワードプレス化する理由を教えていただけると助かります。これからwebデザイナーを本気で目指しておりますので、お忙しいとは思いますがご返答宜しくお願い致します。
@web5096
Жыл бұрын
WordPressを使えば管理画面からホームページの内容を更新でき、クライアントが簡単に情報更新できるようになります。 こちらは連結講座の#3を見ていただくとイメージが湧くかと思います! また、ファイル(デザイン担当)とデータを分けて管理できるため、開発における柔軟性とメンテナンス性も良くなります。 それから補足になりますが、htmlで作ったものをWordPressにコピペして作る方法は、慣れている人は通常はしませんのでこちらもご認識ください。(これについては34分あたりで説明をしています)
@porike47
Жыл бұрын
@@web5096 ご丁寧に説明していただきありがとうございます。動画からも、人柄の良さや仕事の丁寧さが伺えて、クライアントはこういう方に仕事依頼するのだろうと思いました。ウェブ制作以外の部分でも色々と勉強させていただいております。これからもお体に気をつけてますますのご活躍を願っております。
こんにちは、ブログが無いので動画を見ながらコードを書き写したかったのですが、文字が見切れて写せません。もし実際にこのサンプルページのURLがあればそこからコードをうつしたいので教えていただけないでしょうか?
度々、申し訳ございません。あと一つだけどうしても知りたいことがありますので教えていただけると助かります。例えば固定ページのサービスや料金案内のページをワードプレス化する前にあらかじめHTMLで(例えばVisual Studio Codeでservice.htmlやprice.htmlとして作成)ちゃんと作っていた場合、その固定ページをヘッダーのメニューとどのようにリンク(パーマリンク?)させ、ワードプレス化した時にそのページを表示させるのでしょうか? お忙しい中、大変恐縮ですが御教授いただけると幸いです。よろしくお願いいたします。
見落としてたら済みません、phpに編集する前段階のhtmlやcssのコードの配布とかあったりしますでしょうか?
@web5096
3 ай бұрын
いえ、配布はしていません💦
@luko4826
3 ай бұрын
@@web5096 失礼しました、ご返信ありがとうございます!動画から頑張って引っ張ってみます!いつも大変勉強になってます、フロントエンド駆け出しでWordPressすごく必要なので大変助かっています!
26:00