WordPress(ワードプレス)の説明

今回は、WordPressソフトについて紹介します。
WordPress はWebサイト・ブログを作成できるソフトで、
日本国内の企業・公共機関・個人のWebサイトに使用されて
海外にも広がっています。

優れた機能が多く、デザイン性が豊富なWebサイト・ブログ制作
行えるのでぜひ利用してみて下さい。

1. 概要

1) WordPress

WordPressのロゴ

#WordPress(ワードプレス)
・PHPとMySQLで開発されており、個人ブログや企業
サイトのCMS(コンテンツ管理システム)としても活用
されるオープンソースのブログシステムのこと。

出典: ferret(WordPress)

#CMS
・Webサイトを作成するための作業を、一元的に
管理・更新できるシステムのことで
「Content Management System」の略である。

出典: ferret(CMS)

#プラグイン
・ソフトウェアに機能を追加するためのプログラムのこと。

出典: ferret(プラグイン)

*Webメディア: A
▼公式サイト: WordPress
▽Twitter: WordPress.com 日本語
□Facebook:WordPress

2. Webサイトの準備

1) 目的を決める

・目的を明確にすること
何がしたいのかをはっきり決めておくこと
(サイト名にすると良い)

【ポイント】
・目的が見えると制作しやすくなる

2) デザインを決める

・色、雰囲気
(目的に合わせると良い)
・対象にする方に合わせる
(目的、内容、年代、性別)

3) ドメインを決める

#ドメイン
・インターネット上で利用可能なホームページやメール
などを識別ためのもの。

出典:ferret(ドメイン)

【ポイント】
・目的に応じて決めること
(会社名、主力業務・商品)
×長すぎる文字数(10文字以上)
(検索しにくいから)
×ハイフンを入れないこと

・早い者勝ちなので事前に調べておく

*Webメディア: B
▼公式サイト: お名前ドットコム(ドメイン検索)

3. Webサイトの開設

1) サーバー申込

Xサーバーを選択すると良い
a) 理由
・動作が安定しているから
SSL証明が無料だから

#サーバー
・クライアントからの要求に対してサービスを提供する
コンピューター、またはアプリケーションのこと。

出典:コトバンク(サーバー) 

2) サーバーの手続き

Xサーバーの場合

Xサーバーのトップページ画面

a) サーバーを申し込む(お試し → 本契約)
〔接続に必要な情報: 1〕
①メールアドレス: 自分用
②パスワード: 1

b) ドメインを取得する: ○半角英数字 ×日本語

c) SSL証明を取得する

d) メールアドレスの設定: Xサーバー用
〔接続に必要な情報: 2〕
①メールアドレス: サーバー用
②パスワード: 2

e) WordPressソフト: インストール
〔接続に必要な情報: 3〕
①ユーザー名:WordPress用
②パスワード: 3

f) FTPの設定
〔接続に必要な情報:4〕
①ホスト名
②ユーザー名: FTP用
③パスワード:4

*Webメディア: C
▼公式サイト: Xサーバー
▽Twitter: レンタルサーバー(エックスサーバー)
□Facebook:エックスサーバー株式会社

#SSL
・インターネット上で通信を暗号化する技術のこと
「Secure Sockets Layer」の略である。

出典:ferret(SSL)

3) WordPressソフトの設定

WordPressの管理画面

①ページの設定
a) 固定ページ
・トップページ
・事業内容、活躍内容
・プロフィール(会社・自己紹介)
・実績
・問い合わせ

b) 投稿ページ
・ブログ

②プラグインの設定
・目的に応じて設定ができる
×あまり入れすぎないこと
(動きが鈍くなるから)

#プラグイン
・ソフトウェアに機能を追加するためのプログラムのこと。

出典: ferret(プラグイン)

③プログラムで編集
*知識が必要なので後でじっくり行うと良い
a) 本文: HTML
b) デザイン: CSS
c) システム: PHP

#HTML
・Webページを記述するための言語のことで
「HyperText Markup Language」の略である。

出典:ferret(HTML)
 
#CSS… ・デザインを連鎖的に規定する設定シートのことで
「Cascading Style Sheets(カスケーディングスタイルシート)」 の略である。

出典:ferret(CSS)

#PHP
・広く使われているオープンソースの汎用スクリプト言語である。
特にWeb開発に適しており、HTML に埋め込むことができる言語のことで
「Hypertext Preprocessor」の略である。

出典:PHP(説明) 

4) ファイル転送ソフトの設定

a) FileZilla(ファイルジラ)
WindowsMac両方が使用可能

FileZillaの管理画面

#FTP
・サーバーとクライアント間で、ファイルを送受信する
通信の決まりごとのことで「File Transfer Protocol」の略である。

出典:ferret(FTP)

*Webメディア: D
▼公式サイト: FileZilla プロジェクト日本語トップページ(OSDN)

4. WordPressの特徴

1) 長所

①カスタマイズが自由自在にできる

#カスタマイズ
・ユーザーの好みや使い勝手に合わせて、見た目や
機能、構成といった製品の仕様を変更すること。

出典:コトバンク(カスタマイズ)

②Webサイトを簡単に作成・更新できる
・コンテンツ(テキスト・画像など)のデータを管理する
システム(CMS)があるから

SEO対策ができる

#SEO
・検索エンジン最適化のことで
「Search Engine Optimization」の略である。

出典:ferret(SEO)

④説明が十分にできる
・文字数に制限がないため、詳しく説明できるから
(投稿内容が自由に表現できる)

⑤写真が複数掲載できる
・わかりやすく伝えることができて見やすくなるから

2) 短所

①専門的な知識・技術が必要
・プログラムの編集(HTML、CSS、PHP)
・構造を理解する必要がある

②更新しにくい
・プログラムの知識・技術がないと苦労するので時間や手間がかかるから

③コスト(価格)がかかる
・Xサーバー、ドメインの維持費が必要であるから

3) 対応機種

・複数の機種に対応できるように制作すること
①ノートパソコン
*どちらでも閲覧できるように制作すること
Windows(Microsoft社)
Mac(Apple社)

ノートパソコンのイラスト

②スマートフォン
*どちらでも閲覧できるように制作すること
Android(Google社)
iPhone(Apple社)

スマートフォンのイラスト

5. まとめ

以前、WordPressソフトを使ってWebサイトを作成しました。
制作には苦労して、思ったようにうまくいかず大変です。
今はスランプになっていますが、目標をもってあきらめず制作して
いくことが大切だと感じました。

技術面では新たな発見ができたし、気持ちの面でも前向きになり
ました。もっと上手になってWordPressを好きになろうと決意しました。
まずは専門用語・設定方法・意味・プログラミングなど、基礎から理解して、
Webサイト・ブログ制作を行っていきたいです。

研究した成果をみなさんにご覧になっていただけると幸いです。
将来はWordPressを使ってWebサイト・ブログ制作を行い
社会・人のために貢献していきたいです。

タイトルとURLをコピーしました