【オシャレ系】HTML部品ジェネレーター 【注意/チェック/結論/チャットバルーン/アンダーライン/ソースコード】

カスタムHTMLジェネレーター

設定

出力結果

概要

HTMLを書いていると、例えば以下のようなブロックを生成したくなります:

  • これは注意用の文章です

あるいは、以下のような結論の文章とか:

これは結論です

あるいは、

こんな感じのアンダーラインも欲しいですよね?

ということで、これらのブロックを簡単に生成できるジェネレーターを作ってみました。上記を操作し、生成されるHTMLをコピーし、WordPressの場合「カスタムHTML」に貼り付けることで、簡単に使うことができます。

なお、正常に表示するには別途CSSが必須です。上にCSSが表示されていると思うので、こちらもコピーして貼り付けることでお使いください。同様に「カスタムHTML」に貼り付けることで機能するほか、テーマの設定から<head>内に読み込むよう設定することもできます。

無料でお使いいただけますが、(結構頑張って作っているので)自作発言はお止めください

詳細な使い方

本ジェネレーターに関して、より詳細な使い方についてはこちらの記事でも説明しています。是非ご参照ください:

ライセンスと免責事項

本ページは誰でも商用・非商用問わず無料でお使いいただけます。CSSの再配布はお止めください。本ページの拡散は大歓迎です。

また、本ツールを使用した結果、何らかの損害が発生しても作者は一切の責任を負いかねますこと、予めご了承ください。