自由に色々なことを試行錯誤してアクセスアップを目指すサイト

初心者にもわかりやすく。ワードプレスやSEO対策、アクセスアップなどの検証、試行錯誤したブログ運営のネタをまとめてます。

画像の横に文字を入力する方法

wp
アメブロといった無料ブログには、画像の横に文字を入力とかはボタン一つで簡単にできると思いますが、ワードプレスではそうもいきませんよね。

画像を左とか右に設置すればできるんじゃない?

とか考えそうですが、実際にやってみるとこんな感じ。

l文字が画像の横に表示されていませんね。

何かプラグインを入れればできるようになるんじゃないの?

とか思いそうですが、検索をすると「CSS」を直接書き換えるとか、
慣れてる人ならいいですけど、これではなかなか敷居が高いですよね。

そんな面倒なことをしなくても、ちょっと手間をかけるだけですぐにできます。

lineテキストを画像に回り込ませる方法

まず画像を挿入すると、こんなソースが表示されますよね。
<img src=”http://xn--u6jwl8kqc0bz343cppsynoef1akk4a.xyz/wp-content/uploads/2014/12/line.png” alt=”line” width=”10″ height=”25″ class=”alignleft size-full wp-image-82″ />

最後のこの部分
-full wp-image-82″ />
ここにちょっと追加してあげるだけです。

まず画像の右に文字を回り込ませたい場合
このように
-full wp-image-82″ /align=”left>

後ろに「align=”left”」を追加します。

l画像位置を左にして追加してあげるだけで、このように文章を画像の右側に回りこませるようにすることができました。

次は画像の左に文字を回り込ませたい場合
後ろに「align=”right”」を追加します。

l画像位置を右にして追加してあげるだけで、今度は文章が画像の左側に回りこむようになりました。

これなら、変更したい場所だけに効果を追加することができるのでとても楽だと思います。
コピペしてあげれば構文を覚える必要もありませんし。

こんな風にちょっとした手間をかけるだけで簡単に変更することができます。
「CSS」を弄ったりは面倒だし、そんながっつりと回り込みを使うわけではない、という方はお試しあれ。

それよりも、画像が気になる方はこちらへどうぞw


 - Tips, WordPress情報 , , ,

        



follow us in feedly

Message

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

CAPTCHA


  関連記事

文字位置を変更したい

ワードプレスで記事を書いていると、特定の場所だけ文字の位置を右とか左にしたいな。 …

Google+のフォローボタンの設置の方法

ブログとかによく「いいねボタン」を見かけることは多いと思います。 どうせなら「い …

ワードプレスとTwitterを連携する「WP to Twitter」の設置の方法

ブログのアクセスアップにはTwitterなどで記事の公開や更新をツイートするのは …

WardPressプラグイン「AmazonJS」の導入方法

よく、無料フログではアマゾンや楽天なんかの広告をボタンひとつで設定できますよね。 …

Google+って何?Google+の登録方法から使い方の解説

ブログを運営するにあたって、1つの記事に対するレバレッジ効果を上げるにはSNSの …

同期できなくて諦めがちDropboxを外付けハードディスクに同期させる方法

Dropboxって基本的には「PC内部のHDDにしか同期できない」ですよね。 意 …

iPhoneアプリのアフィリエイトを見栄え良くするWordPressプラグイン

これまで、Amazonのアフィリエイトが簡単かつ見栄えが良くなるWordPres …

WordPressでURLをリダイレクトする方法は「Redirection」を使うととても簡単

アフィリエイトにおいて、どうしてもリンク先のURLが別サイトだとクリックをされな …

WordPress Popular Postsの導入方法

ブログに訪問者がよく見るページを表示したり、そこに閲覧数やコメント数を表示したい …

WordPressとGoogle+を連携する方法

WordPressの記事をGoole+にも連携して投稿をしたいと考える人はいると …