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

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

文章の下にボタンをつける場合やテキストの下に右寄せの文章を載せたい場合、クラス名に”pull-right”をつけることで、右寄せにしたい場合は、クラス名に”pull-right”をつけましょう。

サンプル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

詳細はこちら

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

□テキストリンクの場合

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

□ボタンリンクの場合

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

1日で作るワードプレス講座

ホームページを制作しながら、ワードプレスの操作方法を学んでいく講座です。

HTMLやCSS、PHPなどの専門的な知識は一切必要なく見やすいサイトが出来上がります。

マンツーマンのワークショップでノートパソコンを持ち込んで作業します。
基本的なワードプレスの操作を学び、これからのサイト運営にお役立てください。