メニュー
WordPressでwebサイトを作成する方法と流れを紹介
  • 中野貴登:Webクリエイター

WordPressでwebサイトを作成する方法と流れを紹介

こんにちは、イデアックスの「中野」です。

webサイトはコードファイルで作成することもありますが、WordPressなどのCMSで作成することもあります。

弊社もWordPressでwebサイトを制作することがあり、いくつか作成してきました。

WordPressでwebサイトを作成するメリットとしては、サイト公開後にクライアント自身で文章の書き換えを行うことができる点にあります。

そこで今回はWordPressでwebサイトを作成する流れを皆さんに紹介したいと思います。

WordPressのインストール

まずはWordPressをインストールします。WordPressは誰でも無料で使用できますし、ネット上で簡単に入手できます。

「WordPress インストール」と検索するとインストールページが出てくるので、そこからインストールしてください。

インストールしたデータをFTPツールで任意のドメインに配置すれば、WordPressを使用することができます。


また、使用しているレンタルサーバー内でWordPressをインストールすることもできます。エックスサーバーやさくらのレンタルサーバーなどは、サーバー管理画面からWordPressをインストールすることができます。

サーバー管理画面からWordPressをインストールする方が簡単なので、自分の使用しているサーバーがWordPressインストールのサポートをしているか調べてみてください。

サイトの使用目的を決める

WordPressでサイトを作成する前に、サイトの目的を決めてください。

webサイトと言ってもコーポレートサイトやランディングページ、ブログサイトなどいくつか種類があります。

その中で自分が作成したいwebサイトは何かを決めてください。

後ほど説明しますが、WordPressには目的に合わせたサイトデザインを簡単に作ることができます。一からレイアウトを作成する必要がないので、作業工数がかなり削減されます。

そのためにも作成前に目標を明確にしてくださいね。

目的に適したテーマを導入する

WordPressにはテーマと呼ばれるものがあります。テーマとは、サイト全体がデザインされたテンプレートのことで、数多くあるテーマから一つ選ぶことができます。

テーマはいくつか種類があり、コーポレートサイト向けのテーマやブログ向けのテーマなどあります。ブログ向けのテーマは、topページにブログ記事の一覧が見れるようになっています。

他にもtopページの上部に画像スライドショーを作成することができるテーマなどもあります。コーディングでスライドショーを作成すると少し時間がかかりますが、デザインに適したテーマを選択することで作業工数を削減することができます。

色やカラム数などはテーマ選択後に変更することが可能です。まずはイメージに近しいテーマを選択して、そこからコーディングでより近づけていくように作成してみてください。

プラグインでサイトを強化する

WordPressにはプラグインという拡張機能があり、無料で様々な機能を追加することができます。

例えばサイトに訪れた人がどのくらいいるかを計測するプラグインがあったり、サイト内に配置している画像の容量を軽量化してくれるプラグインがあったりします。

プラグインは基本的にインストールして有効化すれば使用可能なので、複雑な設定をする必要もなく簡単に機能を追加することができます。

中でもお勧めなプラグインは、「site guard」というものです。

このプラグインはwebサイトに向けて行われる悪質な行動から守ることができる機能となっております。

第三者が勝手にWordPressにログインしようとしたり、データを覗こうとする行動から守ってくれます。

サイトのセキュリティーを守るもの大切なので、是非入れておきましょう。

WordPressでコーディングする際に気をつけること

イメージのデザインに近づけるためにコーディングでサイトを修正すると思いますが、WordPressでコーデイングする際に気をつけることがあります。

それは、親テーマにコードを直接書かないことです。

ほとんどのテーマには「親テーマ」と「子テーマ」の2つがあります。

親テーマとはそのテーマのコードファイル全てが含まれており、テーマそのものとなっています。

子テーマとは、親テーマの一部分を修正するために用意されたコードファイルです。そのため親テーマよりコードファイルの種類が少なくなっています。

WordPressをコーディングでカスタマイズする際は、子テーマにコーディングするようにしてください。

テーマは定期的に更新されます。更新時は新しいコードを上書き保存する形になりますので、記載したコードが消されてしまいます。

もちろんテーマの更新を手動に変更することも可能ですが、常にアップデートしているので更新した方が良いです。

その点子テーマにコードを記載していれば、テーマが更新されてもコードが消えることがないので、デザインが崩れることがないのです。

最後に

以上がWordPressでwebサイトを作成する方法の紹介でした。

WordPressは非常に簡単にwebサイトを作成することができるツールです。コーディングの知識があればさらにカスタマイズすることのできます。

もし面白そうと感じたら、是非一度WordPressでwebサイトを制作してみてください。