著者情報に使える定型文です。SNSリンクをアイコン形式にしているので、使用したいもの以外を削除し、各アイコンのaタグにリンクを設定してお使いください。

主に複数の人が会話をしている時に活用できる形です。吹き出しとアイコンの枠線が同じなので誰が会話しているのか分かりやすい形になっています。

目次の見た目を変更できます。記事編集の「目次」を活用し、cssのみで調整が可能です。

メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。

メディア内の関連記事を表示します。

メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。

メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。

メディア内の関連記事を表示します。html内の【記事URL】を表示したいURLに変更いただくと、自動的に見出し・概要文を表示します。

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

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

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

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

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

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

概要 デモ html / css カスタマイズ 背景色を変更する 著者名の色を変更する 概要 著者情報に使える定型文です。 デモ 著者：はてな太郎 著者情報を記入します。著者情報を記入します。著者情報を記入します。著者情報を記入します。著者情報を記入します。…

概要 デモ html/css カスタマイズ 吹き出しの色を変更する 概要 人物が喋っている形にしたいときに活用 デモ 名前 その他情報 吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出しの中身吹き出し…