【ワードプレス】外部ブログカードのビジュアル向上! より見やすく!!(例 Cocoonテーマ x So-netブログ)

ワードプレス

・この記事はワードプレス・ブログ運営などに興味の無い方はスルーして下さい

 

外部ブログカードのビジュアル向上! より見やすく!!( 例 Cocoonテーマ x So-netブログ )

スポンサーリンク

まず、どこがイケてないのか??

外部ブログカードのビジュアル向上ですが、

ワードプレス+Cocoonテーマ(メインのブログ) x So-netブログ(外部ブログ)

を例にとってやってみたいと思います。

有料 x 無料のブログの組み合わせですが、他のテーマの方や他の無料ブログでも、もし応用が効けばご参考にしてください。

外部へのリンクであり、ちょっとしたビジュアルも兼ねるブログカードはURLを貼るだけで手軽に使えていいなと思っていたのですが、サイトの成長にともなってショボいブログカードが目立つようになってきました。

 

 

 

  • サムネイルのイメージがわけわかめ
  • 見出しも「記事タイトル+ブログタイトル」でスッキリせずわかりづらい
  • 本文のはじまりと終わりに節操がない(スキマとゴミ)

 

 

そんな訳で、ひとつひとつ手を入れていき、少しでも見栄えをよくしてビジュアル向上につとめ、読まれる方の

「読む気失せる~」

防止に努めたいと思います。

 

スポンサーリンク

 

 

ひとつひとつ修正していく

①サムネイルのイメージを刷新

たいていのブログの仕様と思いますが、そのページ内にあるイメージを拾ってサムネ可してると思われますので、まずは記事にふさわしいイメージを挿入して、そのイメージを優先させる(先頭にもってくる等)事を実行しました。

 

②思い切ってもとの「ブログタイトル」も変更してしまえ~

Cocoonテーマの場合、内部ブログカードには記事タイトルのみですが、外部ブログカードは「記事タイトル+ブログタイトル」なのでどうしても長くなりますので、もう、ここは思い切って外部ブログのタイトルを変更し、カタカナで統一というスタイルにしました。(長さはほぼ同じだけど、雑多になりがちな記事タイトルとの組み合わせを考えた)

 

【 やっしーブログ@雑誌スタイル 】→ 【ライフスタイル・ファクトリーズ】

 

引用される「もと記事」の記事タイトルも反映されることを考えて今後は短めのほうがいいと思いました。

 

③地道に手の掛かる本文の組みなおし

これも仕様と思いますが、ブログカード内の記事の説明文も記事の先頭から拾ってくるようで、外部ブログカードに反映されることを意識して文を組みなおしました。

「・・・」はゴミでなく、こういう仕様のようで「つづく」の意味と思われますので、違和感の無い場所にあれば良いようなので文体の組みなおしで対応しました。

あとはひたすら 編集→表示→編集→表示・・・と地味に地道に作業しました。

 

スポンサーリンク

 

 

ようやく完成!

 

 

 

  • サムネイルの写真をふさわしいものに
  • 見出しは「ブログタイトル」を変更して統一感をもたせた
  • 本文の体裁を整えた(もとの記事の修正)

 

スポンサーリンク

 

 

【 ビフォー 】 【 アフター 】 見比べ

 

 

スポンサーリンク

 

 

 

さいごに

作業時間の割りに、見栄えはそんなに大差がないとも思えますが・・
たぶん見ている人は見ていると思うし、気になる人はわたしも含めけっこういるのではと思い作業にとりかかりました。こういったことの積み重ねですこしでも見やすいサイトが構築できればと思います。

 

 

おしまい

 

 

 

 

 

ブログ関連記事

 

・Cocoonテーマのカスタマイズ関連記事

【ワードプレス】無料テーマのCocoonでもっとアピールする! これだけの表現ができる!!
ワードプレスの無料テーマのCocoonですが、工夫をすると色々な見せ方ができます。気に入ったビジュアルがあれはここからコピペしてお使いください!!
【ワードプレス】外部ブログカードのビジュアル向上! より見やすく!!(例 Cocoonテーマ x So-netブログ)
サイトが成長するにつれショボいブログカードが目立つようになってきました。 ワードプレス+Cocoonテーマ x So-netブログの例でイケてないブログカードのビジュアル向上をめざします!! 他のテーマの方も、応用が効けばご参考にしてください

 

・Googleアドセンス関連

地獄の2ヶ月間 【アドセンス合格→広告激減→アカウント停止→復活まで】
Googleアドセンスの自己クリックで広告が激減・・そしてアカウント停止!! 停止期間を過ぎても復活がなく、アカウント剥奪もちらついたころ・・ようやく復活。【自己クリックはダメ・ゼッタイ】のことばが身にしみた制裁期間の憂き目。
【アドセンス広告が表示されない憂鬱】グーグル先生、自己クリックはもうしません。。
朝起きるとAdsense の広告が表示されていない! なぜ!! もしや?? その他、広告が表示されない場合やアドセンス禁止事項など

 

 

・Amazonアソシエイト関連

Amazonアソシエイトの審査合格に必要な〇〇【開設20日で記事数は12】
わたしはこれでAmazonアソシエイト審査に合格しました! Amazonアソシエイトの合格率upに必要な、ラブレターにも似た、レビューページ作成のススメ!!
TwitterでもAmazonアソシエイトが使えますよ
AmazonアソシエイトをブログだけでなくTwitter上でも活用して収益アップを図りましょう!! Amazonアソシエイトのアカウントを既にもっている方なら短時間で追加申請が可能です。

 

 

▼ ブログ開設のまとめ記事

6つのステップで!!【稼げるブログ】をあなたもはじめてみませんか?
終身雇用の神話崩壊、副業容認の世の中のムード→スキマ時間であなたも稼いでみませんか? ブログには稼ぐだけではない自分発見の魅力もあります! このブログを2019年5月にスタートしたときのやり方を順を追ってわかりやすく説明していきます