[`yahoo` not found]
Pocket

bandicam 2016-08-05 10-08-53-803

改行タグ</br>を使った改行修正


ワードプレスで記事を作成していると、画像を入れたとき、
文章の位置がずれて画面の構成がみだれてしまうことがあると思います。
初心者はよく躓く部分なので説明しておきます。

bandicam 2016-08-05 09-18-00-156改行失敗
感情的価値が機能的価値を超えてしまう理由の赤い枠で囲った部分は、
文章の位置がずれて、画像の位置との関係から言っても見栄えが悪いですよね。

見栄えを良くするために、画像の下に文章がいくようにしたいと思います。

画面の構成が乱れるのは、改行がうまくいっていないことが原因ですので、
そこで改行タグを文章の間に入れていきます。

bandicam 2016-08-05 09-22-18-439改行タグ

赤い枠で囲った部分が改行タグを追加した部分です。
改行タグはとりあえず1つ入れてみてそれでだめなら、
改善されるまで追加していって下さい。ここでは4つ入れたら改善しました。

bandicam 2016-08-05 09-08-31-898
このように画像の下に綺麗に、
感情的価値が機能的価値を超えてしまう理由の文章がいきましたね。
内容によっては改行タグを一行丸ごと入れて改善するものもありますので、
ぜひ試してみてください。

サイトは見た目が悪いと人に見てもらえなくなるので、
見た目を良くするようにしていってください。

プラグインbrBrbr300を使った改行修正


また、プラグインによる改行というのが出来ます。

WP改行プラグイン「brBrbr300」です。

但し、このプラグインはWPの正規のプラグインではないので、
直接「プラグイン」→「新規追加」というわけにはいきません。
下記のサイトからダウンロードして下さい。

WP改行プラグイン ダウンロードbrBrbr300

画面左下に、画像のような表示がされます。
このbrBrbr300フォルダーは開かなくていいです。
zipファイルのままワードプレスにアップロードします。

bandicam 2016-08-17 16-28-03-584
ダウンロードしたら、ワードプレス画面から「プラグイン」→「新規追加」→「アップロード」をクリックしてください。

bandicam 2016-08-17 16-33-58-978

下記の画面が表示されたら、
赤枠の「ファイルを選択」を押して下さい。

bandicam 2016-08-17 16-43-14-705

赤枠の「brBrbr300フォルダー」を選択、「開く」を押して下さい。

bandicam 2016-08-17 16-51-26-495

「今すぐインストール」を押して下さい。

bandicam 2016-08-17 16-44-06-371

プラグインのページで「brBrbr」を見つけたら、
有効化して下さい。

bandicam 2016-08-17 16-59-50-382

これで、インストールは完了です。

brBrbrが改行されない事がある?


実はbrBrbrが反映されないということがあります。
私もそうですが、テーマ(テンプレート)と相性が悪いと
改行がされないようです。

そんな時はビジュアルエディターを使って「 」タグを
使用することで改行が出来ます。

但し、ビジュアルエディターはアフィリエイト用のサイトを作成するうえで、
適さないので私は使わず、このページの始めに書いた通り、
</br>を手入力しています。

[`yahoo` not found]
Pocket