web– category –
-
【WordPress】レンダリングブロックリソースの除外方法まとめ（functions.php）
GoogleのPage Speed Insightsや、ChromeのLighthouseでページのパフォーマンスをチェックした時、「Eliminate render-blocking resources（レンダリングを妨げるリソースの除外）」が出てくることがあります。 ただ、WordPressのサイトだとheadタグ内のjs... -
【WordPress】WP REST APIに独自の出力を作る（エンドポイントをつくる）
WP REST APIを使って投稿を出したかったのですが、REST APIで呼び出せる情報が多すぎてJSONが少し重たかったので、自分に必要なものだけを出力しているJSONファイルを作ることにしました。 （エンドポイントを作る、というようです） 通常投稿の独自エンド... -
【Fancybox3】モーダルウィンドウで開いた画像に印刷ボタンをつける
画像をクリックしたらモーダルウィンドウで開いて、印刷できるようにしたい モーダルウィンドウに印刷ボタンをつけ、ボタンを押したら展開中の画像のみを印刷できるようにしたい、という願いをかなえるためにfancybox3を全力で改造した話です。 モ... -
【WordPress】特定の投稿タイプだけClassicEditorを切りたい
ClassicEditorでブロックエディタを切ったけど、 特定の投稿タイプでだけはブロックエディタを使いたい場合 今回、固定ページなどはClassicEditorにしておきたかったのですが、「投稿」だけはブロックエディタを使いたかったので こうしてみました。 add_f... -
【Colorbox】モーダルウィンドウが開くと同時に動画自動再生（ページ内に複数動画があってもOK）
jQueryのモーダルウィンドウプラグインColorbox を利用しているサイトの改修でmp4の動画再生を追加した際に、モーダルウィンドウを開くと同時に再生＆閉じると同時に停止をするのに苦心したのでそのメモです。 コールバックを使ってplayやpauseを走らせる ... -
【WordPress】registerBlockTypeの書き方のきほん
WordPressのブロック登録について、registerBlockType の記述方法が公式のドキュメントだけでは覚えられなかったのでメモ。 ブロック登録 registerBlockType registerBlockType( 'namespace/block-name', {}); namespaceはプラグイン・テーマ名block-name... -
【WordPress】MW WP Formのスクロール位置をHTML側の修正だけで調整する方法（反則技？）
MW WP Formの機能で、確認画面などへ遷移したときに常に画面の表示位置がフォームの上部にくるというものがあります。 が、それだとちょっと困るときがあります。 とはいえ、プラグインのファイルを触ったり、functions.phpを触ったりして何とかするのはち... -
【WordPress】Breadcrumb NavXTの投稿階層をコーポレートサイト用にカスタマイズ
WordPressでパンくずリストといえばBreadcrumb NavXT Wordpressでパンくずリストを使いたいとき、しばしばお世話になっているプラグインが Breadcrumb NavXT。 https://ja.wordpress.org/plugins/breadcrumb-navxt/ でもぶっちゃけ、コーポレートサイト用... -
【Vue CLI v4.2.2】vue createしたらnpm ERR!が出てcreateされない
久しぶりにVue.jsに取り組もうかと、vue create my-app したときのこと…… その前に、vue-cliは新しくなっているかもと、アンインストールしてからインストールしていたのですが… $ npm uninstall -g vue-cli $ npm install -g @vue/cli 突然の死 Vue CLI v... -
【Illustrator】クリッピングマスクされた画像のアセット書き出し問題解消！(CC 2020)
illustratorでクリッピングマスクされた画像をアセット書き出しから書きだすときにできる変な余白が無くなった！！ 以前発生していた問題についてはこちらを参照→【Illustrator】クリッピングマスクのアセット書き出し問題が（jpgのみ？）修正されていた(C...