概要 デモ html・css カスタマイズ 画像を変更する 項目を増減する タイトルと枠線の色を変更する 概要 画像とテキストのカード型リストボックスです。画像は差し替えることができます。項目の数は増減できます。 デモ タイトルを記入します 本文を記入しま…

記事ページにページネーションを配置したい時に活用できます。各aタグのURLを変更してお使いください。

ファイルアップローダーでアップした動画を表示するためのhtmlタグになります。タグをカスタマイズすることで動画再生に関する設定が行えます。

概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-corner a { display: inline-block; min-width: 100px; text-align: center; border: 2p…

概要 シンプルな塗りつぶしボタンです。 デモ ボタンテキスト .button-fill.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-fill.button-corner a { display: inline-block; min-width: 100px; text-align: center; backgrou…

概要 デザインテーマの記事詳細に採用している送客ボックスです。 https://hbm-visual.hatenablog.com/entry/2019/07/26/155711 テキストやリンクは変更可能です。 デモ お問い合わせはこちら オウンドメディアに関して、ご検討の方はまずはお気軽にご相談く…

概要 アイコンの横にテキストがあるボックスです。 画像部分は任意の画像と差し替えてください。 画像はpng / jpg / svg などが使用可能です。 デモ キャプション ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテ…

概要 アイコンの横にテキストがあるボックスです。 画像部分は任意の画像と差し替えてください。 画像はpng / jpg / svg などが使用可能です。 デモ キャプション ここにリストが入ります ここにリストが入ります ここにリストが入ります ここにリストが入り…

概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する ドット線の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答…

概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する 背景色を変更する 概要 ワンポイントで使いたいときに、文章やリストなどに囲み枠 (背景色) をつけることができます。 デモ …

概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する 囲み枠の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答を…

概要 デモ html・css カスタマイズ 見出しの色を変更する 囲み枠の色を変更する 概要 人物紹介ですが著者紹介としても使えます。 枠内に複数人追加することができます。 見出し部分を削除することも可能です。 デモ 見出しが入ります 人物名：人物紹介を入れ…