読者です 読者をやめる 読者になる 読者になる

Hope is a Dream. Dream is a Hope.

非公開ふぃふぃ工房ブログ

↓LINE登録はこちら↓

定期的につぶやいてます. 記事に興味を持って頂いたかたや、Line Botを使ってみたいかたは試しに登録どうぞ

友だち追加

PHP

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
      • 概要
        • 記事のタイトル一覧を表示
      • 関数

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ですべて表示)ループの前に記述。 WordPressGUI設定内で、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'))

        投稿フォーマットの機能を有効にする。