Web– category –
-
【Advanced Custom Fields】リッチ エディター (WYSIWYG)のbodyのclassをフィールドごと・ブロックごとに設定したい【ACF Blocks】
カスタムフィールドのラッパー属性は、TinyMCEのbodyに影響しない まず、カスタムフィールドの設定（Presentation）のラッパー属性にクラスとIDが設定できます。このいずれかが リッチ エディター (WYSIWYG)のTinyMCEのbodyに影響してくれるとよいのですが... -
【ACF Blocks】ブロック挿入ツール用のプレビュー画像を設定する方法
★ACF Blocksの利用には、有料版のAdvanced Custom Fields Proが必要です★ 今回はACF Blocksで登録したブロックに関して、ブロックを選択するツール上でブロックの選択肢にマウスを乗せた際に表示されるプレビューに任意の画像を設定する方法を紹介します！... -
【WordPress】プラグインによって追加されたカテゴリーのカスタムフィールドを外す
プラグインを追加したら、意図せずカテゴリー一覧（ターム一覧）/wp-admin/edit-tags.php?taxonomy=category の新規追加部分にフィールドが追加されてしまいました。 今回はどうしてもそのフィールドを管理画面上から削除したかったのでその方法をまとめま... -
（随時更新）iOS○○から使えるCSSなどまとめ【iOS14以降で】
どのCSSプロパティやどの要素が、iOSどれから使えるか分からなくなるため私的な確認用まとめ。 主にCSS・たまにJSとHTML。 ～iOS16未満 ～iOS16未満 14.0 MediaQueryListEvent API Can I Use... いきなりCSSじゃないですが、メディアクエリを使ってJSのレ... -
【機能比較編】WP Admin UI Customize のあの機能は My WP Customize Admin/Frontendのどこにある？
前回の記事で、WP Admin UI Customizeから My WP Customize に乗り換えてみました。 今回は乗り換え時に気になる機能比較をしてみます。My WP Customizeのほうが高機能で、投稿一覧ページ等の変更もできるのですが、いったん「WP Admin UI Customizeのあの... -
【引継ぎ操作編】WP Admin UI Customize から My WP Customize Admin/Frontendに乗り換えてみた！
WP Admin UI Customizeという古い管理画面（サイドバー項目とか）編集プラグインから、同じ作者の新しい管理画面編集プラグイン My WP Customize Admin/Frontend への乗り換え（引継ぎ）を試してみたのでそのメモです！ ※この記事ではテスト用に構築したサ... -
正規表現をつかって探した任意の数文字を、生かしつつ文字列置換する
id="hoge" やid="fuga" を、class="hoge" や class="fuga" に置換したい！ font-size: rem(20) や font-size: rem(32) を、font-size: min(#{rem(20)},20px) や font-size: min(#{rem(32)},32px) に置換したい！ みたいなことが、1年に一回くらいあってや... -
OS・ブラウザごとのフォーム要素の表示の違いまとめ（途中）
CSS装飾なしの場合のブラウザデフォルトの見た目 Win10 Chrome113 number マウスオーバーすると上下の三角形アイコンが表示され、それをクリックすると数値が増減する。この仕様はEdgeでも同様（Win11・macOS VenturaのChromeも同じ） datalist マウスオー... -
【Chrome】埋め込んだGoogleMapが印刷に表示されない原因と対策（暫定）
iframe埋め込みしたGoogle Mapが印刷プレビューに表示されなくて困ったので調べてみたまとめです。 iframe埋め込みしたGoogleMapが印刷プレビューに表示されている iframe埋め込みしたGoogleMapが印刷プレビューに表示されない 印刷プレビューに表示されな... -
【CSS】position:stickyでサイドバーの一部分を追従させるには＆何故かついてこないときに確認すること
JavaScriptなしでサイドバーの一部分だけを追従させる動作を作ってみます。※もちろんサイドバーの中身全体を追従させることも、同様の方法でできます！ デモはこちら 基本のコード <div class="column-wrap"> <div class="main-column"> メイ...