WordPressとは?初心者でもサイトが作れる仕組み

キーボードを打つ手元
  1. Web制作コラム
  2. Web制作、デザイン
  3. WordPress
  4. WordPressとは?初心者でもサイトが作れる仕組み

WordPressとは?初心者でもサイトが作れる仕組み

コード無しで、
作れる。

WHAT IS WORDPRESS

「サイトを作るにはコードを書かないと無理」と思っていませんか。

WordPressなら、専門知識がなくてもサイトが作れます。

「HTMLとCSSが少し分かってきた。でも、ページを1枚ずつ手で書いていくのは、さすがに大変そう」——この記事は、学習ロードマップの4段目に入る方への1本です。読み終わる頃には、WordPressが何をしてくれる仕組みなのかを人に説明でき、管理画面で最初に見る3か所が分かります。

先に結論から。WordPressとは、Webサイトを作り、公開したあとも自分で更新し続けるための土台です。文章と写真を入れれば1ページができ、直したい場所は1か所で直せます。世界のWebサイトの4割以上がこの仕組みで動いています。

100枚の年賀状を、1枚ずつ手書きしますか

年賀状を100枚出す場面を思い浮かべてください。宛名も文面も1枚ずつ手書きすると、書き終わったあとに文面の間違いに気づいたら、100枚すべて書き直しです。一方、住所録と文面を登録しておく仕組みなら、直すのは元の1か所だけ。あとは全部に反映されます。

HTMLだけでサイトを作るのは、前者に近い作り方です。30ページのサイトで電話番号が変わったら、30個のファイルを開いて同じ場所を直すことになります。WordPressは後者。共通の部分を1か所にまとめて持ち、直せば全ページに同時に届きます。

電話番号が変わったとき、何回直すことになるか1ページずつ手で書く作り方電話番号電話番号電話番号3ページなら3回。30ページなら30回。1つ直し忘れると、古い番号が残るWordPressの作り方電話番号を1か所で持つ1か所を直せば、全ページに同時に届く直し忘れが、そもそも起きない
直し忘れが起きる作り方と、そもそも起きない作り方。

ここが大事なところです。WordPressの価値は「作るのが速い」ことより、「あとから直すのが安全」なこと。サイトは公開してからのほうが、ずっと長く使われます。

WordPressの中身は、3つに分かれている

WordPressは、3つの部分でできているあなたが書いた文章・写真記事も会社概要も、ここがサイトの中身テーマ=見た目の担当色・並べ方・全体の雰囲気を決めるプラグイン=機能の担当問い合わせフォームなどを後から足すWordPress本体=土台文章を保管し、テーマとプラグインを組み合わせて1ページに組み立てる
土台の上に、見た目のテーマと機能のプラグインが乗ります。

WordPressは、本体・テーマ・プラグインの3つでできています。本体は、書いた文章を保管し、1枚のページに組み立てる土台。テーマは見た目の担当で、色や並べ方をまとめて決めます。プラグインは機能の担当で、問い合わせフォームなどを後から足せます。この3つの役割分担が分かれば、WordPressの全体像はつかめたも同然です。

管理画面でやることは、大きく3つだけ

管理画面。最初に覚えるのは3か所だけ管理画面(サイトの裏側)ダッシュボード投稿固定ページ外観(テーマ)プラグイン設定この3つで、サイトの中身はほぼ動かせます投稿:日付順に増えていくお知らせ・記事を書く固定ページ:会社概要やアクセスなど、増えないページを作る外観:テーマを選び、メニューや色を整える
投稿・固定ページ・外観。最初はこの3か所だけで十分です。

管理画面には項目がずらりと並んでいますが、最初に触るのは3つで足ります。投稿は日付順に増えていくお知らせや記事、固定ページは会社概要のような増えないページ、外観はテーマやメニューの調整です。残りの項目は、必要になったときに開けば間に合います。

よく聞かれるのが「コードを書かなくていいなら、HTMLとCSSは学ばなくていいのでは」という質問です。答えは半分だけ正解です。文章を載せるだけなら要りません。けれど「この見出しだけ色を変えたい」「スマホで文字が小さい」という段階になると、骨組みと見た目の知識がそのまま効いてきます。3段目までの学びは、4段目で回収されます。

なぜ、世界中でこれほど使われているのか

選ばれる理由未経験のあなたにとっての意味
無料で使える学習にも練習にも、費用がかからない
使っている人がとても多い困ったとき、検索すれば先に解決した人の記事が出てくる
機能を後から足せる最初から完璧な設計をしなくても始められる
文章と見た目が分かれている書く人と作る人で分担でき、書く側にコードが要らない

特に2つ目は、独学の人にとって大きな支えです。分からないことにぶつかったとき、同じところでつまずいた人が必ず先にいます。

CCの制作現場で、実際にあった話

私たちCCコミュニケーションズがWordPressで制作する最大の理由は、納品したあと、依頼主が自分の手で更新できるからです。「お知らせを1本足したい」というたびに制作会社へ連絡が必要な形だと、忙しい日が続くうちに更新は止まります。止まったサイトは、古い情報を出し続けることになります。

ですから納品のときは、必ず担当の方と一緒に管理画面を開いて、その場で1本、お知らせを書いて公開ボタンまで押していただきます。一度自分の手で公開できた方は、その後も更新が続きます。私たちの仕事は、作って渡すことではなく、渡したあとも動き続ける形にすることだと考えています。

私たち(作る側)依頼主(更新する人)公開する最後のボタンは、依頼主自身が押せる形で渡す
最後の「公開する」は、依頼主自身が押せる形にして渡します。

更新できることは、訪問者への約束

営業時間が変わったのにサイトが古いままだと、訪問者は閉まった店の前に立つことになります。年末年始の休業日、移転した住所、終わったキャンペーン——更新されない情報は、親切ではなく迷惑に変わります。WordPressが解決しているのは技術の問題ではなく、「その先の人に、正しい情報を届け続けられるか」という問題です。

今日からできる、たった1つのこと

今日からできる、たった1つのこと

身近な会社のサイトを3つ開いて、「お知らせ」や「ブログ」の最新の日付を確かめ、1年以上止まっているサイトを1つ見つける。

日付は一覧のいちばん上に出ています。止まったサイトを見つけたら、そのページを見た人がどう感じるかを想像してみてください。「この会社、今も営業しているのかな」——更新できる仕組みが何のためにあるのか、その瞬間に腹落ちします。

まとめ

WordPressは、サイトを作り、そのあとも自分で更新し続けるための土台です。共通部分を1か所で持つから直し忘れが起きず、本体・テーマ・プラグインの3つに役割が分かれています。管理画面で最初に覚えるのは、投稿・固定ページ・外観の3か所。次は「WordPressのテーマとは?」で、見た目を担当する部分を見ていきましょう。私たちCCコミュニケーションズは、WordPressでの企業サイト・採用サイト制作を、未経験から学べる環境で仲間を探しています。