- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2021-09-26T09:03:57+09:00;2020-11-29T22:11:39+09:00","default:inoue.ko","inoue.ko")
*WordPress
//[[Introduction>WordPress]] | [[Basics>WordPress/Basics]] | [[Plugins>WordPress/Plugins]] | [[Customize>WordPress/Customize]] | [[Backup>WordPress/Backup]] | [[Memo>WordPress/Memo]]
~
**はじめに
WordPress は近年最も注目度の高いオープンソースの[[CMS]]で、事実上の標準とも言える存在です。以下、2つの公式サイトがあります。
-http://ja.wordpress.com/ ← とりあえず、ブログサービスを利用
-http://ja.wordpress.org/ ← 本体をダウンロードしてインストール
-参考:WordPressの利用状況他
--[[W3Techs Usage of content management systems for websites>http://w3techs.com/technologies/overview/content_management/all]]
--[[GoogleTrends: WordPress, Shopify, Joomla, Drupal, Wix]]
//--[[GoogleTrends: WordPress,MovableType,Joomla!,Drupal,XOOPS]]
HTMLやCSSに関する専門的な知識がなくても、とりあえず始められる。と同時に、技術を段階的に身につけていけば、完全に自分の手でカスタマイズできる。あらゆるオープンソースに言えることですが、
・安くてほとんどだれでも手に入れられる
・小さな規模で応用できる
・人間の創造力を発揮させる
WordPressはその意味でも、非常に完成度の高いツールと言えます。
~
***CONTENTS
#contents2_1
~
~
**WordPress.com の体験
***とりあえず体験してみる
WordPress はブログ系のCMSなのですが、そもそもブログの編集自体経験がない方には、どんなものか見当がつなかい・・・そんな存在だと思います。
そこで、まずは、アカウントをとるだけで WordPress が体験(もちろん同時に情報発信)できる wordpress.com の活用をおすすめします。まずは、ここで実際に投稿してみる・・・、またダッシュボード(管理画面)でできることを確認してみて下さい。
~
***WordPress アカウントの取得
必要なのはメールアドレスだけです。開設には5分もかかりません。
-[[WordPress.com に接続>http://ja.wordpress.com/]]
-WordPress.comでアカウントを作成 > [[WordPress/Account]]
-開設事例:https://opensquarejp.wordpress.com/
~
***実際に使ってみる|Blog体験
ページを独立させました > [[WordPress/Basics]]
~
~
**レンタルサーバーにセットアップ
ページを独立させました > [[WordPress/RentalServer]]
~
~
**ローカルサーバーにセットアップ
ページを独立させました > [[WordPress/LocalServer]]
~
~
#aname(WP_SOURCE)
~
**WordPress の文書構造
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
#image(MVC.png,right,25%)
WordPress のプログラムは MVC モデルに基づいて構成されています。MVCモデルとは、ユーザーインタフェースをもつアプリケーションソフトウェアを構築する際にプログラムを整理するためのデザインパターンです。システムは、以下のように役割を分割をした形でプログラミングされています。
-Model:データベースへのアクセス等、ビジネスロジックとなるプログラム
-View:画面表示(テンプレート)や入出力のプログラム
-Controller:ModelとViewを制御するプログラム
&scale(70){画像出典:https://commons.wikimedia.org/wiki/File:MVC-Process.svg};
~
~
#hr
-https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
// inoue.ko
-https://opensquarejp.wordpress.com/
// opensquarejp
-https://jssd5th.wordpress.com/
// jssd5th De/////05
-http://opensquarejp.wp.xdomain.jp/
// opensquarejp
-http://opensquarejp.starfree.jp/wordpress/
// inoue.ko
-http://opensquarejp.hotcom-web.com/wordpress/
// inoue.ko
// PWはいずれも共通
~
~