日々の観察ブログMac・iPhone・iPad・Android・Nexus5・文房具・LAMY・将棋・レポートについてのネタを綴っています。iOS82013.07.30ブログ運営FC2ブログのスマホ版テーマ「basic_black_st」でのブログタイトルを全て表示する方法TweetFC2ブログのスマホページのテーマは、「basic_black_st」を使用しています。シンプルで無難な色合いなので気に入っています。それは、トップページでブログタイトルが全て表示されないことでした。そこでCSSをいじって、要は以下のように変更してみました。格段に見やすくなりました。「basic_black_st」テーマを使用している方は参考にしてみて下さい。個別記事を見てもらっている間は問題ないのです。記事に興味をもってもらったあとが重要です。記事を見たい場合、通常はトップページに移行します。Twitter経由でブログにきてもらった場合も同様です。Twitterアカウントのブログ紹介URLは、当然ながらトップページです。そこでタイトルが全て表示されていなかったら、本来は閲覧されたかもしれない記事が閲覧されません。惹きつけるキーワードがタイトル後半に入っているかもしれません。なるとブログを見てもらう機会を損失します。改善した直すには、少しばかりのHTMLとCSSの知識が必要になってきます。コードを直そうとすると、泥沼に入ってしまう可能性があったので、大きく時間がある夏休みに行おうと思っていました。夏休みに入ったので、修正に取り掛かりました。修正したこと今回修正した事を書きます。spaceをnowrapからnormalに変更それに伴い、バランスを調整するため文字サイズを小さくした同じくバランス調整のためにコメント数表示も消した以上の3つです!で、これだけだと知識がない方にはさっぱりだと思うので、スクリーンショットを交えて説明します。言っても、コピペすれば同じように出来るので、難しくはありません!それでは紹介していきます。▲FC2ブログのテンプレートの設定を開きます。▲そしてスマートフォン用テンプレートのbasic_black_stの編集をクリックします。(もしもの時のために、この状態のコードをコピーしてどこかにメモしておくといいでしょう。複製してもいいでしょう。)▲修正を加えるのは、「basic_black_stのスタイルシート編集」の方です。{と書かれている部分の中身を以下のように変えました。font-sizeを18px→14pxにしたwhite-spaceをnowrap→normalにした一応、この部分のコードを書いておきます。3px;}サムネイル部分に画像を表示させる方法basic_black_stテーマでは、トップページの左側がサムネイルスペースとなっています。追記前にある写真FC2にアップロードした写真です。複数枚ある場合は、一番上にある写真です。タイトルをきちんと全部表示したことだし、これからは意識的に毎記事にサムネイル用画像を挿入していこうと思います。今までは気まぐれでした!!修正した後の率直な感想としては、ちょっとCSSを変更したことでこんなに見やすくなるとは...これからはもう少しスマホの1人あたりのページビューが増えるかな!という感じです。2013-08-09Amazon楽天市場Yahooショッピングヤフオク!関連記事FC2ブログでコードを行番号つきで表示する方法2013年5月版現在使用しているブログ用iPhoneアプリ13個Macでブログを書くならばMarsEditだという理由を熱く熱く書くFC2ブログで最新記事にサムネイルを付けてサイドバーを見やすく!FC2ブログのスマホ版テーマ「basic_black_st」でのブログタイトルを全て表示する方法FC2ブログで記事のタイトルにブログ名を含めない方法モブログ必携アプリ「するぷろ」をFC2ブログと連携する方法FC2ブログでPocket用ボタンを設置する方法とその利点リピーター確保作戦!ブログにFeedly登録用ボタンを設置する方法スポンサーリンク過去記事セレクション当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。興味がありましたら、是非一度ご覧ください。スタンダード・デザインラボ。