【WordPress】ブログに装飾となる簡単なコードやタグ
簡単な装飾タグ
ワードプレス ブログ投稿に 簡単な装飾タグをつける
これをすれば 読みやすさが少しアップかなと 参考にでもどうぞ
HTML CSS 初学者級でも 使えるレベルのものだと思います
装飾の2パターン
1.AddQuicktag プラグインを活用する
プラグイン機能で タグ作成をする 今現在はこの方法が何かできませんでした 原因不明
2.クラシックエディタのテキスト
そのまま書き込みをするやり方 今現在はこの方法で 記述 装飾しています
そのまま書き込む コードは
プラグイン機能のタグ作成に 応用可と思う
ボタン名 開始タグ 終了タグ と 定義すれば プルグインの方が便利です
装飾コード
コピペしてしたり 自分なりに 色指定変更したり 使いやすいように してみてください
<b>ここに文字</b>
見出し3
<h3>ここに文字</h3>
<div style="border: #B3E5FC solid 1px; border-left: #4865B2 solid 10px; padding: 20px; background: #f7f7f7;">
ここに文字</div>
<span style="color:#E74C3C;">
ここに文字</span>
<span style="background:linear-gradient(transparent 60%, #ffdc00);">
ここに文字</span>
<div style="background: #fff; border: 1px #ccc solid; box-shadow: 0 2px 3px 0 #ddd; padding: 1.2em;">
ここに文字</div>
<div style="border: 0.3rem solid #DEA7CA; padding: 0.5rem; border-radius: 0.5rem; padding: 1.2rem;">
ここに文字</div>
<div style="border: 0.2rem dashed #5b8bd0; padding: 0.5rem; border-radius: 0.5rem; background: #f0f7ff; margin: 2em; padding: 1.2rem;">
ここに文字</div>
<a href="ここにリンク先アドレス" target="_blank" rel="noopener noreferrer">ここに文字</a>
今後 追加する可能性もあります 参照くだされば 幸いです
よいサイト構築を応援しています
読者のあなたに これからの人生で何かよりよい機会や影響を 与えること贈ることができれば
とても嬉しく光栄で幸福なことです ご愛読感謝します またお逢いしましょう
UIO OriginRegression Welcome twitter【www.投資家.com official】