kdcsライブラリー

WordPressで本文抜粋110文字まで表示できるタグ

<?php the_excerpt(); ?>

基本は英数字55単語となっているようで、日本語110文字に対応させるには「WP Multibyte Patch」プラグインを有効にする必要があります。

※このテンプレートタグを使用した場合、記事本文の110文字の後に[…]が表示されます。
※このタグを使うとpタグで囲まれるのでpタグを外すには以下のコードを使う

<?php echo get_the_excerpt(); ?>

◆表示文字数を変える（function.phpに以下を記述）

//the_excerpt() 抜粋文字数の変更 ---------------
function my_excerpt_length($length) {
	return 80;
}
add_filter('excerpt_length', 'my_excerpt_length');

◆文末の[…]を削除する方法（function.phpに以下を記述）

//the_excerpt() 抜粋の省略文字削除 -------------
function my_excerpt_more($more) {
	return '';
}
add_filter('excerpt_more', 'my_excerpt_more');

◆文末の[…]を別の文字に変更する（function.phpに以下を記述）

//the_excerpt() 抜粋の省略文字を変更 -----------
function my_excerpt_more($more) {
	return '…';
}
add_filter('excerpt_more', 'my_excerpt_more');

◆別の文字に変更して、その記事へのリンクを追加する（function.phpに以下を記述）

function my_excerpt_more($post) {
	return '<a href="'. get_permalink($post->ID) . '">' . '…続きを読む' . '</a>';
}
add_filter('excerpt_more', 'my_excerpt_more');

外部で運営中のブログ（アメーバブログ）のfeedから情報を取得し
WordPressのページに更新情報を掲載する方法をphpで行う
※PR（広告記事は除外する）amebloIDの部分を書き換える

<?php
  include_once(ABSPATH . WPINC . '/feed.php');

  $display_posts_count = 5;
  $get_posts_count = 10;
  $ameblo_feed = fetch_feed('http://rssblog.ameba.jp/AmebloID/rss20.xml');

  $counter = 0;
  if (!is_wp_error( $ameblo_feed ) ) :
    $maxitems = $ameblo_feed->get_item_quantity($get_posts_count);
    $feed_items = $ameblo_feed->get_items(0, $maxitems);
  endif;
?>
<ul>
  <?php if ( $feed_items == 0 ) echo '<li>新しい記事はありません</li>';
    else
    foreach ( $feed_items as $item ) :
    if( !preg_match('/^PR:/', $item->get_title() ) && $counter < $display_posts_count ):
  ?>
  <li>
    <span><?php echo $item->get_date('Y.m.d'); ?></span><br />
    <a href="<?php echo $item->get_permalink(); ?>" target="_blank"><?php echo $item->get_title(); ?></a>
  </li>
  <?php
    $counter++;
    endif;
    endforeach;
  ?>
</ul>

(続きを読む…)

非推奨パラメータと代替え関数

よく使うurlとtemplate_url
urlは

<?php bloginfo('url'); ?>

を

<?php echo home_url(); ?>

template_urlは

<?php bloginfo('template_url'); ?>

を

<?php echo get_template_directory_uri(); ?>

WordPressをブログ投稿付きウェブサイトとして構築する場合の手順

テーマにテンプレートファイルを作成する
☆トップページ用のテンプレートファイルを作成しfront-page.phpで保存
この時、テンプレートの適用順は　front-page.php → home.php→index.php

☆投稿ページ用のテンプレートファイルを作成しhome.phpで保存
この時、テンプレートの適用順は　home.php→index.php

固定ページの新規追加
◆固定ページで「トップページ」を作成する　テンプレートはデフォルトテンプレートのまま
※トップページはサンプルページを編集

◆固定ページで「任意の名前」（投稿ページ）を作成する　テンプレートはデフォルトテンプレートのまま

設定の「表示設定」にてホームページの表示を設定する
※例として投稿用の固定ページ名はブログで作成

トップページ（フロントページ）の条件分岐タグは

<?php if (is_front_page()): ?>

投稿用ページhome.phpの条件分岐タグは

<?php if (is_home()): ?>

※ フロントページに指定した固定ページはパーマリンクが設定できなくなる
※ 投稿ページに指定した固定ページは「最新の投稿を表示するページを編集中です。」と表示される。

その他の条件分岐タグ
◆トップページにだけ表示する場合

<?php if ( is_home() || is_front_page() ) : ?>
トップページにだけ表示したい内容を記述する
<?php endif; ?>

◆トップページ以外に表示したい場合

<?php if ( !is_home() && !is_front_page()) ) : ?>
トップページ以外に表示したい内容を記述
<?php endif;　?>

◆トップページとそれ以外のページを分岐

<?php if ( is_home() || is_front_page() ) : ?>
トップページにだけ表示する内容
<?php else : ?>
トップページ以外に表示する内容
<?php endif; ?>

meta要素の「property」

<meta property="og:site_name" content="サイト名"/>
<meta property="og:title" content="ogpのタイトル <title/>と同じ内容">
<meta property="og:description" content="ogpの本文 <meta name='description'/>と同じ内容。">
<meta property="og:type" content="website（トップページがwebsite 下層ページがarticle）"/>
<meta property="og:url" content="サイト（ページ）の絶対パスURL"/>
<meta property="og:image" content="画像の絶対パスURL"/>

例

<meta property="og:site_name" content="kdcs-Library"/>
<meta property="og:title" content="kdcs-Libraryのタイトル"/>
<meta property="og:description" content="html・JavaScript・WordPressなどkdcsのテクニカルメモです。"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://library.kdcs-web.com"/>
<meta property="og:image" content="https://library.kdcs-web.com/wp-content/themes/library/images/xxx.jpg"/>

【捕捉】
titleは32文字程度
discriptionは120文字程度
横長の画像は比率1.91:1。600x315px以上であれば良いが、推奨は1200x630px。
正方形の画像は600x600px以上。

Twitterでの表示 —————————————

<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@twitter_acount"/>

【捕捉】

twitter:cardはsummaryまたはsummary_large_image（推奨サイズ1200px x 630px）
summaryは比率1:1 最少サイズ144px x 144px
summary_large_imageは比率1.91:1 最少サイズは600px x 314px

(続きを読む…)