アメブロのリンク機能のアップデートで・・・

アメブロの記事を整理していたらちょっと気づいたことがあります。
WordPressのブログ一覧のような表示にしようと思うとできるということですね
デザインで変更する方がいいのですが、できないデザインでもリンク作成でブログカードが作成できるので擬似表示できるということですが、多用はできません。
今回は、そういったことについて解説させていただきます。

目　次

アメブロのブログカード
記事一覧
記事一覧をブログカードで作る
文字数制限
リブログとブログカードの違い
まとめ
アメブロ関連ツール
お知らせ

クイックナビ

サービス /ブログ /プライバシーポリシー /お問い合わせ /アメンバー記事一覧

アメブロのブログカード

『Facebook　目次』Facebook　目次(1) 『Facebookでの名前の変更』本業に活かせるFacebook講師とブログ開設サポートしているくまはちです！ FBMast…

ameblo.jp

ブログカードとは、上記画像のようなリンクです。
リンクアドレスだけで簡単に作成できます。
ただ、いいところとよくない部分があります。

１つのブログカードでこれだけのHTMLを書く必要がある
これには正直ビックリです。
１つのブログカードでHTMLを含めた文字数は、半角で約2150文字の計算です。

ちなみにAmecareの紹介リンクのソースは、上記の画像の選択部分(色つきの部分)です。
明らかにブログカードの時のソースより少ないですね。
文字数で言うと半角で600字ほどです。

記事一覧

アメブロでもデザインによってWordPressのブログ一覧のように表示されるデザインもあったりします。
そうでないデザインを使っていたとしてもまったく同じではないですがそのように見せることは可能だと言うこと
ただ上記画像のようにデザインで見せる方が簡単で手間がいりません。

過去記事を追いかける時に通常は上記の画面のようになります。
正直、わかりにくいというのが本音なのです。
ブログカードを使うことでOGP画像に指定した画像付きで表示してくれるのでわかりやすく手間も減りますね。
問題は複数ページになる場合にページャーをどうするのかという部分だけですね。

記事一覧をブログカードで作る

実際にどんな感じになるのか作ってみました。
紹介リンクなどは、これまでAmecareの著者の松本氏が推奨するものを使っていましたが、アメブロのブログカードがあまりにも楽すぎて今はその方法を使っています。
URLをコピペするだけでできるのですからめっちゃ楽なんですね
アメブロのテーマごとの目次を作りやすいですね

WordPressのページの切り替えに上記画像のようなページャーがあるのですが、アメブロの場合は手動なので下記のようにしてみました。

手動ですが昔カウンターに使っていた画像でセットしてみました。
ちょっとは、WordPressのブログ一覧風に見えますかね？
HTMLは、WordPressのようにリストタグを使ってスタイルシートで装飾ではなく段落タグをセンタリングして画像にリンク機能を持たせたシンプルな感じにしています。
スマホで見る方には文字制限いっぱいなので通常のページよりは重たく感じる方がいるかもしれませんね。