スマートフォン・タブレットからインターネットサーバーオペレーション 2016

APPW.jp 2016

WordPress Shortcode で HTML コードを表示

WordPress の投稿記事中に HTML コードを表示するには、HTML エスケープが必要となります。通常は、SyntaxHighlighter プラグインを利用するのが一般的で、エスケープ処理だけでなく、ビジュアル効果の高いアウトプットが得られます。今回は、エスケープ処理を WordPress Shortcode で作成してみます。

HTML エスケープ処理は、HTML タグに使われる < を &lt;、> を &gt;、そのほか & を &amp; などの変換を行います。

HTML エスケープ処理には、WordPress の esc_html () 関数や PHP の htmlspecialchars () 関数などが利用できます。ただし、WordPress 投稿記事中では、これらの関数を直接使用できませんので、WordPress の Shortcode で呼び出すこととします。

テーマのための関数(functions.php)に書き加えます。基本的には、WordPress の esc_html () 関数を呼び出すだけです。



function html_entity( $args, $content = "" ) {
  $outputhtml = esc_html($content);
  return $outputhtml;
}
add_shortcode('htmlen', 'html_entity');


記事中は、対象の HTML コードコンテンツをショートコードタグで囲みます。



<pre><code>
[htmlen]
<svg width="320" height="320">
<image xlink:href="a.svg" 
src="a.png" width="320" height="320" />
</svg>
[/htmlen]
</code></pre>

WordPress Shortcode を SVG Fallbacks で試します

python-wordpress-xmlrpc ライブラリで投稿

Python Pillow でサムネイルを作成
WordPress Shortcode で HTML コードを表示
WordPress Shortcode を SVG Fallbacks で試します
Tornado で Secure Websocket を試します

MYCODEは、唾液を採るだけで最大280項目の病気と体質の遺伝的傾向がわかる、遺伝子検査キットです。

わたしたちの遺伝子から健康のためのヒントを見つけよう【MYCODE】

新スマホがぞくぞく登場!ラインアップ充実。UQなら家族割で新規2台目以降1,480円/月~、乗り換える方が増えています。

auネットワークで月々980円(税抜)~!【UQ mobile】

最短4週間で未経験からプロを育てるオンライン完結のスクールです。自宅でもプログラミングやアプリ開発を学ぶことができます。受講生に1人ずつ現役のプロのパーソナルメンターがつきます。

未経験からプロのエンジニアを育てるオンラインブートキャンプ

新幹線/有料特急の往復チケットとホテル/旅館の宿泊がセットになったお得な旅行プランを掲載。家族・夫婦旅行/イベント/女子旅/一人旅/出張に便利!

オトクな「新幹線+ホテルセットプラン」を検索!

コストパフォーマンスの高いレンタルサーバーラインナップと、自由度の高いVPS(KVM)から選べます。

お名前.comの高性能VPS

現役エンジニアによるプログラミング家庭教師サービスです。オンライン上でマンツーマンでレッスンが受けられるので、いつでもどこからでも学習ができるのが最大の特徴です。

オンラインプログラミング研修のCodeCamp

最短即日発行の「ドメイン認証SSL」のほか、「EV SSL」や「企業認証SSL」などの信頼性の高いSSL証明書も業界最安水準にて提供しています!また、無料で使えるSSL証明書にも対応しています。

格安SSL証明書サービス、SSLボックス

高速なSSDも選択でき、複数台構成も可能。スモールスタートしたい方や手軽な開発環境がほしい方におすすめな、柔軟さが特長の仮想専用サーバーサービスです。

選べるプランとOS!さくらのVPS

家でも外でもインターネット!モバイルルーターは持ち歩き可能。工事不要!回線を引く時間もお金も不要。即時開通!端末が届けばすぐに利用可能。

超速モバイルネットWiMAX 2+!!ニッポンを、超速へ。