コンテンツへスキップ

カテゴリー: サイドバー

公開日 サイドバーのアーカイブ にコメントを残す

アーカイブ（月ごとの記事）を、ドロップダウンで表示するようにしました。
次のようなタグを入れます。結果はサイドバーの下のほうにあります。

<select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'>
<option value="">
<?php echo attribute_escape(__('Select Month')); ?>
</option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?>
</select>

カスタマイズも少しずつではありますが進んでいます。
調子こいてにぎやか（ピンク）になりすぎたかしら？
借り物のテンプレートでは、どこに何を入れてよいのかわかりにくいので、その点では、自分で作成した貧テンプレートのが楽です。
メインブログもそろそろ自作テンプレートと入れ替えたいと考えております。
もっとも、元来がちゃんとした性格ではないので、かっちりとしたデザインは無理みたい。
相当イイ加減です。

公開日 角丸四角形のサイドバー にコメントを残す

サイドバーにCSS3から追加された角丸四角形を使ってみました。
ブラウザは、IE9、Firefox、Chrome などでサポートされています。
古いバージョンでも、丸くならないだけで、崩れたりすることはないようです。
丸いのってなんかいいですよね。

	background-color: #F5F5F5;
	border-radius: 5px;

公開日 get-recent-comments　が使えない にコメントを残す

PHPをいじることなく、設定画面でできるので導入してみたのだけれど、マルチ化されたサイト（ここ）で、なぜか使えない。設定が保存できないのだ。
原因をググってみたが、それらしいのがないのでお手上げ状態。

ちなみに、マルチ化していないサイトでは問題なく動作する。

こんな感じで、すっきりとしていいんだけど・・・残念！

設定ボックスの中に、html のタグを入れるだけなので、超楽なのにな~
マルチ化しているサイトでは親サイトだけには保存できるが、ここのようにネットワークサイトではうまく保存ができない。

YujiroさんのCommented entry list に戻そう。これはマルチサイトでも大丈夫だし。
ということで、回り道でした(^^;

公開日 コメントリスト表示 にコメントを残す

カテゴリのツリー表示はうまくいかないので、あきらめモードで、今日はコメントリストを表示してみた。
プラグインは、Comment_entry_list 。またもや小粋空間よりダウンロードさせていただいた。
そのまま使う分には、作業はとても簡単。

    1. プラグインを解凍し、plugins に入れ、ダッシュボードのプラグインから有効化する。
    2. 表示したい場所にタグを挿入する。
<li><h2>最近のコメント</h2>
<ul>
<?php get_recently_commented(); ?>
</ul>
</li>

コメントリストの表示、「コメント投稿者」→「日付」に順番を入れ替えた。





			


		
		

		
	


	
	
	


		
		
		


			
				
				


					
					
				


				
				
				


					公開日 サイドバーの見出し変更 にコメントを残す
				


			
		


		
			


				
基本的なテーマができたので、カスタマイズを開始しました。


まず、サイドバーの見出しにバナー（自作）を付けました。


つぎに、サイドバーの項目（箇条書き）の、先頭にイメージファイルを設定しました。


スタイルシートの中は次のようになりました。


ローカルでテストして、結果を試してからスタイルシートをそっくりWebサイトに転送しています。

Webサイトでもテーマの編集は可能ですが、CSSで書いたものをすぐに確認できるという意味では、ローカルサイトがやりやすいです。




div#sidebar h2{
	font-size: 0.75em;
	color: #666666;
	padding-bottom: 8px;
	background-image: url(./images/titlebar.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left:25px;
	padding-top: 4px;
}





			


		
		

		
	


	
	
	


		
		
		


			
				
				


					
					
				


				
				
				


					公開日 カレンダー にコメントを残す
				


			
		


		
			


				
サイドバーにカレンダーをつけてみました。

といっても、ウィジェットから選んだだけですけれど。

先には、横置きのFlashカレンダーをつけるつもりなので、デザインはあまり気にしないことにします。

プラグインを使わずにやれるところまでやっていきます。

もちろん初心者なので教科書は使っておりますが、デザインは自分用に変更しながら進んでおります。

そういえば、だいぶ前にphpでカレンダーを作ったことがあります。

投稿カレンダーにできないかなぁ･･


			


		
		

		
	


	
	
	


		
		
		


			
				
				


					
					
				


				
				
				


					公開日 ウィジェットを使うには にコメントを残す
				


			
		


		
			


				
WordPressには、ウィジェットという機能があります。これを利用すると、パーツから必要なものをドラッグするだけでサイドバーにメニューを表示することができます。ウィジェットを利用するためには、functions.php というテンプレートが必要です。

このphpを作って、次のようなタグを入力するとウィジェットが使えるようになります。




<?php 
register_sidebar();
?>





index.phpのサイドバーのウィジェットエリアには、次のようなタグを入れます。




<div id="sidebar">
<?php dynamic_sidebar(); ?>
</div>





dynamic_sidebar は、タイトルが見出し2（H2)、メニューが箇条書き（UL）でマークアップされています。

だけど、初期値ではなんとも恰好が悪いです。

これを自分の好みにデザインしていきます。


			


		
		

		
	


	
	
	


		
		
		


			
				
				


					
					
				


				
				
				


					公開日 2段組みに分ける にコメントを残す
				


			
		


		
			


				
写真の挿入を考え少し大き目に横幅をとったので、左右を648と250に分けました。


一般的なテンプレートとまったく同じで、大段落（コンテナ）の下にメイン記事（コンテンツ）を置き、その下にサイドバー（右）を置きます。


幅はスタイルシートで設定するので、テンプレートにはスタイルシートのidを入れます。

このサイドバーの中に、これからいろいろな設定を入れていきます。


＜テンプレート＞




<div id="sidebar">
</div>





＜スタイルシート＞



/*記事の段落*/

div#content {width:648px;

	float: left}

/*サイドバー*/

div#sidebar {width: 250px;

	float: right}