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

初心者にもわかりやすく。ワードプレスや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


  関連記事

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

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

SNS管理に便利なHootsuiteのカスタマイズ方法

前回「Hootsuiteの登録方法」を解説しましたが、今回はSNSの登録方法を解 …

WardPressプラグイン「WP Rakuten Link」の導入方法

楽天アフィリエイトをやっていると、記事に楽天の商品広告を掲載することがあると思い …

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

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

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

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

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

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

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

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

WordPress Popular Postsの導入方法

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

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

アメブロといった無料ブログには、画像の横に文字を入力とかはボタン一つで簡単にでき …

FacebookとWordPressを連携させる「Jetpack」の設置方法

前回までTwitterとの連携、Pingサイトやランキングサイトの登録をしたわけ …