web– category –
-
npx @wordpress/create-block が通らないときはNode.jsのバージョンを上げよう（再インストール）
タイトルの通りではありますが、普段たいしてnpmもつかわないPCでブロックの作成 チュートリアルを見ながらWordPressのカスタムブロック練習をしようと、下記のコマンドを実行したところ $ npx @wordpress/create-block starter-block ↓↓このメッセージが... -
【Adobe XD】（対処法あり）乗算レイヤーが書き出し時に変色する
この記事は2020年10月時点での現象と、その対処について記載したものです。 書き出し前 こんな感じのクールな素材がXDのデザイン上にあったので、書き出したのですが、色が変わりました。そんな…。 書き出し後 【発生条件：描画モードが通常以外のオブジェ... -
【WordPress】複数の投稿タイプの投稿をまとめてひとつの一覧にする
通常投稿とカスタム投稿、複数の投稿タイプが存在するとき、通常のアーカイブページは投稿タイプごとに分かれますが、今回は、すべての投稿タイプの投稿をまとめて一つの一覧ページとして表示する方法です。 表示例 【TOPページの時】 <?php $args = ar... -
【WordPress】the_taxonomies()のリンクや区切り文字を消すなどのカスタマイズ
the_taxonomies()は、WordPressでカテゴリーやカスタムタクソノミーのタームを表示するときに使えるテンプレートタグですが、その表示のフォーマットが独特なので、デザインを作りこむときには使いにくいことがあります。 <?php the_taxonomies();?> タ... -
【CSS】コツはパーセント計算！positionをレスポンシブで使うとズレるときに気を付けること
「position レスポンシブ」「position レスポンシブ ずれる」などの検索キーワードで当ブログを訪れてくださる方がいることに気づいたのですが、【css】position:absolute怖くなくなるまで徹底解剖！の記事では「基準位置の要素の大きさも、配置する要素の... -
【IE11/旧Edge】MP4ファイルにビデオをエンコードできませんでした／ビデオをデコードできませんでしたのエラー
videoタグ埋め込みしたmp4について、【HTML5】iOSのSafariでvideoタグ埋め込みのmp4が再生できないのはインターレースだから という事件に続いて、Internet Explorerや旧Edge（Chromium版じゃないやつ）で動画が再生できないという問題が発生しました。 【... -
【WordPress】Search & Filterプラグインで複数のカスタムタクソノミーの組み合わせで検索する
【カスタム投稿にて、チェックボックスを使って、カスタムタクソノミーで絞込検索をしたい】 今回のオーダーは「カスタム投稿に絞り込み検索機能をつけたい」というもの。 つまりは、カスタムタクソノミー（やタグとかカテゴリ）の一覧にチェックボックス... -
【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を全力で改造した話です。 ...