「e-みらっそ」という「エコな未来を創造する宍粟市民の会」の方々と、「楽しそうネットワーク」という「宍粟市中心の情報活用勉強会」の方々との合同勉強会があり、そこでWordPressとはなんぞや?というお話をさせて頂きました。ホームページを運営したいけど、どうやって作ってるの?どうやったら効率よく運営できるの?ということは、Web制作に詳しくない方が一様に持つ疑問だと思います。今まで興味なかったけどホームページを作ってみたいと思う方や、急に運営する立場になってしまったという方、ホームページが古いのでリニューアルしたいけど、今の技術がどうなっているのか分からない、という方も多いと思います。「e-みらっそ」の皆様もそこを気にされていたようで、今回の勉強会に至ったわけです。今回のお話は、そういった「知識はないけどホームページ制作に携わりたい方」向けに、ホームページ制作や管理ツールとして便利に使用できる「WordPress」というシステムを紹介する内容です。まとめてたら長くなってしまったので、2部構成でいきます。次は構築の流れ編です。やってみます!わーどぷれす、ってなんですか?・WordPressはCMS(コンテンツマネジメントシステム)です。ホームページやブログ(コンテンツ)を管理(マネジメント)できるシステムです。元々はブログツールです。WordPressは世界で一番使われているCMSで、そのシェアは半数以上になります。・PHPという言語で作られています。ページの構成にはHTML、CSSも使われています(普通のホームページと同じです)。他に、サーバーのデータベースというものも使われています。・無料ブログのように、登録すればすぐに始められるのではなく、サーバーを借りて、そこにWordPressをインストールして始めます。・使い方さえ分かれば、自分の好きなデザインでホームページやブログが作れます。無料で利用できるホームページ制作システム、ってことですね。自分の好きなようにホームページを構成することもできます。スマホや携帯用に表示を最適化したりすることもできます。PHP、HTML、CSSって出てきたけど...早速専門用語っぽいものがでてきたわけですが...。HTML、CSSというのは、マークアップ言語というものです。聞きなれない言葉かもしれませんが、コンピューターで処理される言語で、ホームページはこれらの言語の記述によって構成されています。マークアップ言語はそんなに難しく考える必要はありません。いうのも、英語がベースになっている言語なので、中学レベルくらいの英語が理解出来れば何となく意味が察せます。PHPはスクリプト言語というもので、簡単なプログラミング言語です。HTMLと一緒に使われるのですが、HTMLとはまた違った働きをします。知っておいてほしいのはHTML。Languageはいぱーてきすとまーくあっぷらんげーじ...長っ!の略です。決まった構文(タグ、と呼ばれています)があり、構文(タグ)をワープロソフトで打った文書のように、つらつらと文字だけで書き連ねていきます。タグは英語に似たような感じです。HTML文書は.htmlという拡張子をつけて保存します。これがホームページの基盤です。タグは<>←このカッコでくくられています。どんなタグがあるのか、頻繁に使って分かりやすそうなものを紹介します。</h1>h1、というのは「見出し」を意味します。h1のhはHeading(見出し)のh、だそうです。</h1>のカッコの間に挟まれた言葉を、見出しとして大きく太く表示する、という効果があります。</h1>で囲まれた文字は、自動的に太く大きくなり、ホームページ上ではこうなります。</h1>という風に、前に/(スラッシュ)のついたタグは「閉じタグ」といって、<h1>の効果をここで終了しますよ、という意味があります。</h1>のように開始タグと閉じタグがワンセットになったものが多いです。</p>これはかなり頻繁に出てくるタグです。</p>のカッコの間に挟まれた言葉を1つの段落として、通常の文字として表示させます。通常の文字、ていうとなんか変ですが、見出しでもない普通の文章ってことです。</p>の間に書きます。なんてことない、普通の文章。ブログなどだと、普通の文章の割合は高いですよね。“>これもよく出てくるタグです。←この点々の中に画像のファイル名を指定してやることで、画像を読み込んで表示させることができます。ポイントはファイル名だけではなく、拡張子(.jpgとか.pngとか)もちゃんとつけないと表示できないってことですかね。あと、画像ファイルがHTML文書が保存されているフォルダと違うフォルダにある場合は、ファイル名以外にもフォルダ名も書いて、画像の場所とファイル名を指定してやらないと、正しく画像が表示できないので注意が必要です。その書き方は少しややこしいので、ここでは割愛します。”>をまとめると...こうなります。ここで紹介したタグはほんの一例で、本当はもっと色んなことをHTML文書に書き込まないと、ホームページは正しく表示できません。基本的にホームページのページの構成はこういった要素が繰り返し使われて出来ているので、HTMLの基本として思ってもらえるといいいかな、と思います。Sheetsカスケーディングスタイルシートの略で、先ほどのHTML文書を装飾(スタイル)するための文書です。これも同じく英語のような言葉が連なって出来た文書です。CSS文書はHTMLのようなタグはありませんが、HTMLと同じように決まった構文と書き方があります。CSS文書に、色、文字サイズ、位置などを指定する命令文を書き込み、HTML文書とCSS文書を関連付けることによって、その命令がHTML文書に反映されます。CSS文書は単品だけでは表示できません。CSS文書は、拡張子.cssをつけて保存します。実際どんな文書なのか見ていきます。見は英語のような感じがします。上から順番に見ていきます。red、と書かれています。これは見たまんまなのですが、h1...つまり先ほどのHTMLで出てきたh1の内容を赤色で表示しますよ、ってことです。このように、CSSには英語で割と見たまんまのことが書かれています。これも見たら大体想像がつくと思いますが、font-size...これもフォントサイズ、そのまんまです。これを14ピクセルで表示して下さい、ってことですね。Web関係では、単位はpx(ピクセル)が使われることが多いです。その下のcolor:greyは、さっきも出てきたように色の指定。