テキストやボタンの配置を右寄せにしたい時

WordPressのバージョンが5.0に上がりブロックエディタというものできたので、テキストやボタンの配置は、以下の方法でなくても簡単にできるようになりました。

lightningのテーマでは、CSSフレームワークの定番であるBootstrapを採用していますので、クラス名をつけることで、あらかじめ設定された装飾を簡単に行うことができます。(Bootstrap参照

文章の下にボタンをつける場合やテキストの下に右寄せの文章を載せたい場合、クラス名に"pull-right"をつけることで、右寄せにすることが可能です。

右寄せにしたい場合は、クラス名に"pull-right"をつけましょう。

サンプル

テキストの右寄せ

詳細はこちら

ボタンの右寄せ

右寄せボタン

HTMLをコピペして使ってね。

□テキストリンクの場合

<a class="pull-right" href="#">詳細はこちら</a>

□ボタンリンクの場合

<a class="btn btn-default pull-right" href="#" >詳細はこちら</a>


その他・コピペで使えるBootstrapサンプル

コピペで使える「枠」の作り方
コピペで使えるボタンの装飾


無料相談にお申し込み

無料相談の前にプロフィール動画が見れます

フォームからお申し込み可能


パソコンが苦手でも
集客できるホームページを
自分で育てていく方法とは?

メールでその秘訣を公開します

3つの特典

  • 特典1.「ホームページの育て方」動画講座(30分)
  • 特典2.「ウェブ集客の基本」動画講座(30分)
  • 特典3.60分のオンライン相談(15,000円相当)(期間限定)