記事内に目次を表示お知らせよくある質問ホームカスタマイズレスポンシブな画像とテキストの横並びを表示するレスポンシブな画像とテキストの横並びを表示する2018年6月15日カスタマイズTwitter1FacebookFacebookLINEレスポンシブな画像とテキストの横並びを表示する方法を紹介します。実際には以下のような表示となります。スマホでご覧の方は1カラムで表示されていると思いますが、PCでは画像とテキストが横並びの2カラム表示になります。PCでは2カラム、スマホでは1カラムに自動調整されます。画像の左右はセレクタで変更できます。左画像ならline-box-left-imageとなります。右画像ならline-box-right-imageとなります。画像のコードは先に書くようにしてください。あとに書くとレスポンシブしなくなります。画像とテキストを横並びで表示するHTMLコード以下のコードを記事内に記述してください。class="line-box-text">ここにテキストを記入します。テキストの前後は1行空行を作ってください。class="line-box-text">ここにテキストを記入します。テキストの前後は1行空行を作ってください。コメントをキャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。【Healer】サイド:施術者紹介ウィジェットを使えば、このようなプロフィールが簡単に設置可能です。SNSは管理ページの設定と連携しており、好きなものだけ表示できます。