・この記事はワードプレス・ブログ運営などに興味の無い方はスルーして下さい
まず、どこがイケてないのか??
外部ブログカードのビジュアル向上ですが、
ワードプレス+Cocoonテーマ(メインのブログ) x So-netブログ(外部ブログ)
を例にとってやってみたいと思います。
有料 x 無料のブログの組み合わせですが、他のテーマの方や他の無料ブログでも、もし応用が効けばご参考にしてください。
外部へのリンクであり、ちょっとしたビジュアルも兼ねるブログカードはURLを貼るだけで手軽に使えていいなと思っていたのですが、サイトの成長にともなってショボいブログカードが目立つようになってきました。
- サムネイルのイメージがわけわかめ
- 見出しも「記事タイトル+ブログタイトル」でスッキリせずわかりづらい
- 本文のはじまりと終わりに節操がない(スキマとゴミ)
そんな訳で、ひとつひとつ手を入れていき、少しでも見栄えをよくしてビジュアル向上につとめ、読まれる方の
「読む気失せる～」
防止に努めたいと思います。
ひとつひとつ修正していく
①サムネイルのイメージを刷新
たいていのブログの仕様と思いますが、そのページ内にあるイメージを拾ってサムネ可してると思われますので、まずは記事にふさわしいイメージを挿入して、そのイメージを優先させる(先頭にもってくる等)事を実行しました。
②思い切ってもとの「ブログタイトル」も変更してしまえ～
Cocoonテーマの場合、内部ブログカードには記事タイトルのみですが、外部ブログカードは「記事タイトル+ブログタイトル」なのでどうしても長くなりますので、もう、ここは思い切って外部ブログのタイトルを変更し、カタカナで統一というスタイルにしました。(長さはほぼ同じだけど、雑多になりがちな記事タイトルとの組み合わせを考えた)
【 やっしーブログ@雑誌スタイル 】→ 【ライフスタイル・ファクトリーズ】
引用される「もと記事」の記事タイトルも反映されることを考えて今後は短めのほうがいいと思いました。
③地道に手の掛かる本文の組みなおし
これも仕様と思いますが、ブログカード内の記事の説明文も記事の先頭から拾ってくるようで、外部ブログカードに反映されることを意識して文を組みなおしました。
「・・・」はゴミでなく、こういう仕様のようで「つづく」の意味と思われますので、違和感の無い場所にあれば良いようなので文体の組みなおしで対応しました。
あとはひたすら 編集→表示→編集→表示・・・と地味に地道に作業しました。
ようやく完成!
- サムネイルの写真をふさわしいものに
- 見出しは「ブログタイトル」を変更して統一感をもたせた
- 本文の体裁を整えた(もとの記事の修正)
【 ビフォー 】 【 アフター 】 見比べ
さいごに
作業時間の割りに、見栄えはそんなに大差がないとも思えますが…たぶん見ている人は見ていると思うし、気になる人は自分も含めけっこういるのではと思い作業にとりかかりました。こういったことの積み重ねですこしでも見やすいサイトが構築できればと思います。
おしまい
ブログ関連記事
▼ ワードプレスでのブログ開設のまとめ記事
・Cocoonテーマのカスタマイズ関連記事
・Googleアドセンス関連
・Amazonアソシエイト関連
▼ ワードプレスでのブログ開設のまとめ記事