自宅サーバの整理箱

自宅サーバを構築しwordpress,fedora,CentOSの作業メモ

*

固定ページに他ブログ最新記事を表示し、ボックスで並べて表示

   

固定記事に他ブログの画像サムネイルをボックスで表示するメモ書きです。

(1)固定記事に以下を貼り付けます。

<h3>自宅サーバの整理箱</h3>
<?php switch_to_blog(4); ?>
<?php
query_posts($query_string . 'showposts=3&cat=0');
if (have_posts()): 
    while (have_posts()) :
        the_post();
    echo "<!--START-->";
    echo "<div class='entry-toppage'>";
    echo "<div class='sumbox-toppage'>";
    echo "<a href='";
    the_permalink();
    echo "' title='";
    the_title_attribute();
    echo "'>";
the_post_thumbnail(array( 150,150 ),array( 'alt' =>$title, 'title' => $title));
    echo "</a></div>";
    echo "<div class='entry-content-toppage'>";
    echo "<a href='";
    echo mb_substr(the_title(”,”,false),0,30);
    echo "</a>";
    echo "</div>";
    echo "</div>";
    echo "<!--STOP -->";
    endwhile;
endif;
wp_reset_query();
?>
<?php restore_current_blog(); ?>
<br/>

(2)CSSスタイルシートはこんな感じで設定しました。

.entry-toppage {
	margin: 15px;
	float: left;
        padding: 5px;
	margin 10px;
	width: 160px;
        height: 220px;
	border: 1px solid #ccc;
	background-color: #FFF;
}
.sumbox-toppage {
	float: left;
}
.sumbox-toppage img {
        margin-bottom: 1px;
}
.entry-content-toppage {
	clear: both;
        font-size: 13px;
	margin-top: 0px;
}

出来上がりはこんな感じになりました。
>>ポータルサイト

 - Word Press

 Total 97 views