※スマホ対応はしてません。

タグ: WordPress

WordPressで「続きを読む」の前を消し去るNoTeaser記法ってご存知ですか。

カテゴリー: サーバー

先日のNextPage記法に引き続き、また知らないのがあったので。

「続きを読む」より前の部分を消し去り、一覧画面と個別画面で全く別の文章を表示させる事ができます。

(さらに…)

プログラマーだけどWordPressのテーマを1から作ってみる。(その2)

カテゴリー: サーバー

前回の続き。例によって、あまり人に読まれる事を考慮してません(笑)

ここまでのあらすじ

(´-ω-`) oO

(´=ω・`) え、なに?

というわけで、

今日は記事本体を見ていきます。

記事を表示するのは幾つかパターンあるみたい。

  • 個別表示(パーマリンク)
  • 一覧表示
    • フロントページ
    • 検索
    • カテゴリー
    • タグ

今現在の仮の状態

今は記事の部分の出力はこんな感じ。

  • wp-content/themes/ginpen/index.php (部分)
<div id="main">
<ul>
<?php
while ( have_posts() ) {
  the_post();
  echo '<li><a href="';
  echo the_permalink();
  echo '">';
  echo the_title();
  echo '</a></li>';
  // get_template_part( 'content', get_post_format() );
}
?>
</ul>
</div>

ulはもちろん今だけです。本丸はコメントアウトしてあるget_template_part()の部分。

まあ関数の名前を見ればなんとなくわかる気がする。

get_template_part( $slug, $name )

テーマのその名前のテンプレートパーツをインクルードします。name を指定した場合は、特定の部分をインクルードします。{slug}.php ファイルが無い場合は、インクルードしません。

というわけでcontent.phpだな。

  • wp-content/themes/twentyeleven/content.php

100行程度。まずはこれをじっくり見てゆきます。

(さらに…)

WordPressでタイトル取得するところ、ちょっと調べてきたよ。

カテゴリー: サーバー

WordPressのテーマのコードを読んでいたらよくわからない記述にぶち当たったので。

  • wp-content/themes/twentyeleven/content.php #19
            <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>

記事のタイトルを表示している箇所なんですが、そのタイトルを表示するのに二通りの関数を使っています。

  • the_title()
  • the_title_attribute()

なんぞ?? と思って調べてみたわけです。

(さらに…)

WordPressでページを分割するNextPage記法ってご存知ですか。

カテゴリー: サーバー

知ってる人には当たり前なんだろうけれど、僕は知らなかったのでメモついでに皆様にも。FYIってやつですね。

特に設定とかはいらないみたいで、改ページしたい箇所にこう書くだけ。

<!--nextpage-->

ね、簡単でしょう?

というわけで、次のページへ続く。

プログラマーだけどWordPressのテーマを1から作ってみる。(その1)

カテゴリー: サーバー

作業しながらめもめも。

初めてやってみました。今まではこれ、デフォルトのテーマ”twentyten”のCSSだけ改造してやってたんだけど、諸々省略したり変更したりしても良いかなーと。

基本的には、最新のデフォルトテーマ”twentyeleven”のコードを読みながら、真似たり省いたりして自分専用のテーマをスクラッチ製造してみました。

空のテーマを作成する

テーマは wp-content/themes/<theme name> に作るらしい。ということで。

cd wp-content/themes
mkdir ginpen
cd ginpen

さらにPHPとスタイルシートが必要らしい。欠けていると「壊れたテーマ」とされてしまう。

“hello”とだけ表示するPHPを作成。

  • wp-content/themes/ginpen/index.php
<?php
echo "hello"
?>

空のスタイルシートを作成。

  • wp-content/themes/ginpen/style.css

↑本当に空です。

管理者でログインして、「外観>テーマの管理」から「ginpen : 匿名 作」を「有効化」する。

表示してみた

WordPressの(公開側の)ページを開いて、”hello”とだけ出たら成功!

(さらに…)