22:18
「おさらいだぜ☆」
いじったファイルは？
「３つだぜ☆」
- style.css
- module_top_list_info.php
- module_loop_post2.php
「style.css に、次のように足すぜ☆」
/**
* 左列。
*/
.small_area_L {
width: 49.5%;
float: left;
}
.small_area_L .thumbImage {
width: 20%;
}
.small_area_L .entryTxtBox {
width: 76%;
}
.small_area_L h4 a {
font-size: 14px;
}
.small_area_L p {
font-size: 12px;
}
.small_area_L .moreLink a {
margin: 0;
}
/**
* 右列。
*/
.small_area_R {
width: 49.5%;
float: right;
}
.small_area_R .thumbImage {
width: 20%;
}
.small_area_R .entryTxtBox {
width: 76%;
}
.small_area_R h4 a {
font-size: 14px;
}
.small_area_R p {
font-size: 12px;
}
.small_area_R .moreLink a {
margin: 0;
}
「module_top_list_info.php の、ポイントだけ抑えておくぜ☆」
<?php
$GLOBALS["articleCount"] = 0;
?>
※while文
<?php
$GLOBALS["articleCount"]++;
?>
※while文が終わったあとの部分
$GLOBALS["articleCount"] = 0; // リセットしておく。
echo '<div class="moreLink right" style="clear:both;"><a href="'.esc_url($infoTopUrl).'">'; // 2列段組の回り込みを解除するstyle="clear:both;"
「module_loop_post2.php の、ポイントだけ抑えておくぜ☆」
<!-- [ .infoListBox ] -->
<div id="post-<?php the_ID(); ?>" class="infoListBox ttBox<?php
// 段組 2列。最初の行のみ1列。
if ( 0 == $GLOBALS["articleCount"] ) { // 最初の記事
} else if ( 1 == $GLOBALS["articleCount"]%2 ) { // 偶数番目の記事
echo ' small_area_L';
} else { // 奇数番目の記事
echo ' small_area_R';
}
?>" <?php
// 段組の回り込み解除。
if ( 0 == $GLOBALS["articleCount"] ) { // 最初の記事
} else if ( 1 == $GLOBALS["articleCount"]%2 ) { // 偶数番目の記事
} else { // 奇数番目の記事
echo 'style="clear:none;" ';
}
?>><!-- infoListBox の clear:both; を style="clear:none;" で解除します。 -->
22:36
「BizVectorは、お知らせの投稿と、ブログの投稿で、別プログラムみたいなんだぜ☆
調べるぜ☆」
22:53
「module_top_list_info.php と、 module_top_list_post.php の２つがあるのか☆
なるほど☆」
「しかし、ずれは直せないんだぜ☆
縦幅が分かればいいんだが、PHPでは分からないぜ☆
JavaScript でできればいいんだが、
ブラウザ依存の動きが怪しくなるぜ☆」
23:16
「はっ☆！ そういえば 文字数をカッティングして スタイルを整える、
とか言ってたんだぜ☆
しかも、WordPress は日本語の文字に対応していないのか、
切り抜くのが下手とも聞いているんだぜ☆！」
『PHPまとめ - 文字列操作』
http://doremi.s206.xrea.com/php/tips/string.html
「mb_ という接頭辞はマルチバイトということか☆
これで 文字数で切り取る文字列関数があれば、
等幅フォントにして 文字数を指定したいぜ☆」
「とりあえず寝よう☆ｗｗ 明日考えよう☆ｗｗｗ」
[0回]
PR
http://grayscale.dou-jin.com/Entry/278/知合い頼り☆！在宅バイト(11) ほーほっ☆！ WordPressで段組を２列にするには☆ｗｗ（＾▽＾）
