• このエントリーをはてなブックマークに追加

HTML

設置したいパーツにJavaScriptを記述する。

<script type="text/javascript" src="/blog/news/"></script>

news.php

WordPressの固定ページ機能を使って、テンプレートファイルを作成し、以下のようなコードで、他のパーツからJavaScriptとして参照する。

<?php
/**
 * Template Name: ******
 * JavaScriptとして出力します
 */
?>
<?php
query_posts(
	array(
		'post_type' => 'post'		// 投稿タイプの指定
		,'posts_per_page' => 3		// 1ページに表示する件数
		,'category_name' => '******' // カテゴリースラッグを指定
		,'paged' => $paged
	)
);
if (have_posts()){
	
	$fscc_content = '';
	
	// <ul>
	$fscc_content = '<ul>';
	
	// 新着のHTMLタグを入れ込む
	while (have_posts()) {
		the_post();
		
		// <li>タグ始まり
		$fscc_content .= '<li>';
			
			// <a>タグ始まり
			$fscc_content .= '<a href="' . get_permalink() . '">';
			
			if ( has_post_thumbnail ( ) ) {
			
				$fscc_content .= '<span class="thumb"><img src="' . get_the_post_thumbnail_url( get_the_ID(), 'medium' ) . '" alt="' . get_the_title('') . '"></span>';
			
			} // if ( has_post_thumbnail ( ) )
			
			// </a>
			$fscc_content .= '</a>';
				
			// 日付
			$fscc_content .= '<span class="datetime">' . get_the_time('Y.m.d') . '</span>';
		
		// </li>
		$fscc_content .= '</li>';
		
		
	} //while (have_posts())
	
	// </ul>
	$fscc_content .= '</ul>';

} // have_posts

wp_reset_query();

/********** 表示部分 **********/
echo "document.write('" . $fscc_content . "');";




// HTMLチェック用
// echo $fscc_content;
?>