README.md

CHAPTER 1 基本サイトの構築

STEP 1-6 ヘッダーとフッターの作成

<?php get_header(); ?>
ヘッダーの読み込み
<?php get_footer(); ?>
フッターの読み込み
<?php bloginfo('charset'); ?>
エンコードの種類
<?php bloginfo('name'); ?>
タイトル
<?php wp_title(); ?>
サイト名
<?php echo home_url(); ?>　　トップページへのリンク
<?php bloginfo('description' ); ?>　　サイトの説明
<?php bloginfo('rss2_url' ); ?> RSSフィードへのリンク
<?php bloginfo('template_url' ); ?> リンク先となるRSSフィードのURL

STEP 1-7 ナビゲーションバーとヘッダー画像の追加

トップページ
home.phpで生成
カスタムメニュー
register_nav_menus(array(
'navigation' => 'ナビゲーションバー'
))
カスタムヘッダー
add_custom_image_header('', 'admin_header_style');
function admin_header_style(){}
if構文
if(): <- コロン':'とセミコロン';'を間違えないように。
endif;
<?php header_image(); ?>
カスタムヘッダーの画像

STEP 1-8 記事の表示

<?php the_permalink(); ?>
パーマリンク
<?php the_title(); ?>
記事タイトル
ループ
<?php if(have_posts()): while (have_posts()): the_post(); ?>
<?php get_template_part('content' ); ?>
カスタムテンプレートであるcontent.phpを呼び出す
<?php endwhile; endif; ?>
記事個別ページのURL
<?php the_permalink(); ?>
記事タイトル
<?php the_title(); ?>
カテゴリーの表示
<?php hte_category(''); ?>
コンテンツ本文の表示
<?php the_content( ); ?>
投稿日時の表示
<?php get_the_date(); ?>

STEP 1-8 記事の表示

14:16 - 15:11

STEP 1-9 サイドバーの表示

15:11 - 15:37 = 26min ウィジェットの設定 register_sidebar(); これをしてないと、ウィジェットの設定がGUIで開けなかった。

サイドバーの表示やっとRSSを表示できるようになった！これが、情報収集サイネーじの第一歩！

STEP 1-10 トップページ以外のページの作成

15:40 - 15:53 13min

STEP2 カスタマイズの準備

15:55 - 16:30 35min

2-1 プラグインを利用するための準備

2-2 WordPressのヴァージョン情報を出力しないようにする

2-3 RSSフィードの情報を出力する

2-4 ライブラリの設定を出力する

2-5 テーマエディタのソースを色分け表示する

2-6 ビジュアルエディタの表示と完成ページのデザインをそろえる

2-7 ページの種類を識別できるようにする

STEP3 記事の個別ページのカスタマイズ

16:55 - min

3-1 フリーで利用できる画像の表示

3-2 複数の画像を並べて一覧表示する

3-3 記事ごとに一枚の画像を決まった位置に表示する

3-4 カスタムフィールドに入力した付加情報を表示する

-18:42 つまらん。ながす。

3-5 関連記事を表示する

18:42 - プラグインの設定ができない。プラグインのせい？新versionのせい？保留

3-6 記事の個別ページのデザインをカスタマイズする

-18:52 header.phpにて、個別記事の場合はヘッダー画像を読み込まないように条件分岐.

3-7 1つの記事を複数ページに分割する

18:55 -

3-8 画像の個別ページのデザインをカスタマイズする

19:17

メディアを追加できない

症状と対策

症状

WordPress 3.8.1にて、記事投稿じの「メディアの追加」ができない。具体的には、記事投稿をクリックしてもうんともすんとも言わない。以前はできていたのだが、気づいたらできなくなっていた。

wp-config.phpに以下を記述

define(‘CONCATENATE_SCRIPTS’, false ); 失敗。状況変わらず。メディアの追加を選択しても何も起きない。

新しいWordPressをインストール(3rd-wp)

メディアの追加可能。 Version: WordPress 3.8

3rd-wpを3.8.1に更新

問題なし。

sampleテーマを入れてみよう。

できるよーどうしよー。このままいこうか。

3rd-wpをjetpack.2.8に更新

問題なし。

まとめ

開発中は勉強もかねて、問題が起こったらとりあえず再インストールしまくろう。

STEP4 記事のタイトルのみをリストアップする

4-1 記事のタイトルのみをリストアップする

date.php
- 概要
  - 月別ページ
- 関数
  - get_header()
  - single_month_title()
  - have_posts()
  - the_post()
  - get_template_part('content', 'title')
  - get_template_part('pagenation')
  - get_sidebar()
  - content-title.php()
- content-title.php
  - 概要
    - 記事のタイトル一覧を表示
  - 関数
    - the_permalink
    - the_title
    - get_the_date

4-2 記事のタイトルと概要をリストアップする

カテゴリーページのこと。カテゴリーページはcontent.phpで表示しているので、トップページと同様に本文が表示される。そのためカスタムテンプレートcontent-excerpt.phpを作成しカスタマイズする。

content-excerpt.php
- 概要
  - 本文を表示せずリストするために、記事タイトルと概要を表示するカスタムテンプレート。
- 関数
  - the_excerpt()
    
    記事の概要(抜粋) の表示
function.php
- 概要
  - ユーザ関数
- 関数
  - function my_excerpt_more($more){}
    
    概要の省略記号を返す
  - function my_more_link($excerpt) {}
    
    概要の末尾に「続きを読む」リンクを追加
  - function my_excerpt_mblength($length) {}
    
    粋の文字数の指定
WP Multibyte Patchプラグイン
- 概要
  - 抜粋を入力していない場合、本文の一部を抽出してくれるが、日本語だとうまく表示されないので、WP Multibyte Patchプラグインを有効にする。日本語版WordPressには標準装備。

22:06

4-3 記事ごとにサムネイル画像を表示する 22:08 - 23:00

content-excerpt.php
- 概要
  - カテゴリーページにて、抜粋文章の横に表示するサムネイル画像の表示。基本的にアイキャッチ画像だが、代替画像、本文画像の表示も可能。
- 関数
  - has_post_thumbnail
    
    サムネイル画像の有無の確認
  - the_post_thumbnail
    
    サムネイル画像の表示
  - bloginfo('template_url')
    
    テンプレートファイルのパスを取得

4-4 表示する記事の数をテンプレート内で指定する 23:00 - 23:23

category.php
- 関数
  - <?php query_posts('posts_per_page=3' ); ?>
    
    ループにて表示する記事数の設定。( -1ですべて表示）ループの前に記述。 WordPressのGUI設定内で、1ページに表示する最大投稿数の設定が設定ループ数よりも大きいと404エラーになるので注意。その他query_postsのパラメータP141参照

4-5 古い記事から順に表示する 23:25 -

category.php
- 関数
  - &order=ASC <?php query_posts('posts_per_page=-1&order=ASC&' . $query_string ); ?>
    古い記事から表示するパラメータ。

4-6 最新の二件の記事のみサムネイル画像と概要を表示 14:05 - 14:37

home.php
- 関数
  - query_posts('posts_per_page=2');
    
    2件のみサムネイルと概要を表示。WordPressが投稿を表示するのに使用しているメインクエリーを置き換える手段。
  - query_posts('posts_per_page=8&offset=2');
    
    始めの2件を飛ばして(offset=2)、8件表示
- 関数
  - get_template_part('content','excerpt');
    
    サムネイルと概要を表示するカスタムテンプレートcontent-excerpt.pnpを呼び出す。
  - get_template_part('content','title');
    
    記事のタイトルのみ表示するカスタムテンプレートcontent-title.pnpを呼び出す。

4-7 おすすめ記事を表示する 14:40 - 15:07

home.php
- 関数
  - &ignore_sticky_posts=1
    
    おすすめ記事を表示するかしないかの指定。表示:0。非表示:1。
  - お勧め記事の指定
    
    投稿>投稿一覧にて、公開状態：一般公開>編集>この投稿を先頭に固定表示。でお勧め記事となる。
  - $myquery_pickup = array(
    'posts_per_page' => 1, //ループ回数。お勧めの表示数 'ignore_sticky_posts' => 1, //お勧めの表示・非表示 'post__in' => get_option('sticky_posts')
    ); ?>

4-8 特定の投稿フォーマットの記事を表示する 15:10 -

投稿フォーマット
- 概要
  - 記事の種類を指定する機能。指定できる投稿フォーマットは以下になっている。ガイドラインに従って試用することが求められているため、独自フォーマットなどは追加できません。
- 投稿フォーマット
  - aside
    
    短い記事(twitter)。タイトルを省略して表示。
  - gallery
    
    ギャラリーを表示した記事。
  - link
    
    リンクが主体の記事。
  - image
    
    一枚の画像が主体の記事。
  - quote
    
    引用が主体の記事。
  - status
    
    短い記事(facebook)。タイトルを省略して表示。
  - video
    
    ビデオが主体の記事
  - audio
    
    オーディオが主体の記事
  - chat
    
    チャットの記録をまとめた記事
function.php
- 関数
  - add_theme_support('post-formats' , array('status'))
  - add_theme_support('post-formats' , array('status', 'video'))
    
    投稿フォーマットの機能を有効にする。