ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説
lukasbieri / Pixabay

ワードプレス(Wordpress)はプログラミングができないと使えないのでしょうか?

実はそんなことは全くなく、レンタルサーバーのエックスサーバーに契約して、そこからワードプレスを簡単インストールするだけで簡単に始めることができます。独自ドメインを利用する場合は、例えばお名前.comなどでドメインを取得し、エックスサーバーにドメインを追加し、Wordpressをインストールすれば、プログラミング初心者でも簡単に利用が可能です。

慣れてしまえばとても簡単です。この記事ではワードプレスでサイトを運営するにあたって必要な知識をご紹介します。筆者も当初は知識ゼロでしたが、ネットや本、WordPressを学べるプログラミングスクールなどで学んだことで、体系的な知識をつけることができました。

初心者にもおすすめできるレンタルサーバーのエックスサーバー

b727b83eca2b0783a4f300326b6da6d4 530x344 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説
【公式サイト】https://www.xserver.ne.jp/0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

間違ってWordpressの公式サイトをみてしまうと、何やら難しいことが書いてあったりします。そもそもワードプレスを公式サイトからダウンロードすると、ダウンロードしたCMSをサーバーにアップロードするのが一苦労です。

そんな中、実はレンタルサーバーのエックスサーバーに契約してしまえば、煩わしいことはとくにありません。エックスサーバーからWodpressは簡単インストールができますので、プログラミングの知識不要でスタートでできます。

ドメインをエックスサーバーに追加し、そのドメインにエックスサーバー の管理画面から簡単インストールをします。お名前.comの場合は、ネームサーバーをエックスサーバーに変えれば完了です。

公式サイト(エックスサーバー):https://www.xserver.ne.jp/0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

エックスサーバーでのワードプレスの始め方はこちら

WordPressでのサイト運用であると良いプログラミングの知識

web agency 1738168 640 530x398 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

ただし、Wordpressを運用する際にも、プログラミングの知識はあって損はありません。そこで、ここからはあると良いプログラミングの知識をお伝えします。

必要なHTMLの知識編

まず、HTMLに関しては、以下のポイントをイメージできるようになりましょう。

  • head,body,div,p,spanなどのタグ
  • ブロック要素とインライン要素
  • idとclass指定
  • 文字コード

必要なCSSの知識編

続いて、CSSに関しては、以下のポイントをイメージできるようになりましょう。

  • 各プロパティ(widthとかheightとか)
  • セレクタの指定方法
  • メディアクエリ(@mediaのやつです)

CSS上級者編

CSSでゴリゴリカスタマイズしていく場合は、以下のことまで覚えていきましょう。

  • box-sizing
  • display,positionプロパティ
  • セレクタ指定の優先順位

必要なJavaScript・jQueryの知識編

JavaScript・jQueryは以下のポイントを覚えておきましょう。

  • セレクタを指定し、要素を取得する
  • イベントハンドラ

必要なPHPの知識編

PHPは以下のポイントを覚えておきましょう。

  • 変数
  • 制御構造(if,for,foreach,while)
  • echoなどの出力

PHP応用編

より一歩踏み込んだカスタマイズをする場合は以下まで覚えましょう。

  • 関数
  • データベースとの連携

このあたりの話が難しいと感じた方には、WordPressを学べるプログラミングスクールがおすすめです。

WordPressにHTMLを編集・出力する際の必要な知識

ちなみに、自分で作ったHTMLコードをWordPressに入れることも可能です。ただし、入れる場所に少しだけ注意が必要です。

そのため、WordPressの構成の知識をお伝えします。まずは、大まかなWordPressの構成を理解しておくと分かりやすいです。

大まかなWordPressの構成

theme structure 002 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

出典:https://lblevery.com/sfn/create/wordpress-tips/wordpress-theming/theme-structure/

このように、WordPressは何個かのテンプレートで構成されているページが多いです。

「single.php」「index.php」「page.php」「frontpage.php」などのように、それぞれのテンプレートのPHPファイルが存在し、それぞれにheader.phpなどが含まれます。

  • index.php:メインインデックスのページ
  • single.php:投稿表示ページ
  • page.php:固定ページ
  • frontpage.php:フロントページ

HTMLを編集・出力できる場所は?

HTMLを書き込む場合は、どこに入れたいタグかをまず考える必要があります。以下は例です。

  • metaタグなどhead内に書き込みたい→header.php
  • 投稿ページに入れたい→single.php
  • フッターに書き込みたい→footer.php

まずは、どこに書き込むかを決めたら、次はそのPHPファイルを開きます。

そのPHPファイル内ならほとんどどこに書いても大丈夫なのですが、1点だけ気をつけてください。

上記の「<?php ?>」で囲まれているエリアにはPHPの処理を書き込みます。ここにHTMLタグを直接書くとエラーになるので気をつけてください。

WordPressを静的HTMLに変換する際の必要な知識

homepage 1534311312 530x353 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

WordPressを運用していると、HTML化させてちょっと修正したいといった時や、もうCMSの機能がいらなくなる瞬間がたまにあります。そんな時は静的HTMLに変換してしまうのもひとつの手です。

静的HTML化するメリット

静的HTML化することでどんなメリットがあるのかをお伝えします。

編集がしやすい

まず、HTMLの方が編集がしやすいでしょう。細かな日本語の修正などは簡単です。

データベースが無くても相手に見せやすい

WordPressはCMSの性質上、データベースが必要になります。データベースと連携されていなければ、コンテンツは何も表示されません。

これが原因で、自分のローカル環境で作っているサイトを、相手に見せるのが大変だったりします。HTML化すると、データベース関係無しに見せることが可能になります。

プラグインで変換する

実際のHTML化にはプラグインを使うことをオススメします。以下のプラグインなどでHTML化が可能です。

https://wordpress.org/plugins/static-html-output-plugin/

https://wordpress.org/plugins/staticpress/

ワードプレス(Wordpress)でのサイト運用に関するまとめ

4dad935a5605849cc11743a89ea43e33 530x299 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

公式サイト(エックスサーバー):https://www.xserver.ne.jp/0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

以上になりますが、基本的にワードプレスはプログラミングができない人でも、簡単に視覚的に使えるサービスです。これからサイト運用を始めてみようという方は、エックスサーバーを契約して、ワードプレスにチャレンジしてみてくださいね。

ちなみに当サイトの場合は年間契約で1年間で初期費用の3000円込みで、年間16,200円でサイトを運営しています。ただし、エックスサーバーであれば最初の10日間は無料お試し利用をすることができます。どんなものか試してみたい方は、まずは無料お試し期間を利用してみてはいかがでしょうか。

公式サイト(エックスサーバー):https://www.xserver.ne.jp/0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説0 - ワードプレスはプログラミングができない人でも簡単に使える!基礎知識の学び方も解説

おすすめの記事