Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/explorers/private-gardman.com/public_html/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77

Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/explorers/private-gardman.com/public_html/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 87
文字位置を変更したい | 自由に色々なことを試行錯誤してアクセスアップを目指すサイト
Warning: count(): Parameter must be an array or an object that implements Countable in /home/explorers/private-gardman.com/public_html/wp-includes/post-template.php on line 284

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

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

文字位置を変更したい

wp
ワードプレスで記事を書いていると、特定の場所だけ文字の位置を右とか左にしたいな。
と、考えるときってありますよね?

そんな時には、以下の方法で簡単に変更することができます。

line一行ごとに文字位置を変更

一行ごとに文字の位置を指定したい場合は以下のタグを追加することで対処できます。

<div style=”text-align: 位置;”>文章</div>

右寄せ
<div style=”text-align: 位置;”>文章</div>

プリン

左寄せ
<div style=”text-align: left;”>プリン</div>

プリン

中央揃え
<div style=”text-align: center;”>プリン</div>

プリン

line段落ごと文字位置を変更

段落ごとまとめて文字位置を変更したい場合は、以下のようにタグを追加することで対処できます。

たとえば、
<div style="text-align: center;">
一行目の文章<br>
二行目の文章<br>
三行目の文章<br>
</div>

一行目の文章
二行目の文章
三行目の文章

このように表示させることができました。

※「align=”位置”」や「<center>中央</center>」は非推奨らしいので注意しましょう。


 - Tips, WordPress情報 , , ,

        



follow us in feedly

Message

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

CAPTCHA


  関連記事

WordPress Popular Postsの導入方法

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

WordPressとGoogle+を連携する方法

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

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

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

SNS管理に便利なHootsuiteの登録方法

レバレッジ効果を高めるために、一つの記事を公開した時にSNSで拡散するとはとても …

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

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

いまさら聞けないプラグインのインストールの仕方

ワードプレスを使っていると何度も利用することになるプラグインのインストール。 説 …

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

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

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

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

ワードプレスのアドレスを変更する方法

ロリポップとか、最近のレンタルサーバ会社では、ワードプレスなどの人気ブログツール …

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

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