忍者ブログ

とちにすいはら式+

痒いところに手が届かない雑記ブログ。お金とDTMの話が多め

近未来的音楽素材屋3104式
↑音楽素材はこっち↑

とちにすいはら式+

ブログのレイアウトを変更したいけど出来ない理由

1.はじめに


最近、各記事の文字数が増えてきて、トップページの表示が縦長になってきました。
そこで、「続きはこちら」リンクを用いて個別記事に誘導するレイアウトに変えたいと思っていますが、問題が発生しています。
ソーシャルボタン集と、無料版の制限として差し込まれる広告が邪魔なのです。

2.忍者ブログのレイアウトを変えたいけど出来ない理由


上述のとおり、5記事分全ての本文を掲載することをやめ、トップページはサマリーと個別記事へのリンクだけを表示するようにしたいと考えています。

下図をご覧ください。
これは、1枚の記事の配置を模式図化したものです。



左の「理想」では、サマリー部分はトップページから閲覧でき、直下に「続きはこちら」リンクを設けます。
そこから、個別記事のページに飛ぶ仕組みです。
奇を衒ったものではなく、よくある形式ですよね。

トップページに10記事程度のサマリーを表示させても、何度もスクロールさせる、縦長なブログになることを防げます。
加えて、この配置は、青い線のように、スムーズに続きのリンクを見つけられるのではないでしょうか?

しかし、問題発生。

次は「現実・・・。」をご覧ください。
忍者ブログでは、「続きはこちら」リンクを使うと、「現実・・・。」のような配置になります。
このケースでは、「続きはこちら」を見つけられず、視線は青い線のようにさ迷うと思いますが、どうでしょうか?

という理由があり、変えられないです。

ので、対策を考えました。

今回やりたいことは、

  • ソーシャルボタンエリアを取り除く
  • 広告を取り除く

です。

3.記事下の共通タグは個別ページ限定にする


ソーシャルボタンエリアは、忍者ブログの共通タグを使用して、挿入されています。
ので、個別記事の時だけ呼び出されるように、ソースコードを変更します。

  1. <h2 class="EntryTitle"><a href="<!--$entry_link-->"><!--$entry_title--></a></h2>
  2. <!-- div.EntryText -->
  3. <div class="EntryText"><!--$entry_text--></div>
  4. <!-- /div.EntryText -->
  5. <!--if_entry-->
  6. 個別記事で表示させたいもの
  7. <!--/if_entry-->

とすれば、対応可能です。

※早速記事公開後に変更してみました。

4.あとは有料しか手がない


合法的に広告を取り除く手は、有料版移行です。
広告位置を変える手段もあるそうですが、下手なことをして本ブログを消されるリスクを考えると、有料移行がいいかなと思います。

ただ、採算が取れないのでちょっと厳しいところ。

忍者AdMax表示一回あたりの期待収益はいくら?で触れていますが、半年で300円の収益しかないのに、毎月数100円の出費は現実的ではありません。
もう少し収益が上がってからならば良いと思いますが、まだまだ。

5.まとめ


と、レイアウトを変えたいと思いました。
いろいろ考えるうちに高まる有料版移行の気持ち。

でも、まずは共通タグをなんとかするという、今でもできる部分から手をつけようと思います。

関連記事

忍者ブログにタグ付けをしてみる
忍者ブログでパンくずリストをつける方法

忍者ブログで自作最新記事リストを作る方法

忍者ブログでソーシャルボタンをキレイに並べて貼る方法の覚書

忍者ブログでグーグル+1ボタンを貼る方法の覚書
忍者ブログではアクセスアップが期待できない2つの理由
忍者ブログのメタディスクリプションについて

擬似タグ : /カスタマイズ | /忍者ブログ | /共通タグ

 

拍手[0回]

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント

トラックバック

スポンサーリンク

PR

ブログ内検索

記事書いてる人

運営者:
さいれほ@planet_f108
3104式の中の人。
音楽以外にはお金の話が好き。資産運用もやってるよ。


ついったー

お問い合わせフォーム

筆者の知識や経験であなたの力になれますか?

必要事項をご記入の上、送信ボタンをクリックすると、運営者宛にメールが送信されます。

ブログ内リンク

レビュー・改造系記事まとめリンク レビュー・改造系記事まとめリンク
PC・トイカメラなどのレビュー記事リストです。

DTM機材レビュー記事まとめリンク DTM機材レビュー記事まとめリンク
DTM機材に関するレビュー記事リストです。

クラブ関連記事まとめリンク集 クラブ関連記事まとめリンク集
音楽を流すクラブにいってきた話まとめ。

トラブル・お悩み解決系記事まとめリンク トラブル・お悩み解決系記事まとめリンク
ソフトのインストールなどで躓いた記事リストです。

サイト作り系まとめリンク サイト作り系まとめリンク
サイトのアクセス増、ユーザビリティに関する記事リストです。

忍者ブログカスタマイズまとめリンク 忍者ブログ運用術から収益化まで
忍者ブログ運用術から収益化までをまとめた記事リストです。

雅楽の舞改めポーチュラカリア成長記事まとめリンク 雅楽の舞改めポーチュラカリア成長記事まとめリンク
2011年から育てている雅楽の舞に関する記事リストです。

とちにすいはら式+アクセスアップ経過記録まとめリンク とちにすいはら式+アクセスアップ経過記録まとめリンク
本ブログのアクセス推移を記録した記事リストです。

お金持ち本まとめリンク お金持ち本まとめリンク
筆者が読んだお金持ち本あれこれまとめリンク。

無職関連の記事まとめリンク 無職関連の記事まとめリンク
無職関連の記事リストです。

スマホでUSENの記事まとめリンク スマホでUSENの記事まとめリンク
スマホで使える有線放送まとめ。データ量も測ってみました。

最新コメント

[01/20 かんりにん]
[01/20 シモハチ]
[04/03 かんりにん]
[04/01 シン]
[04/01 かんりにん]

フリーエリア

QRコード

とちにすいはら式+

サイトご利用上の注意

ブログ記事の著作権はとちにすいはら式+にあります。 引用される際には、必ず引用元として弊ブログのURLも記載していただくようお願いいたします。 記事の一部もしくは全ての無断転載はご遠慮ください。

記事を参考にされる際には、自己責任にてお願いいたします。