arthemiaのサムネイルにリンクを設定

admin — Sun, 22 Aug 2010 12:54:29 +0000

　ほっとメニューというサイトのarthemiaのサムネイルはカスタムフィールドを入力しないでも、記事の一番はじめの写真を取得して勝手にサムネイルを作るよう設定というか、カスタマイズしてあるのですが、そのせいでサムネイルから記事へのリンクが外れていました。

arthemiaのindex.phpの
[php]

[/php]
を以下のように改変
[php]

[php]

get_results(“SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5″); foreach ($result as $topfive) { $postid = $topfive->ID; $title = $topfive->post_title; $commentcount = $topfive->comment_count; if ($commentcount != 0) { ?>

うちのメインのWEB、ほっとメニューのルックスを少々修正しました。
・見出しをちょっと目立つようにしたのと
・写真の周りに表示される枠のコントロール
　おおっ今回はとても思い通りにいきましたぞ、ちょっとだけCSSのスキルか上がったかなと気分がいい今日この頃です。
　きっと富士山で言えば３合目ぐらいかなというトコでしょうが…

■＜h2＞の定義
色とサイズ変えて下に線引いて、上にマージンとりました
・style.cssの214行目あたり
[css]h2 {
font:1.8em Meiryo, “Times New Roman”;[/css]
を
[css]h2 {
margin-bottom:2px;
color:#00958c;
font-weight:bold;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #69d4a3;
display: block;
font-family: Arial;
font-size: 1.1em;
margin-top: 10px;
}[/css]

■イメージの枠処理
　トップのサムネイルの枠は残し、
　　枠内は白で塗りつぶし
　本文中の枠をとり左マージンを追加
　
・style.cssの523行目あたり
[css].post img, .post a img, #front-list img, #archive img {
border:0px;
margin:0 10px 5px 0px;
padding:2px;
}[/css]
を下記に変更しました。

[css]#front-list img, #archive img {
border:1px solid #ccc;
margin:0 10px 5px 0;
padding:2px;
background-color: #FFFFFF;
}

.post img, .post a img{
border:0px;
margin:0 10px 5px 5px;
padding:2px;
}[/css]

しかしこのサイトもarthemiaなわけですが、ここはほったらかしです。
日付とかもみっともない…昔、就職試験に出た「紺屋の白袴」ということわざを思い出しました。

picasaのスライドショーをカスタマイズ

admin — Mon, 02 Aug 2010 12:40:28 +0000

PICASAのスライドショーをwordpressに貼り込もうとしたのですが、縦位置写真の表示が小さくなるのが気に入らず(^^)いつものようにGoogleさんのお世話になって探していたらココを見つけて試してみました。
■元のソース
[html]>[/html]
■改変したソース

[html][/html]

・縦位置写真の表示はheightの値を変え少し大きく表示されるようしました。
・おまけにRGB=0x000000の後ろに&interval=5と挿入し3秒程度で切り替わるようにしました。

天地を大きくするとキャプションの文字が大きくなってしまうんで、CSSを使ったカスタマイズに挑戦するか考え中です。
とりあえずココにあった方法ではうまく動いていません。書き込むべきCSSが違うかも…スイマセンこ程度の検証で

テクニカル備忘録 » カスタマイズ

arthemiaのサムネイルにリンクを設定

picasaのスライドショーをカスタマイズ