margin-left...マージンは余白のことでleftは左ですね、つまり左側に余白を20px設けてください、ということです。}内に効果の内容を書きます。これを先ほどのHTML文書に関連付けると...。h1は赤色に、pは14pxのグレー文字に、写真は左側に20pxの余白を空けて配置されます。HTML文書はCSSによって、こうやって飾り付けられていくわけですね。HTMLとCSSを関連付けるには、HTMLに関連付け用のタグを書き込めばOKです。それはここでは割愛します...。PHPとは?PHP...私も全く分かっていないPHP...。分かってないなりのあやふやな説明なので、突っ込まれること請け合いの説明となっております。簡単にさらっと説明します。PHPは、HTML文書の中に直接書き込める言語です。HTMLタグにはできない複雑な処理をしてくれます。HTML文書の中にPHPの構文を入れると、拡張子は.htmlではなく.phpとなり、PHP文書として保存されます。</h1>で紹介したのと一緒です...。なんで?...っていうのを解説していきます。←この部分で、phpの構文を書きますよ、ということを宣言します。←これは「$aと書かれている部分には、一言、と入れて下さい、という命令文です。一言の部分は、好きな文字に変えることができます。この記述で、PHP構文が終わりですよ、ということを表します。<h1>は先ほど説明したHTMLタグで、効果は一緒です。$a;?>、これは$aの文字をここに書きだして下さい、という命令文です。echoというのは、PHPの命令文で「出力する」という意味があります。</h1>が働いて「今日の一言」と太字で表示されるわけです。ややこしい...!!こうやってPHP構文を使う意味ってなんなの?普通に書いちゃだめなの?ってことですが...。ホームページ内によく出てくる一文があるとします。“内の文字を新しい社名に書き換えるだけで、全ページに変更が適用されます。HTMLだけだと、全ページの会社名を探しだして書き換えなきゃいけません。それって労力も使いますし、変更漏れなども起こりやすいです。PHPはこういう風に、その時のライブな情報を反映してページを構成します。日付や年号なども自動で取ってこれるので、文章中に2013と年号を入れるところも、PHPで表記しておくと、2014年になったら自動的に2014と表示してくれたりとかいったこともできます。WordPressは、このような変更や現在の情報の反映に強いPHPで出来たシステムです。ブログや頻繁に更新するホームページ制作に向いています。PHPを使うためのサーバーホームページは、インターネットに接続しているサーバー(データ格納庫)に保存されているHTML文書やPHP文書、画像などにアクセスして(アクセスするために、http://www.xxxxx.com/などといったアドレスを使います)その情報をブラウザ(InternetExplorerやGoogleChrome、Firefoxなど)で表示させて閲覧します。PHPは「サーバーサイドスクリプト言語」というもので、PHP言語の処理は全てサーバーで行われます。先ほど書いたPHPの機能...特定の文字を入れるとか日付を取ってくるとかというのは、アクセスがある度にサーバー側が処理してくれて、その情報をパソコンやスマホに流してくれているわけです。PHPの処理をするためにはPHPに対応したサーバーを使わないときちんと動作してくれません。WordPressを使う際は、PHPに対応したサーバーを選んでください。最近のPHP対応サーバーは、WordPressを簡単にインストールできる機能を備えているところもありますので、そういったところを使うのも良いかもしれません。ややこしそう...それでもWordPressを使うメリットって?インストールとかPHPとかなんかややこしそう、でも、最初さえやっちゃえば後は簡単に管理出来ます。サーバーさえ用意すれば、誰でもすぐに始めることができます。サーバー借りるのにお金はかかってきちゃいますが...。「テーマ」というものを使うことによって、ブログのデザインを色々変更することができます。デザインのカスタマイズもできます。テーマはWordPressの公式システムから探したり、また国内・海外のネット上で無料・有料共に配布されています。公式から配布されていないものは、ウイルスを含むものもあるので、使用には注意が必要です。プラグインで色んな機能が付けられるこれぞWordPressの醍醐味、といいますか...「プラグイン機能」というものがあります。プラグインは入れたり停止したりが自由にできます。他にも色々あります!SNSを作っちゃうという壮大なものから、バックアップを取るといった日常お役立ちツールまで。難しい知識がなくてもプラグインで好きなように機能が追加できます!HTML、CSSが分かればデザインが自由にできるWordPressはPHP構文がふんだんに使われたシステムですが、決まったPHP構文を使うので、PHP構文は自分で考えて書くのではなく、予め用意されているPHP構文をコピペして使用すればOKです。PHPが分かる人だったら、PHP構文をカスタマイズしたり...ともっと自由にすることができます。HTMLとCSSで作ったホームページのHTMLに、決まったPHP構文をコピペすることで、簡単にWordPressの機能を取り入れることができます。CSSでデザインを自由にすることができます。デメリットもありますメリットもあればデメリットもあるよ!人生いろいろあるよ!というわけで思いついたデメリットを記述します。自分でサーバーを借りて設定しないといけない当然っちゃ当然なんですが...。ブログやホームページ作成サービスとは違って、アカウント取ったらすぐに始められるというものではなくて、自分で設定していかないといけません。不慣れな人にとっては「何それ!?」ってなりますよね...私もまだよく分かっていません...。日本語化は進んでいるWordPressはアメリカ発祥のシステムです。よって、システムやプラグインの設定画面でたまに英語が出てきます。日本語化はだいぶ進んでいるんですが、テーマやプラグインなどは海外製のものが多く、英語を読み解いて設定しないといけない場面もちらほら。日本製テーマ、プラグインもあります。専門用語がありますどんなシステムでもそうだと思うんですが、そのシステム独自の呼称などがあります。テーマ、プラグインもそうですが、2部目で書く予定のテンプレートタグ、パーツテンプレートなど...。慣れてくれば自然に覚えられますが、最初は意味が分からなくなるかもしれません。無料で配布されています。保証は?WordPressは無料で配布されています。配布元の会社はきちっとあるのですが、無料で配布されていて誰でも始められ、システムのカスタマイズもできるので、カスタマイズして、もしシステムが動かなくなってしまったり、重大な損害が出てしまったら...そんな時は自己責任になっちゃいます。そんな大きな被害があったということはあまり聞かないのですが、使用は自己責任でお願いしますってことですね。アップデートがありますWordPressのシステム、テーマ、プラグインなどは数ヶ月に1回くらいの頻度で、それぞれアップデートがあります。テーマやプラグインによって頻度はまちまちですが、アップデートがあるときちんと通知してくれます。アップデートをして常に最新の状態を保っておかないと、何か不具合が出る可能性もあります。無料ブログや普通のホームページと比べてどうなの?WordPressは元々ブログツールで、ブログ制作に強い機能を備えています。あまりにも高機能なので、通常のホームページ制作にも幅広く使われています。あるブログサービスと比べてどうなのでしょうか?日本でトップクラスの人気ブログサービスのアメーバと、普通にホームページを作った時と比べてみます(2013年4月現在)。・アメーバピグ、ぐるっぽ、ゲームなどの付属サービスが使え、他のユーザーと手軽に交流もできる・デザインは選択制、広告付き・アドレスにameblo.jpが必ずつくアメーバブログはメールアドレスを登録するだけですぐに始めることができます。設定も超簡単で、見た目も分かりやすいものばかり。HTMLやCSSを記述する必要はありません。アメーバピグというアバターを設定できたり、グルっぽというサークルで交流したり、部屋を作ったり釣りやカジノができるなどというゲームも満載!アクセス解析などブログに必要なツールも最初からついています。デザインは選択制で、種類は多いですが、自分の好きなようにはできません。ブログのアドレスは必ずameblo.jpがつきます。自分の好きな単語をameblo.jpの後ろにつけることはできますが、全て自分の好きなアドレスに、ということはできません。手軽にブログを始めたい、交流したい、デザインなどには拘らない人はアメーバ向きかもしれません。・変更などがあった場合、Dreamweaverやホームページビルダーなどを使って、手作業でする。量が多いとなかなか対応しきれない。CS6特別なシステムを使わないので、作業はほとんど手作業でします。何かシステムを追加したいなと思った時は自作します。簡単なページだと手軽に作れますが、複雑なページだと、かなりの知識がないとちゃんとしたページができません。アップデートとかはないので、ホームページを作ったら放っておいても大丈夫ですが、Web制作技術は新しいものがドンドン出てきます。メンテナンスは定期的にした方が良いとは思います。制作や更新にはDreamweaverやホームページビルダーといった、ホームページ作成ソフトが欠かせません。ホームページ制作についてかなりの上級者か、もしくは初心者であまり難しいことは考えたくない人、更新頻度の低いページを作る時などは普通のホームページ制作で良いと思います。・HTML、CSSの知識があれば好きなデザインのページが作れる。知識がなくても始めることができる・修正箇所があっても、専用のエディタで簡単に修正できる・特別な機能はプラグインでつけられるので、難しい知識は必要ない・アドレスは好きなものが使える・同じホームページで通常ページとブログの両方を簡単に設置することができる。・アップデートがあるので、たまに更新をしないといけないWordPressはシステム化されているので、上画像のような管理画面とエディタを使って制作や更新は比較的簡単にできます。HTMLやCSSが分かる人であれば、デザインを自由にして、なおかつ本来JavaScriptなどで実装しないといけない複雑な機能も、ワンクリックでできます。カスタムや自由なデザイン制作をするのであれば、通常のホームページと同様、Dreamweaverやホームページビルダーといったホームページ制作用のソフトは必要があります。用意されたテーマを使用するなら、そういったホームページ制作ソフトは要りません。カスタムする場合も、最初さえ作ってしまえば後の更新は管理画面からできます。「このパソコンにはDreamweaver入ってないから、更新ができない!」なんてことはあまりないです。インターネットに繋がったパソコンからなら管理画面にアクセスすることができます。HTMLやCSSは分かるけど、そこから更に一歩進みたい人や、あまり知識はないけど高機能なホームページを作りたい人、構築は業者に任せるけどちょっとした変更などは自分でやりたいという人に向いていると思います。説明に「HTML」と「CSS」という言葉が頻発しましたが、そもそもそれが分からないから不安、という人でもWordPressの機能をいじれる部分があります。いった部分がいじれるのか、簡単に紹介します。WordPressをインストールしてログインすると、こんな画面が出てきます。インストールはサーバーにするので、インターネットに繋がっているパソコンからならどこでもアクセスできます。左に項目が色々並んでいるのですが、ここから設定をしていきます。ホームページ全体のデザインの変更ですね!使いたいテーマを選ぶだけで変更が反映されます。色や画像の変更ができるテーマもあり、その変更もここの画面からできます。自分の好みにあったテーマを探してインストールするのも簡単にできます。