X

スポンサードリンク

スポンサードリンク

addquicktagのカスタムタグ

<p><img data-attachment-id&equals;"1934" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;addquicktag&sol;attachment&sol;pak&lowbar;koi9v9a6859&lowbar;tp&lowbar;v&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;02&sol;PAK&lowbar;koi9V9A6859&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;1600&percnt;2C1015&amp&semi;ssl&equals;1" data-orig-size&equals;"1600&comma;1015" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"PAK&lowbar;koi9V9A6859&lowbar;TP&lowbar;V" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;02&sol;PAK&lowbar;koi9V9A6859&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;300&percnt;2C190&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;02&sol;PAK&lowbar;koi9V9A6859&lowbar;TP&lowbar;V&period;jpg&quest;fit&equals;641&percnt;2C407&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-1934" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2017&sol;02&sol;PAK&lowbar;koi9V9A6859&lowbar;TP&lowbar;V-1024x650&period;jpg" alt&equals;"" width&equals;"640" height&equals;"406" &sol;><&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad1" id&equals;"quads-ad1" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;&NewLine;<h3 class&equals;"style3b">アドクイックタグ&lpar;addquicktag&rpar;の追加タグ一覧<&sol;h3>&NewLine;<p>WordPressで記事を書くときに、どうしても表現方法がうまく出来ず、困っていました。<&sol;p>&NewLine;<p>デフォルトの飾り文字では物足りなくなり、wordpressのプラグインでaddquicktagをインストールしてエディタをカスタムしました。<&sol;p>&NewLine;<p>私の場合は、見出しではなく、単純に文字の大きさに強弱を付けたり、文字の色を付けたりぐらいは欲しいかなぁと思っていました。<&sol;p>&NewLine;<p>ネットで調べてみて設定しても、思ったようなボタンを作ることが出来ませんでした。<&sol;p>&NewLine;<p>wordpressのプラグインでは、結構ニーズの高いaddquicktgagですが、基本的な情報ばっかりで、肝心のタグ情報がほとんど見当たりませんでしたので苦戦しました。<&sol;p>&NewLine;<p>他にも、困っている人がいるのではと、思い記事にしました。<&sol;p>&NewLine;<p>私が追加した飾り文字とその下に、タグのHTMLを記載しましたので参考にしてください。<&sol;p>&NewLine;<p>これで作ったタグボタンは、組み合わせることも出来るのでとても便利になりました。<&sol;p>&NewLine;<p>例えば、赤文字と大文字と太文字など、どんどん組み合わせることができますのでお試しください。<&sol;p>&NewLine;<p>HTML言語は、もっとスマートなものがあるかもしれませんが、私が成功した事例を紹介しています。<&sol;p>&NewLine;<p>また、紫色や緑色などありますが、ここで紹介している色は私が好きな色にしていますので、オリジナルではないことをご了承ください。<&sol;p>&NewLine;<h3 class&equals;"style3b">文字の大きさ<&sol;h3>&NewLine;<p><span style&equals;"font-size&colon; xx-small&semi;">8ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; xx-small&semi;&&num;8221&semi;&gt&semi;8ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; small&semi;">10ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; small&semi;&&num;8221&semi;&gt&semi;10ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; medium&semi;">12ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; medium&semi;&&num;8221&semi;&gt&semi;12ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; large&semi;">14ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; large&semi;&&num;8221&semi;&gt&semi;14ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; x-large&semi;">18ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; x-large&semi;&&num;8221&semi;&gt&semi;18ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; xx-large&semi;">24ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; xx-large&semi;&&num;8221&semi;&gt&semi;24ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 300&percnt;&semi;">36ポイント<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;font-size&colon; 300&percnt;&semi;&&num;8221&semi;&gt&semi;36ポイント&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<h3 class&equals;"style3b">文字の色<&sol;h3>&NewLine;<p><span style&equals;"color&colon; &num;ff0000&semi;">赤色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;ff0000&semi;&&num;8221&semi;&gt&semi;赤色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;0000ff&semi;">青色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;0000ff&semi;&&num;8221&semi;&gt&semi;青色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;00ff00&semi;">緑色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;00ff00&semi;&&num;8221&semi;&gt&semi;緑色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ffff00&semi;">黄色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;ffff00&semi;&&num;8221&semi;&gt&semi;黄色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;800000&semi;">茶色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;800000&semi;&&num;8221&semi;&gt&semi;茶色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;c0c0c0&semi;">灰色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;c0c0c0&semi;&&num;8221&semi;&gt&semi;灰色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;00ffff&semi;">水色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;00ffff&semi;&&num;8221&semi;&gt&semi;水色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff00ff&semi;">紫色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;ff00ff&semi;&&num;8221&semi;&gt&semi;紫色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ffffff&semi;">白色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;color&colon; &num;ffffff&semi;&&num;8221&semi;&gt&semi;白色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<h3 class&equals;"style3b">文字背景の色<&sol;h3>&NewLine;<p><span style&equals;"background-color&colon; &num;ff0000&semi;">赤色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;ff0000&semi;&&num;8221&semi;&gt&semi;赤色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;0000ff&semi;">青色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;0000ff&semi;&&num;8221&semi;&gt&semi;青色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;008000&semi;">緑色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;008000&semi;&&num;8221&semi;&gt&semi;緑色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;ffff00&semi;">黄色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;ffff00&semi;&&num;8221&semi;&gt&semi;黄色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;800000&semi;">茶色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;800000&semi;&&num;8221&semi;&gt&semi;茶色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;c0c0c0&semi;">灰色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;c0c0c0&semi;&&num;8221&semi;&gt&semi;灰色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;00ffff&semi;">水色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;00ffff&semi;&&num;8221&semi;&gt&semi;水色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;ff00ff&semi;">紫色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;ff00ff&semi;&&num;8221&semi;&gt&semi;紫色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<p><span style&equals;"background-color&colon; &num;ffffff&semi;">白色<&sol;span><&sol;p>&NewLine;<p>&lt&semi;span style&equals;&&num;8221&semi;background-color&colon; &num;ffffff&semi;&&num;8221&semi;&gt&semi;白色&lt&semi;&sol;span&gt&semi;<&sol;p>&NewLine;<h3 class&equals;"style3b">見出し文字<&sol;h3>&NewLine;<h1>見出し1<&sol;h1>&NewLine;<p>&lt&semi;h1&gt&semi;見出し1&lt&semi;&sol;h1&gt&semi;<&sol;p>&NewLine;<h2>見出し2<&sol;h2>&NewLine;<p>&lt&semi;h2&gt&semi;見出し文字&lt&semi;&sol;h2&gt&semi;<&sol;p>&NewLine;<h3>見出し3<&sol;h3>&NewLine;<p>&lt&semi;h3&gt&semi;見出し3&lt&semi;&sol;h3&gt&semi;<&sol;p>&NewLine;<h4>見出し4<&sol;h4>&NewLine;<p>&lt&semi;h4&gt&semi;見出し4&lt&semi;&sol;h4&gt&semi;<&sol;p>&NewLine;<h5>見出し5<&sol;h5>&NewLine;<p>&lt&semi;h5&gt&semi;見出し5&lt&semi;&sol;h5&gt&semi;<&sol;p>&NewLine;<h6>見出し6<&sol;h6>&NewLine;<p>&lt&semi;h6&gt&semi;見出し6&lt&semi;&sol;h6&gt&semi;<&sol;p>&NewLine;<p>今回の記事のように、HTMLタグをWebに表示するためにはタグを工夫しないと、HTML言語として表示することができませんので&lt&semi;  &gt&semi;を置き換えて入力する必要があります。<&sol;p>&NewLine;<p>&lt&semi;&equals; &amp&semi;lt &semi;  &gt&semi;&equals; &amp&semi;gt &semi;<&sol;p>&NewLine;<p>少しのHTML文章なら手間はかかりませんが、量が増えてくればとてもしんどいです。<br &sol;>&NewLine;そこで、Microsoft Word で便利な機能がありますので合わせて紹介します。<br &sol;>&NewLine;WordにHTML言語を貼り付けして、一括置換します。<&sol;p>&NewLine;<h5 class&equals;"style5a">Wordで一括置換の手順<&sol;h5>&NewLine;<p>ホームタブ のリボンの右の方に 編集 がありますのでそれをクリック。<br &sol;>&NewLine;プルダウンしたリストの中から 置換 をクリック。<br &sol;>&NewLine;すると 検索と置換 のウィンドウが開きます。<br &sol;>&NewLine;検索する文字列 に &lt&semi; を入力し、 置換後の文字列 に &amp&semi;lt &semi; を入力します。<br &sol;>&NewLine;次は、 すべて置換 を押せばWordエディタの &lt&semi; はすべて &amp&semi;lt &semi; に置き換わります。<&sol;p>&NewLine;<p>Wordがなければ、便利なフリーソフトもありますので検索してみてください。<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad3" id&equals;"quads-ad3" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;98&period;1 -->&NewLine;<div class&equals;"quads-location quads-ad4" id&equals;"quads-ad4" style&equals;"float&colon;none&semi;margin&colon;0px 0 0px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;&NewLine;

葉隠 瀧: このサイトを管理しているのが葉隠 瀧です。