[WordPress.com] サイドバーなどにテキストウィジェットを使って画像を貼る

dfgsdfgdsf

WordPress.com のサイドバーなどに画像を貼る手段として、画像ウィジェットがありますが、テキストウィジェットを使う方法もあります。テキストウィジェットを使うことのメリットの一つは、他のサイトや WordPress.com 以外のブログなどにも貼り付けることができることではないかと思います。長い目で見た場合、サイドバーに作成する画像つきのリンク集などはテキストウィジェットで作成した方がいい、というのが私の考えです。

私の場合、テキストウィジェットに以下のような感じの HTML を貼りつけ、サイドバー等に画像を表示させています。

<img src="■■■ 画像のURL ■■■" style="width:100%;max-width:100%;height:auto;border:0;" />
<p style="text-align:center;margin:3px auto 30px;"><a href="■■■ リンク先のURL ■■■">■■■ タイトル ■■■</a></p>

<img src="■■■ 画像のURL ■■■" style="width:100%;max-width:100%;height:auto;border:0;" />
<p style="text-align:center;margin:3px auto 30px;"><a href="■■■ リンク先のURL ■■■">■■■ タイトル ■■■</a></p>

画像を追加するときには、まず、メディアの方にあらかじめ画像をアップロードしておき、

asdgfaga

画像の URL をコピーし、

adfafd

テキストウィジェットの該当部へ貼りつけます。

adfadfda

次にリンク先の URL をコピーし、

Menubar

同様に貼り付け、タイトル部分を追記します。

ウィジェット ‹ t demo — WordPress

私の場合は、ブックマークレットを使ってリンクの記述を貼ることがほとんどです。

asdfsfds

画像の貼りつけにテキストウィジェットを使うことのメリットのひとつは、たとえば、はてなブログなど他のブログサービスに簡単に流用できるということです。リンク集は重複する部分があったりするので、このように HTML の形で管理しておいた方がいいと私は考えています。

c-demoのブログ

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。