アイキャッチ画像を出力するには the_post_thumbnail 関数を使いますが、img 要素として出力されてしまいます。アイキャッチ画像の URL だけを取得するには、wp_get_attachment_url 関数と get_post_thumbnail_id 関数を使います。このページを読む

Android の標準ブラウザでページを表示すると、code 要素などの一部の要素が間延びして、余白ができる問題があります。このとき、この余白は margin や padding 要素に依存しません。この問題は、フォントの種類と text-rendering プロパティが影響するようです。このページを読む

HTML5.x~ における article と section の違いについて、具体的な例を交えて私の見解を示します。(1) 分かり難い点を明確にする (2) section 要素は必要、論文や小説で考える。(3) サンプルケース、論文・小説、新聞記事、記事のリスト、WEBページへのコメントなど。このページを読む

HTMLでソースコードを装飾する JS やその他のリストです。全 9 種。(1) SyntaxHighlighter (2) Crayon Syntax Highlighter (3) google-code-prettify (4) PRISM (5) highlight.js (6) SHJS (7) Pygments (8) GeSHi (9) Text_Highlighter。このページを読む

the_content は WordPress の記事を示すパラメータです。標準では the_content にいくつかのフィルタが登録されています。それらのフィルタを一覧してどのような処理が実行されるかをまとめました。このページを読む

文字参照は HTML で特別な意味を持つ記号を出力するために使います。 文字参照には、文字実体参照と数値文字参照がありますが、どちらを使っても良いです。ただし、10進数と16進数の数値文字参照を混ぜ合わせて書くのは止めた方が良いです。このページを読む

多くのブラウザは q 要素をレンダリング(描画)するときに引用符を自動で挿入します。引用符とは、例えば日本語であれば「」ですし、英語であれば "" です。lang 属性にそれぞれ en, ja, fr などを指定すると多様に変化することが確認できます。 このページを読む