ぱっとカエルニュース

2021.05.24

ぱっとカエル小技 「『左右に文字列を並べて表示したい!』 コンテンツパーツのご紹介」

こんにちは!岡山・倉敷でホームページ作成なら”ぱっとカエル”
カエルくんのホームページブログです。

ホームページの編集・デザインを考えたときに「ちょっと変わったページを作りたいな」と考える方もいらっしゃるのではないでしょうか?
利用する側からも、少し工夫がみられるサイトを見たとき、「おっ!」と思うことがあるなと感じました。

そこで今回は「左右に文字列を並べて表示したい」
そんな時に使えるコンテンツパーツのご紹介です(^^)/

スペースで調節・・・その方法、大丈夫?

「ちょっと変わったページを作りたいな・・・そだ、左右に文字を並べて表示させよ!」

「えーと、スペースを使って文字の間を調節して・・・できた!」

ちょっとまったー!

そのスペース活用、本当に大丈夫ですか?

スペースを使って文字列を整えても、編集表面上はきれいに出来上がります。
しかし、スマートフォンなどでモバイル版のページを見たとき・・・

「あれ・・・!?なんか想像してた見え方と違う・・・!」

スペースを活用して無理やり文字列間を調節すると、スマートフォンで見たときに表示崩れが生じてしまいます。
そうならないためにも「異なる文章を左右に2分割して入力できる」コンテンツパーツを使いましょう!

左右に文字列を並べて表示する方法

1.コンテンツパーツを追加したい場所 のすぐ上のパーツ
うっすらオレンジ色の枠が表示されます)
の上で右クリック

「コンテンツパーツ」→「パーツの追加」を選択します。

2.表示されたメニューの「テキスト」にチェックを入れる

これにより、テキスト関係のパーツのみピックアップされます。
今回は「左右に文字を並べて表示させたい」ので
「テキスト_2セット」というコンテンツパーツを選択します。

3.選択したコンテンツパーツがブログ上に挿入されるので、
左右それぞれにテキストを入力します。

これで、設定は完了です!

入力後、このようになりました!

PC版では先ほどとあまり変わらないように見えますが

スマートフォン版で見てみましょ

きれいに分割して表示されました!

すごい!スマートフォンで見てもちゃんと分割されてる!

そして、今回私がご紹介したコンテンツパーツを使ったブログ記事はこちら!

サイトデザインにちょっとしたこだわりを加えたいそこのあなたに
オススメのコンテンツパーツの紹介でした!

テキスト分割は左右の2分割だけじゃなくて左・中央・右の3分割もありますので、
必要に応じてコンテンツパーツを使い分けてみて、
素敵なホームページを作り上げてくださいね(*^^*)


岡山で簡単に更新できるホームページCMSをお探しなら“ぱっとカエル”
ご要望があればサンプルサイトもすぐにご用意できますので、お気軽にお問い合わせください☆

ページトップへ