【オシャレ系】HTML部品ジェネレーター 【注意/チェック/結論/チャットバルーン/アンダーライン/ソースコード】
カスタムHTMLジェネレーター
設定
出力結果
概要
HTMLを書いていると、例えば以下のようなブロックを生成したくなります:
- これは注意用の文章です
あるいは、以下のような結論の文章とか:
これは結論です
あるいは、
こんな感じのアンダーラインも欲しいですよね?
ということで、これらのブロックを簡単に生成できるジェネレーターを作ってみました。上記を操作し、生成されるHTMLをコピーし、WordPressの場合「カスタムHTML」に貼り付けることで、簡単に使うことができます。
なお、正常に表示するには別途CSSが必須です。上にCSSが表示されていると思うので、こちらもコピーして貼り付けることでお使いください。同様に「カスタムHTML」に貼り付けることで機能するほか、テーマの設定から<head>内に読み込むよう設定することもできます。
無料でお使いいただけますが、(結構頑張って作っているので)自作発言はお止めください。
詳細な使い方
本ジェネレーターに関して、より詳細な使い方についてはこちらの記事でも説明しています。是非ご参照ください:
ライセンスと免責事項
本ページは誰でも商用・非商用問わず無料でお使いいただけます。CSSの再配布はお止めください。本ページの拡散は大歓迎です。
また、本ツールを使用した結果、何らかの損害が発生しても作者は一切の責任を負いかねますこと、予めご了承ください。