TANOBLO改善宣言!ブログをどのように「改善した」かについての記録【随時更新】

広告


まいど、黒井(@961373)です。

TANOBLOをよりよくしていくためには日々のポストだけでなく「改善」していくことも大事です。改善していきましょう。

ということでこの記事では【随時更新】で今後TANOBLOをどのように「改善したか」について記していきます。

もしよろしければこの記事のコメント欄に「TANOBLOの改善案」を書いてください。あなたの改善案をもとにTANOBLOを改善していきます。

広告

改善宣言!

s_photo-1418874586588-88661ed80c4a

ブログの改善情報を掲載していきます。

Amazonアソシエイトのリンクのデザインを変更しました。【2016/08/26】

TANOBLOでは「Amazonアソシエイト」という収益化プログラムを利用しています。この「Amazonアソシエイト」のリンクのデザインを変更しました。

もともとのデザインが……

スクリーンショット_2016-08-27_10_02_51

こちら。

わかったブログを運営している「かん吉さん」が作った商品紹介用ブログパーツ「カエレバ」の「基本的なデザインそのまま」です。

テンプレートとして用意してあるデザインをそのまま使い、あとで自分で「背景」に色を追加しているだけ。

細かな不満がいろいろありました。

それを……

スクリーンショット_2016-08-27_10_03_55

こんな感じに、改善!

ボタンが大きくカラフルになり、商品を購入したいときに「どの店で買うか」を選びやすくなりました。すべてCSS上で変更したので、カエレバで生成されたHTMLを貼るだけでこのデザインになります。いいね。

なお、このデザインは「ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ!」で紹介されているものを”ほぼそのまま”お借りしました。

ブログ著者の「ゆきひーさん」ありがとうございました!

でも、

この変更により「以前のAmazonアソシエイトリンク」のデザインに「崩れ」が確認されたので、これから少しずつ直していきます。新たな改善ポイントですね。

ちなみに、

スクリーンショット_2016-08-27_10_33_22

こんなふうにデザインが崩れています。そこまで違和感がないのが救いですね。早めに直さないと。

細かいブログのデザインをいろいろ改善!【2016/8/28】

ブログのデザインをいろいろ改善しました。

  • H3タグの色とサイズを変更し目立つように改善
  • ポスト内の文字サイズを「18→16px」に変更して様子見
  • ポスト内の文字色を「#555555」とちょっと薄めの色に変更して様子見

こんな感じ。

H3タグに関してはずっと「見出しなのにちっとも目立たないなぁ」と不満を持っていました。

CSSの知識がまったくないのでほうっておいていましたが、やっと着手する気になり、なんやかんやして変更しました。

ポスト内の文字サイズと文字色は「様子見」です。

文字サイズは「18px」だとページが「縦に長く」なってしまうので、最後まで読んでもらいにくいのかもしれない、と思ったので、ちょっとだけサイズを小さくして、見た目だけでも「ずら〜」と記事が長く見えないようにしたつもり。

また文字色は「これまでより薄く」しました。背景の白に対して文字が真っ黒だと「コントラストが強くて読みづらい」のかもしれない、と思ったので、ちょっとだけ薄くしてみました。

文字サイズと文字色に関してはあくまでも「様子見」なので、もしも何か感じることがあれば「コメント欄にてご一報」いただければ嬉しいです。

今後のTANOBLOの改善について。

PAK153130225_TP_V

今後TANOBLOでは……

  • カテゴリの抜本的な見直し(目的:記事が増えてきたので記事を探しやすくする)
  • 改善以前のAmazonアソシエイトリンクを直す(ひとつずつ確認しつつ手作業で直そう)
  • 手動で関連記事を設定する(超メンドクサイけど「ページ/セッション」に関わるから頑張る)
  • 息の長い記事をリライトする

こんなことを改善する予定です。

さいごに

スケッチブック-ハート

もしもTANOBLOに「不満な点」がありましたら、どうか下のコメント欄に「これを直してほしい」や「もっとこうしてほしい」ということをお書きください。

あなたからの改善案をお待ちしています。

広告

広告


フォローしてね!

感想をシェアしよう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です