【基本】WordPressサイト制作の際のタイトルの付け方【基礎】

SEOの観点でみると、大変重要な「タイトル」。

タイトルを付ける際には、検索キーワードと照らし合わせて、

【カテゴリ】　＋　【サイトタイトル】　＝　【狙うキーワード】

や、

【記事名】　＋　【サイトタイトル】　＝　【狙うキーワード】

となるようにつけよう。

例えば、静岡のサイトで、【しらす　静岡】を狙う生鮮通販店のサイトであれば、

サイトタイトルは、【静岡の生鮮食料品が目白押し｜全国通販送料無料｜○○○商店】等。

そしてカテゴリタイトルや記事名に【しらす】とだけいれると、

そのカテゴリページや単一記事ページは

【しらす-静岡の生鮮食料品が目白押し｜全国通販送料無料｜○○○商店】

となるので、結果的に狙う検索キーワードが先頭にあるページができあがることになる。

WordPressソースコードの表示プラグイン

ソースコードの表示用プラグイン。
コピペとか便利になる。

【例】↓↓↓↓↓↓

/* more-linkのハッシュ消し */
function remove_more_jump_link($link) {
  $offset = strpos($link, '#more-');
  if ($offset) {
    $end = strpos($link, '"',$offset);
  }
  if ($end) {
    $link = substr_replace($link, '', $offset, $end-$offset);
  }
  return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

IEで画像の上下にできる隙間の原因

上から下のブロックに画像のみでレイアウトしたところが、作ってみるとその上下のブロックとブロックの間に、数ピクセルほどの隙間が出てしまうのである。Firefox2（Win）・Chrome(Win)では問題ないのに、IE（Win）だと隙間ができてしまう。

「IE 画像 隙間」といったキーワードだったか、ヒントになるブログを発見。

それが「vertical-align」という記事である。

「画像(img)もインラインなのでそのままで使うとbaselineが適用されているので下がちょっと空く」

「画像の下にできる余白をつぶしたいのならimg{vertical-align:bottom;}とする」とあり、

設定してみると、解決！！！！

img要素がインライン、基本的に画像がブロック型をしているために忘れがちともいえる。

CSSの冒頭に
img { display:block; }

wordpressで特定のカテゴリーの最新記事を表示する

特定のカテゴリーの記事を新着順に表示する方法

「wordpress」のカテゴリーとして設定している新着記事を3件表示させます。

「WP_Query」を使ってPHPコードを書く

【PHPコード】
<!--▼カテゴリ別記事▼--->
<div id="categoribetsu">
<h2>カテゴリ別新着</h2>
<?php
$my_query = new WP_Query( array(
'cat' => 10,
'tag' => 'wordpress',
'posts_per_page' => '3',
'orderby' => 'date',
'order' => 'DESC'
));
if( $my_query->have_posts() ) :
?>
<div id="cat_kiji">
<h3>WORDPRESS</h3>
<ul>
<?php while( $my_query->have_posts() ) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; wp_reset_query();?>
</ul>
</div>
<?php else : ?>
no posts!
<?php endif; ?>
<!--▲カテゴリ別記事▲--->

さらっと処理を説明しますと、

• カテゴリIDを指定（６行目）
• タグ名に「wordpress」を指定（７行目　カンマで複数指定可）
• ページ数を指定（８行目）
• 日付でソート（９行目）
• 日付が新しい順（降順）で表示（１０行目）
• クエリで指定した条件で、ループ処理（１８行目）
• ループ処理終了時に取得したクエリ情報のリセット（１９行目）

となっています。