WEB
-
【VS code】半角、全角スペースを表示させる
Visual Studio Codeのデフォルト設定では、半角スペース、全角スペースが表示されません。半角スペースは VS codeの設定で、全角スペースは「zenkaku」という拡張機能で対応していきます。 半角スペー […...
-
【Mac】wgetでサーバーから資材をダウンロードする方法
wgetを利用することで、サーバーにある資材をまとめてダウンロードすることができて便利です。 Homebrewのインストール ターミナルからwgetをインストールするためにパッケージ管理システムのHomebrewからイン […...
-
【WordPress】カスタムHTMLウィジェット内でショートコードを利用する方法
WordPressのカスタムHTMLウィジェットでショートコードを利用するためには、デフォルトではできません。そのため、functions.phpにコードを追加して利用できるようにする必要があります。 ちなみに、テキスト […...
-
【WP移植】日本語名データが文字化けしていないにもかかわらず、画像が表示されない問題を解決する
サーバー上の日本語名のデータが文字化けしていないにもかかわらず、画像がリンク切れで表示されない問題が発生しました。英語名のデータは正常に表示されています。 原因 データベース上のパーセントエンコードと、サーバーにアップロ […...
-
VS CodeでPHP_CodeSnifferを利用してWordPressのコーディング規約をチェックする
Visual Studio CodeにPHP_CodeSnifferを利用してWordPressのコーディング規約を自動的にチェックしていきます。 PHP_CodeSnifferのインストール インストール方法は以下の記 […...
-
[WordPress] ページネーションの1ページのみの条件分岐をする
WordPressのページネーションがあるページで1ページのみ処理をしたい場合は、is_paged()関数を利用します。この関数は、homeやarchiveページが対象で、2ページ以降の場合にTrueを返します。 現在の […...
-
jquery.inviewとAnimate.cssでスクロール時にアニメーションを追加するコードを汎用的にする
Animate.cssのアニメーションを、jquery.invewプラグインを利用して表示された時に発火させるというものです。jquery.invew側でAnimate.cssのアニメーションを一つ一つ登録して利用するこ […...
-
iPhoneでAnimate.cssのアニメーションが動作しない問題を解決する方法
アニメーションのCSSライブラリであるAnimate.cssを利用したサイトで、デスクトップ上では問題なく動作しますが、iPhoneで閲覧した時にうまく動作しない問題が発生しました。 うまく動作しないというのは、フェード […...
-
WEBサイト制作での Internet Explorer 11 のサポートはいつまでか?
最近気になるのは、Internet Explorer 11 (以下IE11)のサポート状況でございます。 2021年5月19日にマイクロソフトは Windows 10 の Internet Explorer 11を202 […...
-
PhpStormエディターで PHP_CodeSnifferを使ってエラーチェックできるようにする
PhpStromエディターでPHP_CodeSnifferを利用してリアルタイムでエラーチェックできるように設定します。
-
WordPressブロックエディターのスタイル検証用コード
ブロックエディターのスタイルが設定されているかテストするためのコードです。(WP 5.7) 使い方 以下のコードを全てコピーし、投稿画面のブロックエディターにペーストします。 コード
-
wp_enqueue_styleで読み込むスタイルのパラメーターを更新日付で付与する
WordPressのwp_enqueue_styleで読み込まれるスタイルに対して、スタイルのバージョンをスタイルの更新時刻を取得して自動的にバージョンも更新されるようにします。