【イラスト付き】WordPressとHTMLの違いを徹底解説！おすすめはどっち？

ねぇブルーちゃん。ちょっといい？

実は今、マーケティング支援をしている会社の担当からホームページ制作について相談を受けたんだけど…。

ホームページを作るのは、WordPressがいいのかHTMLがいいのかという相談なんだよね。

私も自分で調べてみたんだけど、いまいち内容がわからなくてブルーちゃんに相談したの。

簡単に言うと、WordPressは特定の知識がなくてもサイトを作れて、HTMLはプログラミングの知識がないとサイトを作れない、というのが違いなんだ。

WordPressとHTMLについて、詳しく説明するね。

WordPressはCMS(Contents Management System)といって、内部のコンテンツを管理してくれるシステムを指すよ。

例えばweb上に文字を書いたり、画像をアップしたりするだけでも複数のプログラムを書かないといけないんだけど、WordPressはプログラムを書くことなく記事を作成できるんだ。

ちなみに最近のデータでは、世界のwebサイトの約4割がWordPressで作られているという結果も出ているよ。

だって、初めてホームページを作りたい人が一からプログラムを勉強してたら、少なくとも半年から1年はかかるからね。

次に、HTMLの説明をするね。

HTMLは、Hyper Text Markup Languageの略で、文章の構造や役割を示すためのプログラム言語。正確には、マークアップ言語っていうんだ。

例えばYahooの記事で、太い文字で書かれている部分と、通常の太さで書かれている部分があるでしょ？

あれはHTMLを使って構成を作っているんだよ。

他にも、ホームページに載せたい画像を表示させる時にはこのコード、斜めにしたい時にはこのコードという風に役割が変わってくるの。

だから、初めてホームページを作る人にとっては覚えることが多くて大変なんだ。

覚えていけばデザインを自由に変えられるから、後々カスタマイズする時には便利になっていくんだよね。

ちなみに担当の方は、自社のホームページを頻繁に更新したいとか、あまり更新しなくてもよいとか希望はあるの？

そっか。じゃあ、まずはWordPressがよい場合について解説していくね。

会社のホームページで商品説明の記事をアップしていきたいなら、WordPressをおすすめするよ。

簡単な操作で記事の更新や画像のアップロードができるから、担当者の時間短縮にもなるんだ。

あとは、動きのあるサイトを作りたいときにもWordPressがおすすめなんだ。

少し専門的な話になるんだけど、WordPressはPHPという動きをつけられるプログラミング言語をもとにつくられているの。

そうそう。だから、記事更新や動きをつけたいサイトを作りたいときはWordPressを選んでみてね。

もちろん便利なWordPressだけど、自由度があまりないというデメリットもあるの。

例えば、テーマを決めた後に「この部分だけ変更したい」と思ったら、コーディングの知識が必要になるんだよ。

知識がない状態で触ってしまうと、エラーが出て動かなくなる可能性もあるの。

そうなの。だから、最初から会社のイメージに合うようなテンプレートを選ぶ必要があるんだよね。

HTMLについても詳しく解説するね。

HTMLは、動きがないサイトを作りたいときに適しているね。

例えば会社のホームページは、背景のデザインや文字の色を決めてしまえば更新しないから負担は減るわよね。

ページ数が多い場合は、それぞれのページで構成を作らないといけないからね。

もちろんできるんだけど、WordPressのようなデザインを再現しようとすると高度なプログラミングのスキルが必要だから、知識の浅い人が触るとエラーが起こる可能性があるの。

その点HTMLであれば、動きがない分、レイアウト構成や色のコードを覚えていれば少ない労力で修正や変更ができるよ。

次にHTMLのメリットから説明していくね。

HTMLのメリットは、サイトを作成したいときの自由度が高いというところね。

HTMLはもともと構成を作る言語だから、「こういうサイトにしたいな」と思えば、コードを書いて自由に調整できるの。

自由度が高い分、自分が実現したいデザインにするには、高度なスキルが必要になることがHTMLのデメリットだよ。

細かいデザインをしていくにはHTML以外の言語も覚えていかないといけないから、かなり負担がかかってしまうの。

画像の色や幅を調整するための言語もあるから初めての人は覚えることが多くなるね。

今回はWordPressとHTMLの違いについて解説してきたわ。

まとめるとこんな感じね。

WordPressとHTMLの違いは理解できた？

特徴を理解した上でホームページを作れば、後々楽になるよ。

うん、そうしてみて。