スポンサーサイト

--年--月--日 --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2スマフォ版で記事サムネイルとか広告非表示とか。

2012年08月31日 22:26

2012-08-31 18.26.19

スマートフォン版のテンプレートを改善しました。
最近こればっかりいじってましたね。






―――改善した部分―――

◆コメントのタイトルに自動で「Re:(記事タイトル)」を挿入するよう変更。

<dt><label for="subject">Subject : </label></dt>
<dd><input id="subject" type="text" name="comment[title]" class="form-subject" value="Re:<%sub_title>" /></dd>


◆でもやってみるとゴチャゴチャしたのでやっばりやめました。

記事一覧サムネイル画像を表示。
2012-08-31 18.26.19s

FC2の公式テンプレート「basic_black_st」を参考に<%topentry_image_72>とその仲間たちをブッコミます。


 丁度8月から<%topentry_image_72>が利用できるようになったので追加してみました。

自分の場合は<a href="<%topentry_link><%tail_url>">と<%topentry_title>の間に

<span class="tmb">

<!--body_img--><%topentry_image_72><!--/body_img-->

</span>

<span class="inner_entry">


をブッコミました。(この後ちゃんと</span>も書き加えて閉じるのを忘れないでくださいね)

★参考画像

スクリーンショット 2012-08-31 20.47.29


CSS(スタイルシート)は、「目次」に当たる場所(entry_listとかそれっぽい文字があります)の下に

.tmb {
display: block;
float: left;
width: 72px;
}

.tmb img {
width: 72px;
height: 72px;
}

.inner_entry {
display: block;
float: left;
margin: 0 0 0 7px;
width: 68%;
}


をブッコミました。

★参考画像

スクリーンショット 2012-08-31 20.51.54

※管理人はプログラム書けません。このコードは枕元で仏様が囁いたものです。(つまるところ勘です)
コピペするなら自己責任でお願いします。

ちなみにFirefoxで公式テンプレートを参考にしながら書く場合、同じ窓にタブを複数表示できる「Tile Tabs」というアドオンがオススメです。
Tile 2012-08-31 20.47.29


◆FC2の移動広告を削除、上にあった通常広告を目立たない下に移動。(規約範囲内)

↓ちなみに編集前はこんなのです。
2012-08-31 18.22.56
このままでは、お気に入りのコを育成したくなってしまいます。ビーバブババベビー。

<%ad>、<%ad2>を移動、最下部付近の<%ad_overlay>を削除


※上記の<%ad_overlay>の任意消去は2011年10月の規約緩和により認められた行為です。しかし今後のFC2ブログ規約の変更次第で規約違反になる場合があります(最悪確認なしで凍結されます)。実行する場合は確認の上、自己責任で。


...で、他に変更したのはこちら。

◆リンクあり文字の色指定が黒のせいで本文とリンク文字が判別できなかったため、青に変更

◆最下部メニューが何故か二つあったため、一つ削除(コピペミス?)

◆トラックバックURLの文字が大き過ぎて記事を突き抜けた上さらに二行になっていたので縮小。

◆必要性が無かったため、記事一覧の「画像あり」マークを削除しました。

◆記事一覧でコメント数が表示されず不便だったので、上記を削除して空いたスペースに追加。


それでは、ビフォーアフターで比べてみます。

Before.
2012-08-31 18.23.38

After.
2012-08-31 18.26.19


犬率高いな・・・・


※参考に。
テンプレート用 変数一覧|FC2ブログ公式マニュアル

FC2総合インフォメーション 【ブログ】スマホ表示記事一覧でサムネイル画像が表示されるようになりました!



〜追記。

white-space: nowrap;をnormalにして記事タイトルを省略しないで全て表示するようにしました。

関連記事


コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://mutous.blog120.fc2.com/tb.php/215-6b503a8b
    この記事へのトラックバック



    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。