技術Labo

気になったことやちょっとした作業の覚書

WordPress ソースコードを記事で見やすくする ( Highlighting Code Block )

投稿ページにてハイライトコードを設定可能に

プラグインを導入しハイライトコード用のブロックからソースを記述することで上記のような表示のソースコードが簡単に表示できるようになります

表示のサンプル

<?php
// ショートコードにて生成した検索フォームのhtmlを取得
$search_form = do_shortcode( '[searchandfilter fields="search,category,post_tag" headings="キーワード,職種,分類" types=",checkbox,radio" submit_label="検索"]' );
// 取得したhtmlを任意の内容に修正
$search_form = str_replace('<input type="text" name="ofsearch" placeholder="Search …" value="">', '<select name="ofsearch"><option value="">未選択</option><option value="パンダ">パンダ</option><option value="キリン">キリン</option></select>', $search_form);
// 検索フォーム表示
echo $search_form;
?>

関連記事

フリースタイル
WEBシステムエンジニア
制作作業の合間に、情報の整理。ポートフォリオ用まとめサイト
Lancers にてお仕事中

これからこの世を背負って行く若者に
今この世を背負っている大人の…
我らの生き様を見せんでなんとする!

鋼の錬金術師
by オリヴィエ・ミラ・アームストロング