画像ブロックを CSS でセンタリングする方法 – ConcreteCMS TIPS

by | Jun 6, 2021 | 0 comments

画像ブロックを CSS でセンタリングする方法 – ConcreteCMS TIPS

by | Jun 6, 2021 | CSS Tips and Tricks | 0 comments



ConcrereCMS の標準ブロックである、画像ブロックの画像をセンタリング表示したい時、CSS のクラスを作り、ブロック全体にクラスを付与する方法を紹介します。

# CSS サンプル
https://gist.github.com/katzueno/1a0a684253ddbaa55da5b1280b9411ca

#フォーラム記事
https://concrete5-japan.org/community/forums/design/post-12793/

# オンライン勉強会参考リンク

## レベル・目次・アウトライン
https://docs.google.com/document/d/1tjUdh0rYhnygkUxXas1CdYJbpac2EkR7NfaEhK0W1fg/edit?usp=sharing

## オンライン勉強会シーズン6 YouTube プレイリスト

## フィードバック受付先

– 各 YouTube 動画のコメント欄
– concrete5 Slack の jp-weekly-c5 チャンネル
https://concrete5-japan.org/community/about/concrete5-slack/
– concrete5 Japan フォラーム 勉強会スレッド
https://concrete5-japan.org/community/forums/event/post-19262/
– Twitter で @concrete5japan まで

#concrete5 #CMS #オープンソース #ウェブサイト制作

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>