CSS

CSS clamp() でフォントサイズの推奨値を計算する
font-size: clamp( 最小値、推奨値、最大値 ) 最小値は下限。最大値は上限。推奨値は最小値と最大値の間で使用される…
WordPress

WordPress でタームの説明を取得 & 表示する
取得 取得して表示 ターム名と説明をリストタグで一覧表示する例 book_cat というタクソノミー名のカテゴリー(ターム)を &…
JavaScript

jQuery と CSS で横スクロールバーを上下に表示する
jQuery と CSS を使って下だけでなく上にも横スクロールバーを設置する方法です。 HTML CSS jQuery 応用 ス…
JavaScript

SimpleBar JSライブラリを使ってどのデバイスでも同じデザインのスクロールバーを表示する
SimpleBar JavaScriptライブラリを使用して iOSを含むどの環境でも同じデザインでスクロールバーを表示させる方法…
CSS

CSS min() max() clamp()
min() width と max-width を1行で記述できる。下記2つは同じ。 max() width と min-widt…
WordPress

WordPress の翻訳文字列に変数を使用する
下記のように記述します。textdomain にはテーマやプラグインのテキストドメインを、printf の第2引数には %s に代…
JavaScript

jQueryでヘッダー固定のアンカーリンクずれ対応(ページ外リンクも)
CSS の position:fixed や position: sticky でヘッダーを上部固定にするとアンカーリンクのずれ問…
WordPress

WordPress プラグイン無しで絞り込み検索を実装する
テキストフィールド + ラジオボタン / テキストフィールド + チェックボックス で絞り込み検索フォームを作成する手順です。 書…
WordPress

WordPress の管理画面にお知らせメッセージを表示して閉じるボタンを押した後は2度と表示しない(persist admin notices dismissal を使用)
管理画面にお知らせを表示するのは admin_notices フックで設定できますが、これだけだとリロードする度に何度も表示されて…
その他WEB
埋め込み Google Map の「拡大地図を表示」を非表示にする(レスポンシブ対応も)
Google Map を埋め込んだ際に左上に表示される「拡大地図を表示」を CSS を使って非表示にする方法 HTML 東京スカイ…