[Web制作日記#28]ワイヤーフレーム30%まで終わった！
ベアさん プログラマー.site
[Web制作日記#9]WordPressを解説してみる。
ベアさん
記事内に商品プロモーションを含む場合があります
日記を書いて9日目の今日は「WordPressのアウトプット」をしていきます！
WordPressは２週間前ぐらいに学んだばかりなので、まだ慣れなてないけど笑
頭の中を整理するとともに、ベアさんのスキルレベルを日記に残せたらと。
また、全5回のアウトプットシリーズは以下の通りです↓
アウトプットシリーズ(全5回)
- HTML&CSS
- JavaScript
- PHP
- WordPress→今日はこれ
- CSS設計
興味がある人は、ぜひ最後まで読んでくださいね
WordPressを解説してみる
すでに３回ぐらい技術を解説しているのでわかると思いますが
- 頭の中にあること
- 調べてなるほどって思ったこと
の２つを解説しますね。
また、後半の方では「読んだ本や参考になったサイト」も書きます。
注意点
WordPressを「WP」と略して書くことがあります。
それでは、見ていきましょう！
頭の中にあること
そもそも、WordPressって何？
WordPressとは「Webサイトを構築・運用するためのCMS」のことで、世界の約6割(正しくは約4割)のサイトがWPで作られてます。
WordPressでざっくりできることは
WPを使ってできること
- 企業のホームページ制作
- ネットショップの作成
- ブログサービスの構築
などがあります。
ちなみに、このブログもWordPressで作られているので、みんなの生活にも意外と身近にあるよ。
ちなみに…WordPressを開発できる言語はPHPというプログラミング言語なので、Web制作者はPHPを使えると有利です。
そんな感じです！それでは、実際にサイトを作る手順をざっくり解説しますね↓
WordPressでサイトを作る手順
結論から言うと、WPでサイトを作るには
WPでサイトを作る手順
- HTMLや画像などの素材を準備する
- WordPressの環境構築をする
- WordPress用にコードを書き換える
- ユーザービリティを上げる修正
- SEO対策・アクセス解析を導入
- Webサイトを外部に公開
という6STEPでOKです。
また、おそらく「WordPress用にコードを書き換える」作業が7~8割ぐらいなので、コーディングが大事になってきます。
まぁ、STEP1の用意するHTMLの質とかも大事だと思うけど…
イメージできましたでしょうか？僕もまだ１から作成したことがないので、正直言ってあってるかすらわかりません笑
もっと細かい技術的なこと
もっと細かい技術的なことを思いつく限りでアウトプットしていきます。
もっと細かいこと
- ヘッダー・フッターに分割する
- WordPress専用の関数が多い
- テーマを有効化するときは小テーマの方が良きかも
- 投稿記事ページごとにHTML当てれる
- add_filter, add_actionで関数に処理追加できる
- グーテンベルクで記事を投稿できる
などがパッと思いつきました。
ただ、細かいことは気にしない男ベアさんなので、実務になって必要になったら学習すれば良いかな〜って思ってます笑
次は、調べてなるほどって思ったことを解説するよ！
調べてなるほどって思ったこと
書きながら思ってたのですが、「WordPressってそもそも何か？」をあまり理解してなかったです。
あと、普通に間違えてました
間違えてた箇所
- 間違ってた箇所→「世界の約6割のサイトがWPで作られてます」
- 正しくは→世界の約4割のサイト
↑を調査した記事はこちらなので、気になる人はぜひ読んでみてください。
他にも、CMSって何？って思ったので調べてみた。
「Contents Management System：コンテンツ・マネジメント・システム」の略で、簡単にいうとWebサイトのコンテンツを構成するテキストや画像、デザイン・レイアウト情報（テンプレート）などを一元的に保存・管理するシステムのことです。
出典：HITACHI
とあって、Webサイトのコンテンツを一元的に管理するシステムのことらしい。
なるほど。理解できました！Webサイトとか作ってない方はピンと来ないかもですが、ブログ記事とかを管理できたりするってことね。
そんなぐらいかな〜最後に読んだ本とか参考になったサイトを解説するよ↓
読んだ本や参考になったサイト
今のところ、読んだ本は2冊で
リンク
リンク
です！特に最初のWordPressの教科書が体系的に書いてあって好みでした〜
ちなみに、本を読んだ感想は2, 3話のそれぞれに書いてます。
あわせて読みたい
![[Web制作日記#2]「WordPressの教科書」で勉強を始めた](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_128,h_72/https://puroguramer.site/wp-content/uploads/2024/07/6619f50c3faea6b33e8052f7e813201a-320x180.jpg)
[Web制作日記#2]「WordPressの教科書」で勉強を始めた
あわせて読みたい
![[Web制作日記#3]「WordPressデザイン教科書」を終えた！](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_128,h_72/https://puroguramer.site/wp-content/uploads/2024/07/382b44e74a59d1e384c7c76797dd4d6b-320x180.jpg)
[Web制作日記#3]「WordPressデザイン教科書」を終えた！
また、独学をする中でしょーごログさんのサイトがとっても参考になりました↓
あわせて読みたい
【2024年最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】
皆さんのお役に立てれたら、とっても嬉しいです！
ジャルジャルが面白い笑
最近僕、ジャルジャルにハマってしまって…
ジャルジャルの独特な世界観が好きやねんな〜笑
個人的なおすすめは、「神保マオ」シリーズとリモート系のネタです↓
この辺りがおすすめです！皆さんも疲れた時とかにみてくださいね。
また、おすすめや好きな芸人などいましたら、ぜひ教えていただけますと嬉しいです！
次回：CSS設計完全ガイドを６割ぐらい読んだ
次はCSS設計完全ガイドを６割ぐらい読んだので、一旦中間報告していくよー！
結構難しいけど、CSS設計のことがなんとなくわかってきたよ。
お楽しみに！
P.S
10話書いたよ↓
あわせて読みたい
![[Web制作日記#10]CSS設計完全ガイドを6割ぐらい読んだ](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_128,h_72/https://puroguramer.site/wp-content/uploads/2024/08/9839fc2cbc76197b30468ccf7fbe657e-320x180.jpg)
[Web制作日記#10]CSS設計完全ガイドを6割ぐらい読んだ
Web制作日記のアーカイブはこちら↓
あわせて読みたい
Web制作日記のアーカイブ【随時更新】
ABOUT ME
プログラマー.site管理人
<どんな人か>
・エンジニア2年生
・メイン言語：Ruby on Rails
・Web制作の勉強中...
実はまだ10代です！
最近はWeb制作で稼げるように奮闘してます。
<どんな人か>
・エンジニア2年生
・メイン言語：Ruby on Rails
・Web制作の勉強中...
実はまだ10代です！
最近はWeb制作で稼げるように奮闘してます。
