🐵

ざっくり理解するワードプレスの仕組み

2024/07/05に公開

ディレクター/マーケターのためのwordpress概要

ざっくりwordpressとは

“ブログ機能つきwebサイト作成ツール”

の事です

chatGPTによる説明

<aside>
💡 wordpressとは?

WordPressは、ウェブサイトやブログを作成・管理するためのオープンソースのコンテンツ管理システム(CMS)です。2003年にリリースされ、非常に人気があります。WordPressは、PHPとMySQLを使用しており、ユーザーが簡単にウェブサイトを作成し、カスタマイズし、管理できるよう設計されています。

WordPressは、以下のような特徴を持っています:

  1. 使いやすさ: インストールや設定が比較的容易であり、ユーザーが直感的に操作できるインターフェースを提供しています。
  2. カスタマイズ性: 数多くのテーマやプラグインを利用して、外見や機能をカスタマイズすることができます。これにより、異なる種類のウェブサイトやブログを作成できます。
  3. コミュニティとサポート: WordPressには、活発なコミュニティが存在し、フォーラムやドキュメンテーション、オンラインリソースが豊富に提供されています。ユーザーが情報を共有し、問題を解決するのに役立ちます。
  4. SEO(検索エンジン最適化)の対応: WordPressはSEOに優れており、コンテンツやプラグインを利用して、ウェブサイトの検索エンジンでのランキング向上を支援します。

WordPressは、個人のブログから企業のウェブサイトまで幅広い用途で利用されています。その柔軟性と拡張性から、多くのユーザーが好んで利用しています。

</aside>

ここでいうCMSとは、contents management systemの略です。

「CMS」とは、「Contents Management System:コンテンツ・マネジメント・システム」の略で、簡単にいうとWebサイトのコンテンツを構成するテキストや画像、デザイン・レイアウト情報(テンプレート)などを一元的に保存・管理するシステムのことです。

CMSとは?初心者でもわかるCMSの種類、メリット、導入事例【おすすめは?】|デジタルマーケティングソリューション|日立ソリューションズ

wordpressの仕組み

旧時代のwebサイト、仮に何の変哲もないサイトとします。

これを”静的サイト”といいます。

例えば、更新の必要ないwebサイトやコーポレートサイトなどです。

一方、更新頻度の高いブログやコーポレートサイトを、

動的サイトといいます。

これはwordpressや他のブログ機能を持ったCMSなどを指します。

webサイトが表示される仕組みをざっくり図解

wordpressの話をする前に、webサイトが表示される仕組みを紹介させてください。

詳しく知る必要はなく、ざっくり以下の図がイメージできればOKです。

では通常のwebサイト(静的サイト)とwordpress(動的サイト)ではなにが違うのかというのは、

上の図でいうサーバーの中の構成が違います。

サーバーの中をより詳しく書いたものがコチラです。

何の変哲のないwebサイト

何の変哲もないサイト、特に更新する事がなく、情報を伝える為だけにあるwebサイト等です。会社のサイトや学校のサイトに多いです。
これら、(静的サイト)では、

HTMLとCSSを組み合わせてブラウザ上に表示させます。

<aside>
💡 HTML・・・テキストが書かれたファイル

CSS・・・余白、デザイン情報などが書かれた装飾ファイル

</aside>

wordpress

一方、wordpressでは、最終的に表示されるファイルはHTMLですが、phpという言語で書かれています。

また、headerやfooterなどを共通パーツ化する事ができます。(上図)

header、footer、ブログページなどの装飾を使い回す事ができるのがwordpress最大の特徴です。

これをテンプレート化したものがいわゆる”テーマ”というもになります。

WordPressテーマとは?テーマを使う理由や無料と有料の違いを解説

上の”何の変哲もないwebサイト(静的サイト)”ではheaderやfooterは全てのファイルに書かなければいけません。

また、wordpressでよく、

『ここはwordpressの管理画面で操作できる。ここはソース側で修正が必要』

とデザイナーやエンジニアが言う事がありますが、

これは上の画像でいう

  • ”wordpressの箱の中にあるファイル→管理画面側で操作できる”
  • “wordpressの箱の外にあるファイル→ソース側で修正が必要”

という事になります。

まとめ

  • webサイトには静的サイトと動的サイトがある。
  • wordpressは更新可能なCMS。動的サイト

Discussion