ブログにコードを埋め込んでいる人がいるのを見て自分もチャレンジしようと思いました。
どのように達成したのかを書き残したいと考えています。
記載したコードをコピーして見やすく、かつコピーもできるようにしたいと想定しています。
function add_quick_tag() {
if (wp_script_is('quicktags')){ ?>
<script>
QTags.addButton( 'qt-btn','リンクボタン', '[btn]\n\n[/btn]' );
QTags.addButton('h2','h2','<h2>','</h2>');
QTags.addButton('h3','h3','<h3>','</h3>');
QTags.addButton('red','文字色(赤)','<span class="red">','</span>');
QTags.addButton('blue','文字色(青)','<span class="blue">','</span>');
QTags.addButton('pink','文字色（ピンク)','<span class="pink">','</span>');
QTags.addButton('bold','文字太','<span class="bold">','</span>');
QTags.addButton('marker','マーカー','<span class="marker">','</span>');
QTags.addButton('A8__img','a8__img','class="a8__img" ');
QTags.addButton('tab','別タブ表示','target="_blank" ');
QTags.addButton('code','コード埋込','<code></code>');
</script>
<?php }
}
add_action( 'admin_print_footer_scripts', 'add_quick_tag', 11 );
ブログにコードを綺麗に埋め込む方法を探して、さまざまな方法やプラグインを試してみました。結果として、私にとって一番使いやすく便利だったのが 「Highlighting Code Block」 というプラグインでした。
これらの問題をすべて解決してくれたのが「Highlighting Code Block」でした。
コードを美しく表示することで、読み手にも優しく、見た目も整うので非常におすすめです。
スマホ表示については、当然に対応していますので問題ありませんが、やはりこのプラグインを用いると本当に見やすいです。
は何かコードを掲載したい場合にはこのブログに書いていこうと思います。
$paged = get_query_var("paged") ? get_query_var("paged") : 1;
$args = array(
'post_type' => 'post', // 通常の投稿タイプのみを対象
'posts_per_page' => 6, // 表示件数]
'paged' => $paged,
'orderby' => 'date',
'order' => 'DESC'
);