【初心者向け】WordPressでできること。MAGAZINE(ワークシップマガジン)MENU日本最大級のフリーランス・副業メディアENGINEERDESIGNERMARKETERFREELANCEBUSINESSMENU日本最大級のフリーランス・副業メディアHOMEENGINEERDESIGNERMARKETERFREELANCEBUSINESSTOPENGINEER【初心者向け】WordPressでできること。【初心者向け】WordPressでできること。「WordPressでのブログやWebサイトの作り方を知りたい!」W3Techsの調査によると、全世界のWebサイトの約43%がWordPressで作られているとされています。WordPressの汎用性は非常に高く、それゆえにユーザーも圧倒的に多いのです。WordPressでできることや、作れるWebサイトもさまざま。本記事では、WordPressでどんなことができるのか、どんなWebサイトが作れるのかについてご紹介します。「そもそもWordPressって何なの?」と疑問に思われる方もいるでしょう。WordPressとは、「CMS」と呼ばれるコンテンツ管理システム(ブログシステム)のひとつです。『はてなブログ』や『note』なども、大枠でいえばCMSの一種です。自力で1からブログやWebサイトを作ると、一つひとつのコンテンツ(記事など)の管理が容易ではありません。各記事の構成や一覧もすべて1から手動で作らねばならず、CMSなしでコンテンツを管理する人は近年ほとんどいません。WordPressを使えば、記事を一覧表示させたり、記事の編集や削除がボタンひとつで操作できたりするなど、大幅に手間が省けるのです。WordPressの本質はWebサイトを作ることではなく、コンテンツ管理をすることだと覚えておきましょう。プログラミングの知識がなくてもWebサイトが作れるブログやWebサイトを1から作る場合、HTML/CSS/JavaScript/PHPなどのプログラミングの知識が必要です。WordPressには、Webサイトを構築するためのシステムが最初から組み込まれています。そのためプログラミングに詳しくない人でも、Webサイト制作や記事の更新が簡単にできます。複雑なシステムや凝ったデザインが必要なときは、ある程度のプログラミングの知識が必要になります。以下のような場合です。レイアウト変更や装飾カスタマイズ:CSSアニメーションや派手な動きを追加:JavaScriptサイトの構造を修正:HTMLシステム変更:PHP逆にいうと、プログラミングの知識があれば自由にカスタマイズできるのもWordPressの魅力です。MAGAZINEorg版とcom版が存在するWordPressには「WordPress.org」と「WordPress.com」の2種類があります。それぞれの違いは以下のとおりです。org版:CMSがパッケージ化されて提供されているもの。Webサイトを立ち上げるには、ドメインとサーバーの契約が別途必要になるcom版:プラットフォームとして提供されているサービス。アメーバブログ、はてなブログ、noteなどと同じ仕組み一般的に利用されているのはorg版です。カスタマイズがしやすく、プラグインなどの拡張機能も自由に追加できるため、自分好みのWebサイトを作るのに向いています。org版を利用する際には、サーバーが必要になります。次の記事で、WordPressにおすすめレンタルサーバーを比較したので、ぜひ参考にしてみてください。MAGAZINEorg版とcom版の詳しい違いについては、以下の記事をご覧ください。MAGAZINEWordPressで作れるものWordPressで作れるものはブログやWebサイトに限りません。カスタマイズやプラグインを使えばさまざまなサービスが作れます。WordPressで作れる代表的なものを、以下に4つご紹介します。ブログサイトまずWordPressの利用目的としてもっとも多いのが、ブログサイトをはじめとした記事コンテンツを更新するWebサイトです。ブログサイトを作るときにWordPressを使うメリットは以下のとおりです。記事の管理が容易SEO関連のプラグインが優秀SNSの連携も簡単ブログサイトを運営する際、記事管理のしやすさやSEOを重視する人は多いでしょう。そのため有名ブロガーやアフィリエイターの多くが、WordPressでブログサイトを運営しています。コーポレートサイトWordPressを使うと、企業のコーポレートサイトも簡単に作れます。デザインの凝ったホームページを作るには高度なデザインスキルやJavaScriptのスキルが必要ですが、デザインに強いこだわりがない場合は「テーマ」と呼ばれるテンプレートを使うことで簡単に作れます。コーポレートサイトを作るときにWordPressを使うメリットは、以下のとおりです。お問い合わせフォームの設置が簡単お知らせの投稿/管理が簡単テンプレートが豊富コーポレートサイト作成をエンジニアやデザイナーに依頼するのが面倒、かつ簡単に本格的なWebサイトを作りたければWordPressがおすすめです。ECサイト決済システムや商品の管理が必要なECサイト(ショッピングサイト)も、WordPressなら簡単。大規模なECサイトを構築するなら『EC-CUBE』と呼ばれるコンテンツ管理システムがあります。小〜中規模のECサイトであれば、WordPressでも作成可能です。WordPressには初心者でも簡単にECサイトを作れるよう、ECサイト専用のテーマや、『Welcart』、『WooCommerce』などのECサイトが構築できるプラグインが用意されています。WordPressを使えばどんなECサイトが作れるのか、具体例は以下の記事で解説しています。あわせてご覧ください。WordPressでECサイト構築するならWooCommerce。求人サイトなどの会員制サイトWordPressを使うと、会員制サイトも作れます。会員登録やログイン機能が必要な求人サイトも、プラグインや専用テーマを使えば簡単に制作可能です。会員制サイトに必要な、以下のような機能を実装できます。記事では、ログインの安全性を高められる「二段階認証」に使えるプラグインを紹介しています。ポートフォリオサイトWordPressでは、ポートフォリオサイトを作ることも可能。フリーランスとして仕事をしている場合、自分のスキルを証明できるポートフォリオサイトは必須です。WordPressで作ったWebサイトに、制作したプロダクトやプロトタイプを載せることで、自身のポートフォリオサイトを作れます。デザイン性の高いテーマが揃っているので、Webデザインのスキルがなくても、自分の制作物を綺麗に見せることができるでしょう。下記の記事では、フォトグラファー向けのWordPressテンプレートを多数ご紹介しています。フォトグラファーのポートフォリオサイト向けWordPressテーマ16選。MAGAZINEWordPressでできることWordPressでできることのなかでも、「WordPressの醍醐味」ともいえる機能を4つご紹介します。テーマを着せ替えてカスタマイズできるWordPressはベースとなるシステムのうえに「テーマ」と呼ばれるテンプレートファイルを導入して使用します。WordPressのテーマは無数に存在し、無料のものから有料のものまでさまざまです。テーマによってWebサイトのデザインや、使える機能も変わります。ブロガーに人気の『SANGO』は、マテリアルデザインが意識されたテーマです。会話調の吹き出しを挿入できるなど、ブログ運営に役立つ機能が備わっています。Parallax』:視差効果のあるデザインのテーマ(企業向け)その他、以下の記事でおすすめの無料テーマを紹介しているので、ぜひご覧ください。プラグインやコードを使用して機能を拡張できるWordPressには「プラグイン」と呼ばれる拡張機能が用意されており、インストールすることでさまざまな機能が利用可能です。コードを用いて新たに機能を実装することもできます。プラグインは公式のものからユーザーが作ったものまでさまざま。無料で使えるものが多数を占めています。「サイトにお問い合わせフォームを設置したい!」「サイトマップを作ってSEO対策したい!」など、欲しい機能を手軽に実装したいときにはプラグインを使ってみましょう。Pack:SEO対策の機能が使えるBackWPup:自動的にバックアップを取るWordPressへ最初に入れたいおすすめプラグインを以下の記事で解説しているので、ぜひあわせてご覧ください。子テーマを作成して自由にカスタマイズできる「サイトのデザインをカスタマイズしたい!」「PHPを使って、一部の機能をカスタマイズしたい!」など、プログラミング知識をある程度もっている人は、「子テーマ」を作成することで自由にカスタマイズできます。テーマには「親テーマ」と「子テーマ」があり、それぞれの特徴は以下のとおりです。親テーマ:テーマのベースとなる(アップデートに影響される)子テーマ:カスタマイズ専用のテーマ(アップデートに影響されない)オープンソースのテーマを使う場合は、定期的に親テーマのアップデートが行われます。そのときに親テーマをカスタマイズしていると、カスタマイズ内容がアップデートによって上書きされてしまいます。そこで子テーマを作りカスタマイズしておくことで、アップデートに影響されないままカスタマイズ内容を残せます。子テーマに関する詳しい解説は、下記をご覧ください。MAGAZINEWordPressを使用する前に知っておくべきポイントWordPressを使ってWebサイトを開設する前に、以下4つのポイントについて知っておきましょう。データを守るために定期的にバックアップを取るWordPressでブログサイトなどを運営していると、大量の記事や画像データがデータベースに保存されます。これらのデータはWebサイトを構築する大事な資産です。万が一消えてしまうと大きな損失となります。それを避けるためにも、定期的にバックアップを取っておきましょう。<バックアップを取るべきデータ>記事データ(データベース)画像ファイルテーマファイルプラグインファイルWordPress本体(カスタマイズしている場合のみ)以下の記事でWordPressのバックアップ方法を画像付きで解説しています。参考にしたうえで、トラブルに備えてください。高速化してユーザーの離脱率を下げるWebサイトを運営するうえで大切なのが、サイトの表示速度を早くすることです。サイトの表示速度を高速化すると以下のようなメリットがあります。<高速化させるメリット>ユーザビリティを向上できるSEO的なメリットがある少しでも表示速度が遅ければ、サイトを訪れたユーザーがストレスを感じ離脱してしまう可能性があります。SEOで上位を狙うなら高速化は必須です。サイトの表示速度とSEOには密接な関係があります。Googleのウェブマスター向けの公式ブログでも、「ページの読み込み速度をモバイル検索のランキング要素として使う」と述べられています。WordPressを高速化する方法は以下の記事を参照してください。WordPressの「重いサイト」を高速化する12の方法。外部からのセキュリティ対策をするWordPressは世界最大シェアのオープンソースコンテンツ管理システムであり、自由にカスタマイズができる一方、システムの脆弱性をハッカーに突かれることもたびたび起こります。脆弱性をハッカーに発見されると、データ改ざんなどのトラブルが生じる原因となります。過去にはWordPressの脆弱性を狙った大規模な攻撃事例もあり、事前のセキュリティ対策は必須です。<WordPressの脆弱性対策する方法>WordPressを最新の状態にするプラグインをアップデートする管理画面のセキュリティを強化する使用していないプラグインを削除するこまめにバックアップをとる脆弱性への過去の攻撃事例やセキュリティ対策方法については、以下の記事で詳しく解説しています。大規模なカスタマイズをする場合はローカル環境で行うWordPressのWebサイトを大幅にカスタマイズする場合は、一度ローカル環境で行い、動作確認をしてから本番環境で行うのがおすすめです。ユーザーのアクセスが大量にあるWebサイトの場合は、本番環境でいきなりカスタマイズするのはリスクが高く、最悪の場合Webサイトがクラッシュしてしまう恐れがあります。<ローカル環境でカスタマイズするメリット>ステージングサイトを作れるテーマカスタマイズ中の様子を訪問者に見られないコーディングのミスを減らせる思い切ったカスタマイズができるローカル環境でできることや、ローカル環境構築の無料ツールについては、以下の記事で紹介しています。MAGAZINEおわりに今回はWordPressでできること、作れるWebサイトの種類や基礎知識について解説しました。良いWordPressのWebサイト構築に役立ててください。MAGAZINEWordPressのメンテナンスモードを導入/解除する方法。〜働き方:エリア:東京都もっと案件を探すHikoProバンコク不動産でWebマーケ→インドIT留学→ベトナムのWeb制作会社でディレクター兼エンジニア→フリーランスエンジニア→サイバーエージェント。土曜のデザインインスピレーション翻訳転載2023.05.27ENGINEER祝!WordPress生誕20周年。MAGAZINE(ワークシップマガジン)は、日本最大級のフリーランス・副業メディアです。エンジニア、デザイナー、マーケターなどデジタル系専門職のフリーランスにとって役立ち、刺激になる情報をお届け。海外最新情報やフリーランスノウハウ&ツール、著名人インタビューなど、さまざまなコンテンツを発信中です。