Test Your Designer Eyeは、様々な形の中心を見極めることができるか、テストを行うことができるWEBサービスです。 デザイナーとしての確かな目を持っているかテストすることができます。やってみるとわかりま…
CSSのみで、マウスホバーした要素以外の要素を変化させる方法をご紹介いたします。 例えば、ナビゲーションリンクなどで、マウスホバーした要素以外の文字色を変えたり、透過させたりすることが可能です。 CSSのみでマウスホバー…
Gutenberg(ブロックエディタ)で投稿を作成していると、10秒おきに自動保存が実行されます。10秒間隔だとかなり短いですね。そんなわけで、自動保存機能の間隔を変更する方法をご紹介いたします。 Gutenbergでの…
Antiblockは、広告ブロック用の拡張機能・アプリをインストールして広告を非表示にしているユーザーがサイトを訪問した際に、コンテンツを見られないようにするためのスクリプトを生成してくれるWEBサービスです。 広告ブロ…
PWA for WordPressは、管理画面上で簡単な設定を行うだけで、サイトをPWA化することができるWordPressプラグインです。 PWAとは、Progressive Web Appsの略称で、Webサイトをア…
管理画面の投稿一覧にカスタムフィールドの値を表示する方法をご紹介いたします。 カスタムフィールド用の列を追加して、get_post_metaで値を表示させます。 WordPress管理画面の投稿一覧にカスタムフィールドの…
WordPressに独自のウィジェットを追加する方法をご紹介いたします。 独自のウィジェットを追加すれば、管理画面上の操作のみで特定の投稿一覧などを表示させることが可能になります。 WordPressに独自のウィジェット…
WP Plugin Info Cardは、良い感じの見た目でテーマやプラグインの紹介ができるWordPressプラグインです。 以下のようにテーマやプラグインのリンクを表示することができます。評価やダウンロード数なども表…
Health Check & Troubleshootingは、プラグインやテーマのバージョンが最新に保たれているかやデバッグ情報などから、サイトの健全性をチェックすることができるWordPressプラグインです…
CSSのみで以下のような円形の区切りを作る方法をご紹介いたします。 以前であれば、画像を設置する方法が一般的でしたが、CSSだけで実現することが可能になりました。 CSSで要素の区切りを曲線(円弧)にする方法 HTMLは…