WordPressとはなにをするもの?Webページの作成とアップロードをわかりやすく解説[初心者向]

2020年3月30日

WordPressとは?よく聞くけど、「一体なんなのか?なにをするものなのか?何ができるのか?」をイラスト入りでわかりやすく解説しました。
ホームページやブログなどのWebページを作成するには本来専用の知識が必要ですが、WordPressは専門知識のない初心者でも高度な機能を持ったWebページの作成ができる画期的なシステムです。色々なサイトを読んでみるけど今ひとつわからないWordPressとは? この記事があなたの「わかった」になれば嬉しいです。
 なおこの記事では、全くの初心者が「アフィリエイト」を始めるために必要な知識を想定して記載しています。難しいことやややこしいことは極力省いていますので(知識のある方、)そこはもう少しとツッコミたくなるやもしれません。あらかじめご了承ください。

 

WordPressは何をするものか

WordPress(ワードプレス)は、ブログやホームページを作成するためのシステム(仕組み)です。Webページを作成するためには、「HTML(エイチティーエムエル)」や「CSS(シーエスエス)」というマークアップ言語(Webページを作成するためのコンピューター用の言葉)を知り、使いこなす必要があります。でもこれらを使いこなす知識は素人が簡単に習得できるものではありません。そこで、そういう言語の知識がなくても簡単な操作でブログやホームページを作れるように手助けしてくれるシステム(仕組み)がWordPressです。
大きくわけると、Webページを作成する仕組みと作成したWebページをサーバーにアップロードする仕組みがあります。

 

Webページを作成する仕組み

ブログやホームページといった、インターネット上で表示させるWebページを作成するには以下のような手順が必要です。WordPressには高度な知識が必要なこれらの作業が初心者でも簡単におこなえる仕組みがあります。

HTMLでページの土台(文字入力や改行)を作る

まず、「HTML」でページの文字を入力したり、改行などの設定をします。この段階では、文字の大きさや色、レイアウトなどは設定されていません。
WordPressではエディター(編集用の)画面を利用して、簡単な操作で文章の作成ができます。

イラスト、HTMLの入力

 

実際の入力画面と、それをブラウザ(クロムやエッジ)で表示させたところ

[HTMLの画面]
キャプチャー、HTML画面

↓↓↓↓↓↓↓
[ブラウザの表示画面]
キャプチャー、CSSのないブラウザ表示画面

 

 

CSSでページのデザイン(レイアウトや修飾)を設定する

次に「CSS」という言語を使って、文字の色や大きさ、全体のレイアウトを設定します。これで、いつも見ているWebページの画面になります。WordPressでは上記のエディター(編集用の画面)を利用して、簡単な操作で画像やイラストの挿入、レイアウト、色・大きさの設定、その他文字の修飾等ができます。
また、各テーマを利用することによって用意された各種のレイアウトや修飾を利用できます。

イラスト、ウエブページのイラスト

 

プラスしたCSS の実際の入力画面と、それをブラウザで表示させたところ

[CSSの画面]
キャプチャー、CSSの画面

↓↓↓↓↓↓↓
[CSSを追加したブラウザの画面]キャプチャー、CSSを追加したブラウザの表示画面

 

 

SQLやPHPでデーターを抽出したり並べ替えたりして表示させる

WordPressはMySQL(マイエスキューエル)というデーターベースのシステムと、PHP(ピーエイチピー)というプログラムを利用することで、投稿された記事一覧から、「新着記事一覧(日付の新しい記事を抽出して並べる)」や「人気記事一覧(閲覧数の多い記事を抽出して並べる)」を自動的に作成することができます。自分で記事を選んだり並べ替えたりする必要はありません、とても便利で楽チンです。

そのほかにも、自動的に公開日や更新日時を表示させてくれたり、タイトルやカテゴリーの表示等、多くの機能がPHPを使って設定されています。

イラスト、抽出して並べ変えられた記事一覧

 

プラスしたPHPの実際の入力画面と、それをブラウザで表示させたところ
[phpの画面]
キャプチャー、phpの画面
↓↓↓↓↓↓↓
[ブログの画面]
キャプチャー、ブログ画面

 

ジャバスクリプトで画面を動かしたり、マウスで反応させたりする

ブログやホームページで、記事一覧の画像が自動的に入れ替わったり、マウスを画像の上に乗せると画像が半透明になったり大きくなったりするのを見たり触れたりしたことがあるかと思います。それらは組み込まれたプログラムによる動きですが、WordPressでは、プラグインを利用したりや各テーマに設けられたオプションを利用することによって、専門の知識が無くてもこれらのプログラムを組み込むことができます。

イラスト、うめこまれたカルーセルのプログラム

カルーセルやリンク画像に組み込まれた画像変化の例

[javascriptの画面]
キャプチャー、ジャバスクリプトの画面
↓↓↓↓↓↓↓

[設定されたカルーセルの表示]
キャプチャー、設定されたカルーセルの表示

 

このように、WordPressを利用することによって、高度な知識が必要なWebページの作成が、初心者でも簡単に行うことができるのです。

 

 

作成したブログを公開(アップロード)する仕組み

作成したWebページはパソコンの中に存在するだけではみんなに見てもらうことはできません。ページや画像はサーバーと呼ばれるインターネット上にある場所に格納することによって、みんながいつでも見れる状態になります。パソコンからサーバーへデータを格納することを「アップロード」と言います。
 通常は専用のFTP(エフティーピー)ソフトを利用してこのアップロード操作を行いますが、WordPressでは[公開](はじめて記事をネット上に表示させる際に使用)や[更新](変更した記事と入れ替える際に使用)といったボタンをクリックするだけでこの操作が完了します。

イラスト、FTPの様子

 

 

WordPressのメリット

WordPressは現在世界中のWebページ作成に利用され、大きなシェアを占めています。最初はブログシステムとして広まりましたが、現在では大手企業のWebサイト作成にも使われ利用範囲やできることもどんどん拡大しています。

WordPressが世界に広まって、多くの人に支持されている理由が以下です。

 

無料で使える

一番のメリットは無料で使うことができる点です。個人での利用は勿論、商用利用の場合も利用料はかかりません。

 

専門知識がなくてもサイトを作成できる

専門知識がないと作成できないサイト(ホームページ)を簡単に構築できるのがWordPressの優れたところです。

コンテンツ(画像やテキスト)の追加・編集・削除などの作業は、ダッシュボートと呼ばれる管理画面でできます。この管理画面での操作はホームページ専用の知識は不要なので、視覚的な操作で簡単にサイト(ホームページ)を作成することが可能です。

 

テーマで、デザインを自由に切り替えできる

WordPressは、コンテンツ(画像やテキスト)の内容を変えることなく、デザイン(背景や文字の色等)だけを切り替えられることができます。そのシステムを、WordPressではテーマといいます(ブログサービスでのテンプレートのようなものです)。
このテーマを変えるだけで、デザインを簡単に変えられます。デザインを「着せ替える」というイメージです。
WordPressのテーマはインターネット上で、非常に多く提供されていて、無料で利用できるものや、有料で配布されるものもあります。また、知識があれば自分でオリジナルテーマを作ることも可能です。

 

プラグインで機能を追加できる

WordPressには、プラグインという、機能を追加する仕組みがあります。必要に応じて、サイトにさまざまな機能を追加することができます。

たとえば、以下のようなプラグインがあります。
■サイトマップを自動生成するプラグイン:PS Auto Sitemap
*サイトマップ:サイトの内容を目次のように一覧表示するページ
■お問い合わせフォームを作成するプラグイン:Contact Form 7
■SNSのフォローボタンを設置するプラグイン:AddToAny Share Buttons

 

多くの人が使っているので情報が多い

WordPressは人気が高く、現在作成されているホームページで多く利用されています。

ノウハウのサイト(ホームページ)も多く、検索すれば丁寧に解説されたサイトが見つかります。また、関連の書籍も多く販売されています。
トラブルや不明点の解決方法に対する情報も豊富なので、初心者やウェブサイトの制作を始める人にとってはとても心強いです。

 

WordPressのまとめサイトはこちら
↓↓↓↓↓↓↓
WordPressでブログを作ろう

りんごからのお知らせ

こんにちは、Ringoです。岡山県真庭市というところで、非常勤のデザイン講師をしながら、ブログ&アフィエイトビジネスに奮闘中です。

このブログと連携して「ゆとりのシニアライフを実現させる」をテーマにメルマガを配信、シニア&初心者向けにネットビジネスの進み方をお伝えしています。
経済的にも心にも「ゆとり」をもたらす収入をゲットしませんか!
イラスト、葉っぱ付きりんごを持ったおじさんとおばさん ブログを作ったけどアクセスが無い!、アフィリエイトの成果が出ない!
そんなあなたは必見ですよ
SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。

お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓ バナー、りんごメルマガ登録用 *詳細ページが表示されます、すぐにメルマガ申し込みはされません

よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは お問合せ