スライダーで画像を比較するコンテンツを作成する

使用アドオン：C5DK TwentyTwenty Image

C5DK TwentyTwenty Imageアドオン追加して表示されるブロックを任意のエリアにドラッグします。


表示されるフォームでImage beforeとImage Afterに２つの画像をセットします。

新規作成すると、中央のスライドをドラッグして比較できるコンテンツが表示されます。

検索

<>タグリスト
選択項目 カスタム属性 検索 ソーシャル 背景画像 エディタ ページリスト スライダー ギャラリー Slack

concrete5.orgのアドオンマーケットプレイス »

アドオンを使うには？ »

concrete5の基本的な使い方や、コミュニティでのFAQなどの情報共有はhttp://concrete5-japan.org/をご覧ください。

追加テーマや拡張ブロック（アドオン）のインストール・アンインストール方法は5.6の記事ですが方法は同じですでのこちらを参照ください。

Review Pickup
concreteCMSの画像をWebP形式に自動対応させる
concrete5でブログを作成する
bootstrap3のデフォルトのtab、pillsクラスでナビメニューやサイドメニューを作成する
GDPR対策のCookie Noticeを表示する
レスポンシブごとに高さを変えるマージンの空白をブロックで挿入する
ユーザー属性をかんたんに表示する（外部サイト）
concrete5 Codex
フォームヘルパーでフォームを出力する
Dateヘルパーで日付や時刻を表示する
Dateヘルパーで日付オブジェクトを扱う
Dateヘルパーでタイムゾーンを扱う
Dateヘルパーでデータベース形式の日付フォーマットで日付を取得する
ナビゲーションヘルパーでログイン・ログアウトのリンクを取得する
Popular page
フォームにreCAPTCHA v3を導入する。
concrete5にアドオンを追加するには
GDPR対応を確認する
ページリストをテキスト属性の値で並べ替える
ソーシャルボタンをページに追加する