【基本】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で画像の上下にできる隙間の原因

  • 2012年04月25日
  • CSS

上から下のブロックに画像のみでレイアウトしたところが、作ってみるとその上下のブロックとブロックの間に、数ピクセルほどの隙間が出てしまうのである。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を指定(6行目)
  • タグ名に「wordpress」を指定(7行目 カンマで複数指定可)
  • ページ数を指定(8行目)
  • 日付でソート(9行目)
  • 日付が新しい順(降順)で表示(10行目)
  • クエリで指定した条件で、ループ処理(18行目)
  • ループ処理終了時に取得したクエリ情報のリセット(19行目)

となっています。