Home > wordpressでホームページ制作

wordpressでホームページ制作

wordpressで最新記事にnewマークをつける方法

2012 年 5 月 10 日 木曜日

以前、新着情報に使える便利なJavaScriptの記事をかきましたが、

最近、「トップページの新着情報にNEWをつけてほしい…..」という依頼をたて続けにいただき、
まとめの意味で再投稿です。

jQuery(document).ready(function(){
var currentDate = new Date();
jQuery(‘.newmarkList’).each(function(){
var pass       // passage time
= 240;
var content    // display content
= ‘<img src=”http://www.wp-plan/img/item/newmark.gif” alt=”10日以内の新着ブログ記事” width=”18″ height=”5″ title=”10日以内の新着ブログ記事” />’;
var newmarkAttr = jQuery(this).attr(‘title’);
newmarkAttr = newmarkAttr.replace(/年|月|日|時|分/g,’:');
newmarkAttr = newmarkAttr.replace(/\s|秒.*/g,”);
var time = newmarkAttr.split(“:”);
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (currentDate.getTime() – entryDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(now <= pass){
jQuery(this).after(content);
}
});
});

このようなソースコードを　newmark.js　などのファイル名にしてサーバーにアップします。

今回は画像を表示させるように設定していますが、テキストで表示させたい場合は、
６.７行目あたりを

var pass // passage time = 240;
var content // display content = ‘<span>New !!</span>‘;

のようにします。

<head></head>の要素内でファイルを読込みます。

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>google.load(“jquery”, “1.2″);</script>
<script type=”text/javascript” src=”http://www.wp-plan/js/newmark.js” charset=”UTF-8″></script>

新着情報のNEWマークを表示させたいリンクに　class=”newmarkList”　を設定します。

<h2>新着情報</h2>
<?php query_posts(‘category_name=news&showposts=5′); ?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li><a class=”newmarkList” href=”<?php the_permalink() ?>” title=”<?php the_modified_time(‘Y年m月d日 H時i分s秒 に更新’); ?>”><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>

これで10日以内の新着記事にリンクつきでNEWマークが表示されます。

タグ:
カテゴリー: wordpressでホームページ制作 | コメントはまだありません »

カテゴリーメニューの表示方法,その2

2010 年 4 月 23 日 金曜日

以前「カテゴリーメニューの表示方法」という記事を書きましたが、その続き・・・

リンク付きカテゴリーリストを表示するテンプレートタグ　『wp_list_categories』

使い方は

<?php wp_list_categories('引数'); ?>

●カテゴリをアルファベット順にソート、カテゴーリID 3, 4, 5 のみを表示したいときは、次のようにコードを書きます。

<ul>
<?php wp_list_categories('orderby=name&include=3,4,5'); ?>
</ul>

●カテゴリー名順にソート、各カテゴリーの投稿数を表示して、リストからカテゴリーID ５ を除外したいときは次のようになります。

<ul>
<?php wp_list_categories('orderby=name&show_count=1&exclude=10'); ?>
</ul>

●リストからカテゴリーID ４とID７ を除外して見出しを非表示したいとき、’title_li=’で指定

<ul>
<?php wp_list_categories('exclude=4,7&title_li='); ?>
</ul>

●child_ofで指定したカテゴリーIDの子カテゴリーのみを投稿数付きで表示。
use_desc_for_titleはカテゴリーの概要をリンク（アンカータグ）のtitle属性に挿入するか。初期値は1（ true）（カテゴリー概要を挿入）。

<ul>
<?php wp_list_categories('child_of =5&use_desc_for_title=1'); ?>
</ul>

●フィードリンク付きカテゴリ表示

<ul>
<?php wp_list_categories('orderby=name&show_count=1&feed=RSS'); ?>
</ul>

※RSS リンク部分をフィードアイコンで表示するときは、その画像の URLを設定。

<ul>
<?php wp_list_categories('orderby=name&show_count=1&feed_image=/images/rss.gif'); ?>
</ul>

パラメータ一覧はこちらを参照

タグ:
カテゴリー: wordpressでホームページ制作 | コメントは受け付けていません。

関連する記事を表示する方法

2010 年 4 月 23 日 金曜日

プラグインを使わずに関連する記事を表示する方法。このサイトでも使用しています。

同じタグのものを関連する記事として表示します。
『’showposts’=>3』のようにshowpostsの値で表示させる記事の数を設定します。

<ul>
<?php $tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]-> term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>3,
'caller_get_posts'=>1
);

$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
	<li>
<h4>
<a title="<?php the_title_attribute(); ?>" rel="bookmark" href="<?php the_permalink();?>"></a>
</h4>
<p><?php echo get_post_meta($post->ID,'short_desc',true); ?></p>
</li>

<?php endwhile; wp_reset_query(); ?>
        <?php } else { ?>
            <p>関連する記事は見当たりません…</p>
        <?php } } ?>
</ul>

タグ:
カテゴリー: wordpressでホームページ制作 | コメントは受け付けていません。

robots.txtの記述内容

2010 年 4 月 13 日 火曜日

検索エンジン最適化を図るための、WordPressの「robots.txt」記述方法。
WordPressを設置しているルート フォルダにアップします。
(続きを読む…)

タグ:
カテゴリー: wordpressでホームページ制作 | コメントは受け付けていません。

Page 1 of 212