WordPress は近年最も注目度の高いオープンソースのCMSで、事実上の標準とも言える存在です。以下、2つの公式サイトがあります。
HTMLやCSSに関する専門的な知識がなくても、とりあえず始められる。と同時に、技術を段階的に身につけていけば、完全に自分の手でカスタマイズできる。あらゆるオープンソースに言えることですが、
・安くてほとんどだれでも手に入れられる
・小さな規模で応用できる
・人間の創造力を発揮させる
WordPressはその意味でも、非常に完成度の高いツールと言えます。
WordPress はブログ系のCMSなのですが、そもそもブログの編集自体経験がない方には、どんなものか見当がつなかい・・・そんな存在だと思います。
そこで、まずは、アカウントをとるだけで WordPress が体験(もちろん同時に情報発信)できる wordpress.com の活用をおすすめします。まずは、ここで実際に投稿してみる・・・、またダッシュボード(管理画面)でできることを確認してみて下さい。
必要なのはメールアドレスだけです。開設には5分もかかりません。
ページを独立させました > WordPress/Basics
ページを独立させました > WordPress/RentalServer
ページを独立させました > WordPress/LocalServer
WordPress が書き出すHTMLは、およそ以下のような構造になっています。
世界が認めた事実上の標準。ページの構造の典型として参考になります。
<body>
<div id="page">
<header>
<hgroup>
<h1 class="site-title">OpenSquareJP</h1>
<h2 class="site-description">Just another WordPress site</h2>
</hgroup>
<nav id="site-navigation">
<h3>Menu</h3>
<div class="nav-menu">
<ul>
<li class="current_page_item">****</li>
<li class="page_item page-item-1">****</li>
<li class="page_item page-item-2">****</li>
</ul>
</div>
</nav>
</header>
<div id="main">
<div id="primary">
<div id="content">
<article id="****">
<header class="entry-header">
<h1 class="entry-title">information</h1>
</header>
<div class="entry-content">
<p>****</p>
<p>****</p>
</div><
<footer>
****
</footer>
</article>
<div id="comments">
****
</div>
</div>
</div>
<div id="secondary">
<aside id="*****">
****
</aside>
<aside id="*****">
****
</aside>
</div>
</div>
<footer>
<div class="site-info">
****
</div>
</footer>
</div>
<script type='text/javascript' src='http://**** '></script>
</body>
WordPress のプログラムは MVC モデルに基づいて構成されています。MVCモデルとは、ユーザーインタフェースをもつアプリケーションソフトウェアを構築する際にプログラムを整理するためのデザインパターンです。システムは、以下のように役割を分割をした形でプログラミングされています。
画像出典:https://commons.wikimedia.org/wiki/File:MVC-Process.svg