Ξ 2010/2/8 月曜日
Wordpressで人気のあるエントリー(記事)を表示してくれるプラグイン『Popular Posts』
を導入したならついでに使いたいのが『Similar Posts』という関連記事を表示してくれるプラグインです。
この二つのプラグインは共通のプラグイン『Post-Plugin Library』を使っていますので、『Popular Posts』を使っているならぜひ合わせて使いたいプラグインです。
このサイトでは
こんなふうになっています。
プラグインの設定はデフォルトのまま、CSSだけをつけたしています。
—————– プラグインのインストール ————————–
まずは Post-Plugin Library をダウンロードし有効にします。
これは、
Wordpressで人気のあるエントリー(記事)を表示してくれるプラグイン『Popular Posts』
を参考にしてください。
『Similar Posts』をダウンロードします。
http://rmarsh.com/plugins/similar-posts/
に行き、

をクリックしダウンロードしてください。
ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを有効化します。
表示したいテーマファイルの場所に
1: <?php similar_posts(); ?>
とコードを付け加えます。これで表示されます。
先ほども述べましたが、このサイトでは『Similar Posts』の設定自体はほとんどいじっていません、変更したのが『Placement Settings』タブの『Output after post』の部分、
『Activate』の部分を ”Yes”にし、『Parameters』を
1: prefix=<div id="best"><h4>ついでに読んだら参考になるかもしれない関連記事:</h4><ul class="similar-posts">&suffix=</ul></div>
としました。
関連記事についてはいろんなプラグインがあるのですが、タイトル、記事内容、タブ、といろんな要素での選出がありそんな調整もできるのがこのプラグインです。
Ξ 2010/2/3 水曜日
このサイトの上部にもある『人気のあるエントリーBEST10』で使用しているプラグインです。
最初はショッピングサイトで『人気のある商品ベストテン』を表示するために使ったプラグインなのですが、なかなか面白いのでこのサイトでも使用してみました。
—————– プラグインのインストール ————————–
まずは Post-Plugin Library をダウンロードします。これは Popular Posts を動かすために必要なプラグインになります。
http://rmarsh.com/plugins/post-plugin-library/
のサイトから
にてダウンロードします。
次に、Popular Posts をダウンロードします。
http://rmarsh.com/plugins/popular-posts-plugin/
から
をクリックしダウンロードしてください。
ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを『Post-Plugin Library』、『Popular Posts』の順で有効化します。
表示したいテーマファイルの場所に
<?php popular_posts(); ?>
とコードを付け加えます。
これで表示されます。
このサイトでは 『Number of posts to show』 表示数をいじったぐらいです。
肝心なのが『Output』タブの表示部です。
Available Tags が使えるタグの一覧になっているので、これを組み合わせ自分なりの表示をカスタマイズしてみてください。
このサイトでは、『Output template:』を
1: <a href="{url}" title="{title}"><img src="{imagesrc}" width="45" height="33" ait="{imagealt}" /></a>
『Text and codes before the list:』を
1: <div id="best"><h4>人気のあるエントリー BEST10</h4>
『Text and codes after the list:』を
としています。
後はCSSをいじって終了です。
スタイルCSSに以下を追加して終了です。
1: #best {
2: border: 1px solid #AEC1CD;
3: padding: 5px 5px 0 5px;
4: }
5:
6: #best ul {
7: margin: 0;
8: padding: 0;
9: line-height: 18px;
10: list-style: none;
11: }
12:
13: #best li {
14: list-style: none;
15: padding-left: 10px;
16: }
17:
18: #best img {
19: vertical-align: text-bottom;
20: }
Ξ 2010/1/31 日曜日
パソコン修理でPCが1台持ち込まれました。
症状はWindows起動画面でシャットダウン、です。
前回、
パソコン作業中に突然電源が落ちる
と同じ症状です。
ということでCPUから調べてみます。
またもや、CPUクーラーを取ろうとすると、CPUも一緒に取れてしまいました。
今回は持ち込みなので写真を撮っておきました。
みごとにひっついています。
ファンをはずしてみると。
埃がビッチリ、これでは空気が流れません。
CPUをドライバでこじってはずしてみると、

こんな感じでした。
おそらく伝導シートで組み込んだのでしょう。
昔CPUの付属CPUクーラーには伝導シートが初めから付いていてそのまま組み込むことができたのですが、そのまんまのシートのように思われます。
伝導シート自体あまり評判が良くなかったので、自分の場合はすべてグリスを塗っていたのですが前回といいこ辺がひっついてしまう原因でしょう。
当然CPU交換となりました。
Ξ 2010/1/30 土曜日
冷蔵庫の中にできる不思議なつらら”サカサつらら”シリーズ
今日のサカサつららは3つです。
シャープな1本と、ずんぐりが1本、つららまでいきませんがサメのひれみたいなのが1つでした。
不景気を吹き飛ばすくらいの”サカサつらら”できなかなー。
Ξ 2010/1/27 水曜日
タイトルの通り、緑になってます。
手も、顔も、胸も・・・。
女の子なのに・・・。
試供品でもらった青汁を喜んでなめてました。
健康志向の強い、うちのワンでした。
Ξ 2010/1/26 火曜日
そろそろバレンタインの季節ですね。
そこで今回はGIMPでチョコレートを描いてみましょう。
ポイントは立体感です。
まずは新規でキャンバスを作成します。
ブレンド
で背景を 作ります。この時、チョコレートの暗いところと明るいところをそれぞれ描画色と背景色にします。

こんな感じになります。

新しいレイヤーを追加しブロック部を作ります。
短形選択で選択し塗りつぶします。
ちなみに先に作ったレイヤーは分かりやすくするため不可視にしてあります。
更に内側を
短形選択で選択し『切り取り』または”Delete”で切り抜きます。

このブロックのバックを”白”にしたいので、新規レイヤーをこのレイヤーの下に作成し白くします。

ブロックのレイヤーを右クリックし『下のレイヤーと統合』でレイヤーを一つにします。
『フィルタ』→『ぼかし』→『ガウシアンぼかし』でブロックをぼかします。
ここでのぼかし具合は立体的になった時の各辺や角部のアールに影響します。
丸みを帯びた立体にしたい時はぼかしを大きくし、角ばった立体にしたい時はぼかしを小さくします。
角ばった立体にしたい時はぼかしは必要ありません。
『OK』をクリックしぼかしが終わったら、ブロックのレイヤーを不可視(目のマークを消す)にし背景を表示します。
レイヤーは背景を選択します。(青くする)

『フィルタ』→『マップ』→『バンプマップ』をクリックします。
方向、持ちあげ、深度を調整して立体を表現します。
飽和度をうまく使うと影の具合の強弱を調整できます。
チョコレートっぽくなりました。
同じようにしてチョコレートに文字を入れてみましょう。
まずはブロックのレイヤーが邪魔になりますので消しちゃいます。

文字を追加します。このとき大きさと位置を確かめておきます。
文字レイヤーの下に白で塗りつぶしたレイヤーを作りレイヤー部で右クリック『下のレイヤーと統合』で白背景に文字のレイヤーとします。
文字のレイヤーを不可視にし、背景を表示、背景レイヤーを選択します。
『フィルタ』→『マップ』→『バンプマップ』をクリックします。

方向、持ちあげ、深度、飽和度を使いへこんだ文字っぽくします。

チョコレートの表面に刻まれたもじっぽくなりました。
最後に 『フィルタ』→『マップ』→『オブジェクトにマップ』をクリックします。
『向き』のタブから回転のX,Y,Zスライダを調整し斜めから見たようにします。
『OK』で決定した後、
適当にトリミングし出来上がりです。
どうでしょうチョコレートに見えますでしょうか?
バレンタインのグリーディングカードにオリジナルのメッセージなんかいかがでしょう。
Ξ 2010/1/25 月曜日
冷蔵庫の中にできる不思議なつらら”サカサつらら”シリーズ
ちょっとずつですが新しい政権の実力が見えかかってきたころ、なんとなく、なにげに出来ちゃった、みたいなサカサつららができていました。
しかし、この先暮しってどうなっていくんでしょうね?
足りない、足りない、税金足りないなんて言っても実際どうなんでしょう?
こないだの鳩山首相の贈与税6億円にしてもそうです。
調べがなかったらきっとそのまんまですよね。
政界、財界ぺろっと調べたら赤字埋まるんじゃないでしょうか?
Ξ 2010/1/24 日曜日
Wordpressを携帯で見れるようにするプラグイン『Ktai Style』をカスタマイズするには、使用している『Ktai Style』のテンプレートをいじることで出来ます。
今回はこのサイトの携帯表示の下部にMicroAdのバナーを貼ってみます。
まずは携帯表示のテンプレート(このサイトは redportal)、下の部分になりますので footer.php を編集することになります。
ファイルは、Wordpressのプラグインフォルダ Ktai_style の中、
wp-content\plugins\ktai_style\themes\テーマ名
にあります。
footer.php をエディタで開くと下のほうに
1: <hr color="&lt;?php echo $ks_settings['hr_color']; ?>" />
2: <div align="center">Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
3: <?php /* ks_wp_footer(); */ ?>
4: </div></body></html>
このような部分があります。
<hr color=” … で横罫線が入り、
<div align=”center” … で中央ぞろいのコピーライトが入ります。
このコピーライトの前にバナーを入れます。
MicroAdから取得した、バナーのコード
<a href=http://msend.microad.jp/ … (途中省略)guid=on&s=1" /></a>
を
<div align="center">
のあとに入れます。
1: <hr color="&lt;?php echo $ks_settings['hr_color']; ?>" />
2: <div align="center">
3:
4: <!-- MicroAdバナーここから -->
5: <a href="http://msend.microad.jp/ad/ic ・・・(途中省略))e.gif?guid=on&s=1" />
6: </a>
7: <!-- MicroAdバナーここまで -->
8:
9: <br />
10: Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
11: <?php /* ks_wp_footer(); */ ?>
12: </div></body></html>
これを保存し、アップしてください。バナーが表示されるようになります。
最近になってモバイル需要も高くなってきました。
せっかくのWordpressですからモバイルにも対応させて効率を稼ぎましょう。

Ξ 2010/1/21 木曜日
携帯サイトを手がけた方だと十分承知のことだと思いますが、結構気をつけなければいけないことがあったりします。
キャリア、コード、画像の重さなどいろいろ制約があり制作もそうですが検証にも時間がかかるものです。
そこでWordpressならぜひ使ってもらいたいのが『Ktai Style』今使っているWordpressのサイトがそのまま携帯対応になります。
http://wppluginsj.sourceforge.jp/ktai_style/
日本語のサイトなので設置のやりかたも丁寧ですぐにでも導入できますよ。
このプラグインですが、いくつかテンプレートが用意されてあり好きなものを選択できます。
このサイトは Redportal というテンプレートを使っています。
ちなみにTOPページはこんな風になります。

Ξ 2010/1/17 日曜日
ネットワークカメラ設定完了!
で導入したネットワークカメラ『CS-W04G』。
DDNSで会社からも留守中のワンコの様子が見ることができます。
自分のディスクの上には2台のパソコンがありますので、内1台のほうでワンの様子を見たりしています。おかげで会社でも人気者になったシェルティちゃんなのですがたったひとつ難点が・・・。
寝てばっかりです。
せっかくのWebカメラなのにいつも寝てます。
人が汗水たらして仕事している間、ずーっとこうしているのですね?
「へっ、なんか言った?」
———————————————————
このネットワークカメラ『CS-W04G』、使ってみるとやはりパンやチルトなどがあったほうが便利だなと思います。
ワンコの様子を見るだけなので、これでも十分といえば十分なんですけどお店の監視などを考えるともう少し機能があったほうがいいですね。

これなんかだと無線で使えパン、チルトが付いてます。
ほかにも見てみたい人はこちらをどうぞ↓
NTT-X ネットワークカメラ 