プラグインなしでWordPressをメンテナンスモードにする方法をご紹介いたします。 メンテナンス中のページを表示するためのプラグインである「WP Maintenance Mode」や「Simple Maintenanc…
プラグインなしでWordPressをメンテナンスモードにする方法

WordPressの投稿編集画面を開くときに必ずテキストモード(HTMLモード)で開くようにする方法

WordPressの投稿編集画面には、ビジュアルエディタとテキストエディタの2種類の投稿エディタがあります。テキストモードではHTMLを直接入力することができるのですが、一旦ビジュアルモードに切り替えると自動整形機能によ…
AndroidのChromeでページを開いた時にブラウザのタブの色を変更させる方法

AndroidのChromeでサイトを開いた時に、タブの色を変更させる方法をご紹介いたします。 以下デモページにAndroidのChromeからアクセスすると、タブの色が青色に変わります。 デモページを見る HTML内に…
Windows10のエクスペリエンスインデックス(PC性能の測定)の結果表示ツール「WEBmarks」

WEBmarksは、Windows10で測定したベンチマークテストの結果を表示させるためのWEBサービスです。 Windows7やVistaには、PCの能力を測定するエクスペリエンスインデックスという機能が備わっていまし…
CSSアニメーションで要素が一瞬伸縮したりちらつく場合の対処法

transitionやtransformでCSSアニメーションを要素にかけた時に、要素の幅が一瞬だけ伸縮してしまったり、ちらついてしまう場合があります。私もよく以下のようなCSSを指定することがあるのですが、アニメーショ…
テーマの中に非推奨や間違ったタグが含まれていないかチェックできるWordPressプラグイン「Theme Check」

Theme Checkは、テーマ内に記述されているタグに、非推奨や間違ったタグが含まれていないかチェックすることができるWordPressプラグインです。オリジナルテーマを制作する時は、最後にTheme Checkでタグ…
WordPressで開いているページのスラッグをbody_class()にクラスとして追加する方法

WordPressにはbody_class()という関数があり、以下のように記述することでbody要素に開いているページに関したクラスを追加することができます。 例えば、トップページを参照中であればhomeというクラスが…
WordPressのカスタムメニューで開いているページのみ装飾を変更する方法(カレント表示)

WordPressのカスタムメニューで、開いているページのナビゲーションだけ装飾を変更する方法をご紹介いたします。いわゆる”カレント表示”というやつです。 当ブログでいうと、例えばトップページを開…
クリックやタップで開いたり閉じたりするFAQを実装する方法

jQueryを使ってクリックやタップで開いたり閉じたりするFAQを設置する方法をご紹介いたします。 動きについては、以下デモページをご参照いただければと思います。 デモページを見る 「質問の答えを見る」をクリックすると、…
商用利用可!提案してボツになったロゴをオープンソースとして無料配布している「MINIMAL & READY LOGOS」

MINIMAL & READY LOGOSは、ボツになったロゴのデータをオープンソースとして無料配布しているサイトです。配布されているロゴは、個人・商用問わず、自由に使って良いそうです。 MINIMAL &…