概要 デモ html・css カスタマイズ 項目を増減する STEP番号の色を変更する 概要 フロー図テキストです。項目の数は増減できます。 デモ STEP1など順番を記入しますタイトルを記入します 本文を記入します。本文を記入します。本文を記入します。本文を記入…
概要 デモ html・css カスタマイズ 項目を増減する タイムラインの色を変更する 概要 タイムライン付きのテキストです。スケジュールの流れなど、タイムラインを表示させたい時に便利です。リストの数を増減できます。 デモ 〇〇：〇〇タイトルを記入します …
概要 デモ html・css カスタマイズ 画像を変更する 項目を増減する タイトルと枠線の色を変更する 概要 画像とテキストのカード型リストボックスです。画像は差し替えることができます。項目の数は増減できます。 デモ タイトルを記入します 本文を記入しま…
記事ページにページネーションを配置したい時に活用できます。各aタグのURLを変更してお使いください。
著者情報に使える定型文です。SNSリンクをアイコン形式にしているので、使用したいもの以外を削除し、各アイコンのaタグにリンクを設定してお使いください。
ファイルアップローダーでアップした動画を表示するためのhtmlタグになります。タグをカスタマイズすることで動画再生に関する設定が行えます。
主に複数の人が会話をしている時に活用できる形です。吹き出しとアイコンの枠線が同じなので誰が会話しているのか分かりやすい形になっています。
リストの先頭が数字の連番になっています。デフォルトの目次ではなく、任意の目次を作りたいときに使います。
目次の見た目を変更できます。記事編集の「目次」を活用し、cssのみで調整が可能です。
目次の見た目を変更できます。記事編集の「目次」を活用し、cssのみで調整が可能です。
メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。
メディア内の関連記事を表示します。
メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。
メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。
メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。
概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-corner a { display: inline-block; min-width: 100px; text-align: center; border: 2p…
概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-rounded { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-rounded a { display: inline-block; min-width: 100px; text-align: center; border: …
概要 シンプルな塗りつぶしボタンです。 デモ ボタンテキスト .button-fill.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-fill.button-corner a { display: inline-block; min-width: 100px; text-align: center; backgrou…
概要 シンプルな塗りつぶしボタンです。 デモ ボタンテキスト .button-fill.button-rounded { display: flex; /* ボタンを中央そろえにする場合 */ } .button-fill.button-rounded a { display: inline-block; min-width: 100px; text-align: center; backgr…
概要 デザインテーマの記事詳細に採用している送客ボックスです。 https://hbm-visual.hatenablog.com/entry/2019/07/26/155711 テキストやリンクは変更可能です。 デモ お問い合わせはこちら オウンドメディアに関して、ご検討の方はまずはお気軽にご相談く…
人物の画像とセリフのシンプルパターンです。 人物名の部分は削除可能です。
概要 枠線つきの折りたたみが出来るQ&Aです。 デモ これはどのようなテンプレートですか？ 白背景にシャドウを付けた、アコーディオンとして開閉できるQ&Aです。 どのような特徴がありますか？ コンパクトに見せられるので、質問の数が多い場合などにおすす…
概要 アイコンの横にテキストがあるボックスです。 画像部分は任意の画像と差し替えてください。 画像はpng / jpg / svg などが使用可能です。 デモ キャプション ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテ…
概要 アイコンの横にテキストがあるボックスです。 画像部分は任意の画像と差し替えてください。 画像はpng / jpg / svg などが使用可能です。 デモ キャプション ここにリストが入ります ここにリストが入ります ここにリストが入ります ここにリストが入り…
SNSボタンのリストです。 必要なアイコンだけ設置して、各aタグ内にURLを記載してください。また、追加したいSNSアイコンをご自身で追加することも可能です。
ボタンにさらに訴求ポイントを追加したいときに使えるパターンです。期間限定のアピールや注目を集めたいボタンなどにお使いいただけます。
# 概要 折りたたみができるQ&Aです。 デモ これはどのようなテンプレートですか？ 白背景にシャドウを付けた、アコーディオンとして開閉できるQ&Aです。 どのような特徴がありますか？ コンパクトに見せられるので、質問の数が多い場合などにおすすめです。 …
概要 シンプルなQ&Aです。 質問部分の色を変更することができます。 デモ Qここに質問が入ります ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。 Qここに質問が入ります ここに回答が入…
概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する ドット線の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答…
概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する 背景色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答を記入…
概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する ドット線の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答…
概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する 背景色を変更する 概要 ワンポイントで使いたいときに、文章やリストなどに囲み枠 (背景色) をつけることができます。 デモ …
概要 デモ html・css カスタマイズ 見出しの色を変更する 背景色を変更する 概要 人物紹介ですが著者紹介としても使えます。 枠内に複数人追加することができます。 見出し部分を削除することも可能です。 デモ 見出しが入ります 人物名：人物紹介を入れてく…
概要 デモ html・css カスタマイズ 見出しの色を変更する 囲み枠の色を変更する 概要 人物紹介ですが著者紹介としても使えます。 枠内に複数人追加することができます。 見出し部分を削除することも可能です。 デモ 見出しが入ります 人物名：人物紹介を入れ…
概要 デモ html / css カスタマイズ 背景色を変更する 著者名の色を変更する 概要 著者情報に使える定型文です。 デモ 著者：はてな太郎 著者情報を記入します。著者情報を記入します。著者情報を記入します。著者情報を記入します。著者情報を記入します。…
概要 デモ html/css カスタマイズ 吹き出しの色を変更する 概要 人物が喋っている形にしたいときに活用 デモ 名前 その他情報 吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出し…
概要 デモ 長文、一文などの文章に活用 リストなどに活用 番号付きリストなどに活用 html/css カスタマイズ 見出しの色を変更する 囲み枠の色を変更する 概要 枠のスタイルのみ用意しているので、中身は自由です。 デモ 見出し Q. 質問などを記入 A. 回答を…
概要 デモ html・css カスタマイズ 見出しの色を変更する 囲み枠の色を変更する 概要 人物紹介ですが著者紹介としても使えます。 枠内に複数人追加することができます。 見出し部分を削除することも可能です。 デモ 見出しが入ります 人物名：人物紹介を入れ…
概要 デフォルトの目次ではなく、任意の目次を作りたいときに使います。 スタイルは各メディアのデフォルトのスタイルを適用する想定なので、デザイン設定cssの追加は不要です。 そのため、デモとは見た目が違う場合があります。 デモ 見出し1 見出し1-1 見…
