Web制作日記

[Web制作日記#9]WordPressを解説してみる。

ベアさん
記事内に商品プロモーションを含む場合があります

日記を書いて9日目の今日は「WordPressのアウトプット」をしていきます!

ベアさん
ベアさん

WordPressは2週間前ぐらいに学んだばかりなので、まだ慣れなてないけど笑

頭の中を整理するとともに、ベアさんのスキルレベルを日記に残せたらと。

また、全5回のアウトプットシリーズは以下の通りです↓

アウトプットシリーズ(全5回)

興味がある人は、ぜひ最後まで読んでくださいね

ベアさん
ベアさん
プログラマー / 起業家
Profile
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
プロフィールを読む
スポンサー

WordPressを解説してみる

すでに3回ぐらい技術を解説しているのでわかると思いますが

  • 頭の中にあること
  • 調べてなるほどって思ったこと

の2つを解説しますね。

また、後半の方では「読んだ本や参考になったサイト」も書きます。

注意点

WordPressを「WP」と略して書くことがあります。

それでは、見ていきましょう!

頭の中にあること

そもそも、WordPressって何?

WordPressとは「Webサイトを構築・運用するためのCMS」のことで、世界の約6割(正しくは約4割)のサイトがWPで作られてます。

WordPressでざっくりできることは

WPを使ってできること
  • 企業のホームページ制作
  • ネットショップの作成
  • ブログサービスの構築

などがあります。

ベアさん
ベアさん

ちなみに、このブログもWordPressで作られているので、みんなの生活にも意外と身近にあるよ。

ちなみに…WordPressを開発できる言語はPHPというプログラミング言語なので、Web制作者はPHPを使えると有利です。

そんな感じです!それでは、実際にサイトを作る手順をざっくり解説しますね↓

WordPressでサイトを作る手順

結論から言うと、WPでサイトを作るには

WPでサイトを作る手順
  1. HTMLや画像などの素材を準備する
  2. WordPressの環境構築をする
  3. WordPress用にコードを書き換える
  4. ユーザービリティを上げる修正
  5. SEO対策・アクセス解析を導入
  6. Webサイトを外部に公開

という6STEPでOKです。

また、おそらく「WordPress用にコードを書き換える」作業が7~8割ぐらいなので、コーディングが大事になってきます。

ベアさん
ベアさん

まぁ、STEP1の用意するHTMLの質とかも大事だと思うけど…

イメージできましたでしょうか?僕もまだ1から作成したことがないので、正直言ってあってるかすらわかりません笑

もっと細かい技術的なこと

もっと細かい技術的なことを思いつく限りでアウトプットしていきます。

もっと細かいこと
  • ヘッダー・フッターに分割する
  • 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の教科書」で勉強を始めた
[Web制作日記#2]「WordPressの教科書」で勉強を始めた
あわせて読みたい
[Web制作日記#3]「WordPressデザイン教科書」を終えた!
[Web制作日記#3]「WordPressデザイン教科書」を終えた!

また、独学をする中でしょーごログさんのサイトがとっても参考になりました↓

あわせて読みたい
【2024年最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】
【2024年最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】

皆さんのお役に立てれたら、とっても嬉しいです!

ジャルジャルが面白い笑

最近僕、ジャルジャルにハマってしまって…

ベアさん
ベアさん

ジャルジャルの独特な世界観が好きやねんな〜笑

個人的なおすすめは、「神保マオ」シリーズとリモート系のネタです↓

この辺りがおすすめです!皆さんも疲れた時とかにみてくださいね。

また、おすすめや好きな芸人などいましたら、ぜひ教えていただけますと嬉しいです!

次回:CSS設計完全ガイドを6割ぐらい読んだ

次はCSS設計完全ガイドを6割ぐらい読んだので、一旦中間報告していくよー!

ベアさん
ベアさん

結構難しいけど、CSS設計のことがなんとなくわかってきたよ。

お楽しみに!

P.S

10話書いたよ↓

あわせて読みたい
[Web制作日記#10]CSS設計完全ガイドを6割ぐらい読んだ
[Web制作日記#10]CSS設計完全ガイドを6割ぐらい読んだ

Web制作日記のアーカイブはこちら↓

あわせて読みたい
Web制作日記のアーカイブ【随時更新】
Web制作日記のアーカイブ【随時更新】
ABOUT ME
ベアさん
ベアさん
プログラマー / 起業家
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
記事URLをコピーしました