iPhoneビュー最適化プラグインWPtouchで画像を二つ並べて表示する方法

on 11 15, 2010 Category: WordPress Tags:

 

WordPressのiPhoneビューを最適化してくれるwptouchプラグイン

インストール、有効化をするだけで、iPhone最適化ページを表示してくれるのですが

アップデートの度にカスタマイズがリセットされてしまいます

(有償バージョンだと大丈夫なのかな?)

 

今回、wptouch.1.9.19.4にアップデートしたところ画像を二つ並べて表示していた部分がすっ飛びました。

他のカスタマイズ部分もすっきりきれいに無くなっていたのですが、その部分は簡単にもとに戻せたのですが

画像を二つ並べる方法は以前のバージョンでの方法ではカスタマイズできず、二三日悩んでいました。

 

がぁ、今日、突貫工事的解決方法がわかったので

画像を二つ並べて表示するカスタマイズ方法をメモしておきます。

 

wp-content/plugins/wptouch/themes/default/style.css

 

の144行目

 

.mainentry img, #singlentry img, .pageentry img, ol.commentlist li img {

 

max-width: 100%;

height: auto;

 

}

 

から、 #singlentry imgを抜き出して、新たに値を加えてやるだけです

 

#singlentry img {


max-width: 129px;

height: auto;

margin-right:10px;

margin-bottom:6px;


}

 

.mainentry img, .pageentry img, ol.commentlist li img {

 

max-width: 100%;

height: auto;

 

}

 

と書き換えます。

これで画像が横並びに二つ表示されていますね

 

 

iPhoneのスクロールはなめらかなので縦長でも問題ないのですが

同じような画像が続くページは見た目が悪いので、画像二個並びはおすすめですよ。

 

設定などは下記を参考にさせてもらいました。

[WP]iPhone最適化プラグイン「WPtouch」 | THE ROAD AHEAD v5.0

iPhoneビューを最適化するプラグイン「WPtouch」のcssをカスタマイズして2つの画像を横に並べて表示する方法。

 

iPhoneからWordPressブログ更新に役立つアプリ

 

Textforce – Dropbox text editing 1.1(iOS 4.0 テスト済み)(¥450) for iPhone

Textforce – Dropbox text editing 1.1(iOS 4.0 テスト済み)
カテゴリ: 仕事効率化
価格: ¥450 App
更新: 2010/11/13

iPhone、iPod touch および iPad 互換 iOS 3.2 以降が必要

ATOK Pad 1.2.1(¥1,200) for iPhone

ATOK Pad 1.2.1
カテゴリ: 仕事効率化
価格: ¥1,200 App
更新: 2010/11/10

iPhone および iPod touch 互換 iOS 4.0 以降が必要

Pastebot — コピー&ペースト強化ソフト 1.4(iOS 4.0 テスト済み)(¥450) for iPhone

Pastebot — コピー&ペースト強化ソフト 1.4(iOS 4.0 テスト済み)
カテゴリ: 仕事効率化
価格: ¥450 App
更新: 2010/10/21

iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要

iCab Mobile (Web Browser) 4.0.1(¥230) for iPhone

iCab Mobile (Web Browser) 4.0.1
カテゴリ: ユーティリティ
価格: ¥230 App
更新: 2010/11/05

iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要

BlogPress 2.0.5(iOS 4.0 テスト済み)(¥350) for iPhone

BlogPress 2.0.5(iOS 4.0 テスト済み)
カテゴリ: ソーシャルネットワーキング
価格: ¥350 App
更新: 2010/10/12

iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要

 

WordPress 2.6.2(無料) for iPhone

WordPress 2.6.2
カテゴリ: ソーシャルネットワーキング
価格: 無料 App
更新: 2010/11/04

iPhone、iPod touch および iPad 互換 iOS 3.1.2 以降が必要

 


Category: WordPress Tags:

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加


関連記事もどうぞ



Comments (1)

 

  1. _Taichi_ より:

    ブログ書きました : iPhoneビュー最適化プラグインWPtouchで画像を二つ並べて表示する方法 | Taichi’s Web Clip Blog : http://bit.ly/bQgJCt #iphonejp

    This comment was originally posted onTwitter

      More from author

Leave a Reply

Additional comments powered byBackType