カテゴリー別アーカイブ: WordPress

WordPress の基本情報メモ

夏休みのため、忘れないように関連情報のメモ

解説

WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。

ウェブログシステム WordPress の公式オンラインマニュアル(ドキュメント)であり、WordPress 知識の百科事典

  • WordPressの構成:

http://nskw-style.com/2010/wordpress/php/summary-of-how-wp-works.html

http://tro.main.jp/wordpress-theme/setting1.html

http://tenderfeel.xsrv.jp/wordpress/reference/154/

http://tanaka-yusuke.com/2012/wordpress-folder/%E3%83%8D%E3%83%83%E3%83%88%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E7%B5%8C%E5%96%B6%E8%A1%93

 

テーマの選定

相模原クレマチスの会のテーマのベースになるテーマとして Twenty Thirteen にも期待していたが、使用してみるとブログ向けのデザインになっていることがわかり候補からドロップ。まずは作成実績のあるTwenty twelve で進めることにする。

子テーマの使用は必須なので要調査。Twenty twelve と同じディレクトリに子テーマ用のディレクトリを作れば良いはず。こちらは、sakura サーバにログインして作業する必要ありか。

レスポンシブWebデザイン

WordPress のテーマで比較的新しいテーマの説明にレスポンシブ対応といった表記があります。

PC、スマートフォン、タブレットなど画面サイズが異なるデバイスに対応した Webページを提供する手法には、次のような手法があるそうですが、

  1. 端末毎に合わせたサイズの別々のページを作る
  2. コンバーターなどのツールによりPCサイトを自動で変換する
  3. レスポンシブWebデザインで作る

レスポンシブWebデザインではブラウザのスクリーンサイズを基準にレイアウトを自動で画面レイアウトを切り替える仕組みになっているようです。

メリットは、画面サイズが異なる端末に表示した時にも最適化した表示が行われるので、端末ごとにペー ジを作成する必要がなくなること。

デメリットは、

  • 端末ごとの細かなデザインの変更ができない。(仕様の落としどころ)
  • シンプルなデザインにならざるえない。

・ 画面が狭いスマートフォンの画面で快適に閲覧できるように
・ 通信速度が遅いので情報量は少な目に

  • 必要以上に凝ったデザインにするとソースコードが複雑になり、更新に手間がかかる可能性が高い。
  • コンテンツによってはレスポンシブWebデザインに対応できない(できていない)

・ YouTube の画面のアスペクト比が変わる。静止画のアスペクト比は表示画面に合わせて調整されているようだ。
・ 文章の部分の幅は画面幅に合わせて調整されるが、表の横幅は調整されないので、PCで作成した表をモバイル端末で見ると表だけはみ出してしまう。

WordPress とは?

WordPress.org (http://ja.wordpress.org/) の ようこそ に書かれている一文が一番簡潔です。
「WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。」

更に、オープンソース は特徴の一つなので、個人的には、

「WordPress (ワードプレス) は、ブログ/CMS プラットフォームです。」

が良いかな。 キーワードは、CMS (Contents Management System) と プラットフォーム。

テンプレートの構成 (途中)

市販の WordPress の解説書は、いかに早く見栄えの良いサイトを開設するかといった内容が多く、WordPress の構造や振る舞いに関する情報が少ないので、ホームページを作る際に調べた事や気が付いたことをメモの形で残すことにします。

  • カテゴリ: WordPress

twentytwelveのファイル

テンプレート名とファイル名。説明は、わかった時点で加筆

テンプレート名 ファイル名 サイズ 説明
404テンプレート 404.php 814 bytes ​ 該当するページがない(404エラー)の時に表示
アーカイブ archive.php 2.0 KB ​
author.php 2.3 KB ​
カテゴリ category.php 1.4 KB ​
コメント comments.php 2.1 KB ​
content-aside.php 1.2 KB ​
content-image.php 1.1 KB ​
content-link.php 1.1 KB ​
content-none.php 593 bytes ​
content-page.php 859 bytes ​
content-quote.php 1.1 KB ​
content-status.php 1.3 KB ​
content.php 2.8 KB ​
editor-style-rtl.css 413 bytes ​
editor-style.css 5.3 KB ​
フッター footer.php 749 bytes ​
functions.php 16.8 KB ​
ヘッダー header.php 2.2 KB ​
イメージ image.php 4.0 KB ​
メインインデックス index.php 2.0 KB ​
ページ page.php 726 bytes ​
rtl.css 4.6 KB ​
screenshot.png 167.0 KB ​
検索結果 search.php 1.3 KB ​
sidebar-front.php 987 bytes ​
サイドバー sidebar.php 417 bytes ​
single.php 1.0 KB ​
スタイルシート style.css 34.7 KB ​ スタイルシート
タグ tag.php 1.4 KB

zip ファイルを展開すると、HTML ファイルも見つかるので、こちらも要調査。

おまけ

twentytwelve  のソースコード

http://core.trac.wordpress.org/browser/trunk/wp-content/themes/twentytwelve#page-templates

ソースコード管理: Subversion

バグデータベース: Trac