[サイト作り] [WordPress] サイドバーに投稿を置いてみるテスト

サイドバーに特定カテゴリーの記事を表示させてみるテスト

管理人はPHPに詳しくないので、手探りで試してます。

んで、このブログに合わせてカスタムしてるので参考程度に

2009年5月19日現在
サイドバーにある動画の場所です。

WP環境 2.61

やった事
・サイドバーに表示させるカテゴリーの投稿をトップページから除外

・サイドバーに特定カテゴリーの投稿だけ表示させるコードを追加と
サイドバーエントリー用のCSSを追加

出来てない事
アーカイブページからの除外(´;ω;`)

※記号の半角が全角になってる場合があるのでコピペの際は修正確認。

1、トップページからサイドバーエントリーの記事を除外
カテゴリーID 14を除外という風に設定

index.phpの

の上に

<?php if (is_home()) { query_posts("cat=-14"); } ?>

“cat=-14″カテゴリー14を除外

2、サイドバーにコードを追加
カテゴリーID 14の記事を1個だけ表示という風に設定

<?php if (is_home() || is_single() || is_page() || is_archive() || is_category()) { query_posts("showposts=1&cat=14"); } ?>

<div class="sidecontent">

<?php if(have_posts()): ?><?php while(have_posts()):the_post(); ?>

<div class="sidepost">

<div class="sideentry">
<?php the_content(); ?>
<?php link_pages('<p>
Pages:
','</p>','number'); ?>

</div>

</div>

<?php endwhile; ?>

<?php else: ?>

<?php endif; ?>

</div>

トップページにだけ表示させたい場合は、

<?php if (is_home() || is_single() || is_page() || is_archive() || is_category()) { query_posts("showposts=1&cat=14"); } ?>

上記の部分を下記にすると良い

<?php if (is_home() ) { query_posts("showposts=1&cat=14"); } ?>

表示させる投稿の数は、”showposts=1″の数字を変更し、カテゴリーを指定するには
“cat=14″のカテゴリーIDを変更

たんに、index.phpの投稿部分をサイドバーに記述しただけです。

んで、サイドバー用にスタイル付けしました。

ブログのコンテンツではないカテゴリーをサブコンテンツとして設置してみようと思ったのですが

毎回、サイドバーを書き換えるのがめんどくさいと感じたので”投稿”という形で設置。

これなら、書き換えも記事の編集から出来るので楽かなと

新規投稿した記事がサイドバーに表示されるのでサブコンテンツっぽく?

スタイルシートは、YouTubeの動画を表示させようと思ったので、サイドバーのスタイルに合わせて追加

.sidecontent{
width:270px;
margin: 0 0px 20px 0px;
background: #000;
}

.sidepost {
text-align: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 0px 10px;
}

.sideentry {
font-size: 13px;
line-height: 22px;
height: auto;
padding: 20px 0px 10px 0px;
color: #6bb374;
}

.sideentry embed{
width: 250px;
height:203px;
margin:0 0px 10px 0;
}

.sideentry embedがYouTube動画用

ただ、このままだとシングルページを開いた時に同じ記事がメイン、サイドと表示されるので

サイドバーだけに表示させるなら、アーカイブページから除外、カテゴリーリストから除外など必要かと

色々試して追記します

※あくまで、当ブログにあわせた設定です。

Did you like this? Share it:

パーマリンク

投稿 URL

投稿をリンクする

抜粋付きリンクタグ

Random Posts

  • 2010年9月8日 -- [WP プラグイン] Weaver Comment Disclaimer – コメントフォームに注意書きのスペースを追加
    コメントフォームの下に、注意事項などのテキストフィールドを追加するプラグイン。 「Weaver Comment Disclaimer」 1、プラグインをアップロード & 有効化 2、管理メニュー - 設定 - Comment Disclaimer を開く Comment Disclaimer: ここに注意事項などを書き込む "Upload Comment Disclai...
  • 2010年12月22日 -- [WordPress] ユーザープロフィールページに新しいプロフィールブロックを追加する
    ユーザープロフィールページの“あなたについて”の項目の下に、“Extra profile information"という項目を追加する 「連絡先情報はネット関連のプロフィールで、ここで追加するブロックにユーザーに関するプロフィールを」みたいな使い方が出来ます。 テスト WP 3.0 参考サイト 「Adding Extra Fields to the WordPress User P...
  • 2012年1月14日 -- 12monchys: 2012年ビスコ 29個目。
    12monchys: 2012年ビスコ 29個目。...
  • 2012年2月15日 -- 2月15日のツイート
    ブログ更新,( 。・ω・) よもぎ香る 草だんご http://t.co/12inJVUa posted at 22:44:03 ブログ更新,( 。・ω・) ビスコココア http://t.co/G7XdpkjO posted at 18:58:49 2012年ビスコ 115個目(ここあ)。こびとさん、...
  • 2008年6月14日 -- [WordPress] XAMPPを導入してローカル内でWordPressをいじる
    XAMPPとは、ウェブアプリケーションの実行に必要なフリーソフトウェアをパッケージとしてまとめたもので、apachefriends.orgから提供されている。主として開発用ではあるが、実運用環境として使われることもある。 引用:ウィキ パソコンに、Apache(Webサーバ)、MySQL(SQLデータベースサーバ)とWebプログラミング言語であるPHPや同目的で使われるPerlの4つの主要ソフト...
  • 2011年8月28日 -- [WP プラグイン] Background Patterns – サイトの背景画像を変更するプラグイン
    背景画像を変更するのに便利なプラグイン。 「Background Patterns」 シンプルです 1、プラグインのアップロード and 有効化 2、管理メニュー≫外観≫背景 画像をアップロード コンピューター内の画像を参照ボタンから選択し、アップロードボタンをクリックして背景に使う画像をアップロード 表示オプション 表示する場所や、繰り返し表示するかなど...
  • 2010年5月9日 -- [WPプラグイン] Wiki Menus – 親ページ内に子ページリスト
    ページの本文に、そのページに属する子ページのリストを表示するプラグイン 「Wiki Menus」 プラグイン有効後に、親ページにショートコードを貼る [wikimenu] 孫ページを創った場合は、 子ページ 孫ページ 子ページ このように出力されるので、CSSでキレイにレイアウトしましょう...
  • 2012年4月10日 -- [WP プラグイン] List Sub Categories (LSC) – サブカテゴリーリスト
    親カテゴリーを開くと、その親に属するサブカテゴリーのリストを表示 「List Sub Categories (LSC)」 1.Upload plugin to the /wp-content/plugins/ directory 2.Activate the plugin 3.管理メニュー » 外観 » ウィジェット » List Sub Categories (LSC)を追加...
  • 2011年10月12日 -- 10月12日のツイート
    あきない総研の「katanaファンド」、沖縄と長野の2社へ出資 http://t.co/ycoSjUwi posted at 20:32:02 ミログ、ぜい弱性の指摘とスパイウェア批判で「AppLogSDK」のサービスを停止 http://t.co/aCcXjeYC posted ......
  • 2011年9月9日 -- [WP プラグイン] Recent Custom Posts – 新着記事リスト表示のプラグイン
    新着記事リストをウィジェットに表示するプラグイン 「Recent Custom Posts」 1、プラグインのアップロード and 有効化 2、管理メニュー≫外観≫ウィジェット≫Recent Custom Posts: をウィジェットに追加 ウイlジェットオプション タイトル: 例_新着記事 Select post type ポストやページから、どの新着リストを...