クラシック・レコードのハイレゾ化に関するブログ

WordPress関連

WordPressのトラブル対策など小技を集めたカテゴリーです。

よく読まれている記事

: Post Snippets Pluginで出来ること（小技集）

WordPressで記事を書いているビジュアルエディタ派の方でPost Snippe...

: アドセンスの遅延読込を止めてPageSpeed InsightsのモバイルCLSを改善（CLS編-2)

過去記事のCLS編からの続きです。　PageSpeed Insights のモバイルにおいて「ウェブ...

: 特定ページのヘッダーやフッターにコードを挿入できるWPCode Liteプラグインを使う

ヘッダーやフッターに、特定ページしか使われ無い(他の殆どのページにとって余計な)CSSやscript...

WordPress関連の最新記事一覧

: WordPressネイティブ音声プレーヤーに「15秒戻る」「30秒進む」ボタンを追加する方法

2026/1/18 ショートコード

以前の記事では、WordPressのネイティブAudioプレーヤーをカスタマイズできる Post Snippetsプラグインを使った [Audio_player]とプレイリスト用[Audio_play ...

: 【WordPress】旧エディタ｜キャプション付き画像でテーブル編集UIが効かない問題と回避策

2025/11/8 Affinger6

WordPressの旧エディタ（Classic Editor）でビジュアルモードを使用中、記事に配置した表（table）の編集UIが操作できない問題に遭遇しました。　表のセルをクリックしても反応しない ...

: 【WordPress】Affinger6のpreボックス内の文字列行間を調整する方法（スタル変更）

2025/10/12 Affinger6

WordPressテーマ「Affinger6」でソースコード（文字列）を見やすく表示したいときは、ボックスデザインの【pre】ショートコードを使うのが便利です。　しかし、この【pre】ショートコードは ...

: Affinger6「関連記事一覧」の（見出し）を使い回すショートコードの作成（Post Snippets利用）

2025/7/16 Affinger6, Post Snippets

「見出し」オリジナルデザイン上記に示す「見出し」は、Affinger6・テーマ「関連記事一覧」の最上部に表示される要素です。　この「見出し」は、Affinger6の標準機能であるタグや書式選択には ...

: Post Snippetsを使ったaudiojsのプレイヤーとプレイリストを兼用するショートコードの作成

2025/6/20 audiojs, Post Snippets

前回の記事では、jQuery の each() を使い、複数の audiojsライブラリのプレイヤーを配置する際にコンフリクトを防ぐjQueryスクリプトを紹介しました。　今回は、そのjQueryスク ...

: jQueryのeach() を使って、WordPress付属のaudio Playerとaudiojs Playerの衝突を避ける

2025/6/2 audiojs

WordPressでオーディオファイルを埋め込む際、多くの場合はWordPressに付属している標準のaudio Player（[audio] ショートコード）や、プレイリスト機能を使用していると思い ...

: 音声等のメディア・ファイルをBlobを経由して確実にダウンロードファイルを保存する方法

2025/2/24 iPhone, M1-MacBook

メディアファイルを<a>タグに通常のdownload属性（下記参照）でダウンロードしようとすると、ブラウザによっては（特にiPhone）では、そのファイルを優先的に再生しようとする場合があ ...

: アドセンスの遅延読込を止めてPageSpeed InsightsのモバイルCLSを改善（CLS編-2)

2025/3/20 PageSpeed Insights

過去記事のCLS編からの続きです。　PageSpeed Insights のモバイルにおいて「ウェブに関する主な指標の評価」中のCLSスコアーが１ヶ月前から何も思い当たる所が無く 0.1から急激に0. ...

: WordPressの埋め込み動画で、再生前のビデオ画面が無地になるのを防ぐショートコードの作成

2025/8/4 Post Snippets

WordPressで動画を埋め込んだページをブラウザで表示した際、再生前のビデオ画面が無地（黒地）になるのが気になっていました。　またiPhoneのブラウザで見るとVideo画面が無地（白地）になるの ...

: Affinger6にTyping風アニメーション（t.js）を実装する。

2024/12/12 Affinger6, Post Snippets

Affinger6は、ver20241022から会話ふきだしに「しゃべるモード」（Typing風アニメーション）が実装され、前回記事の『クラシックエディタで「しゃべるモード」を使用』を紹介しました。 ...

: Affinger6の会話ふきだし「しゃべるモード」をクラシックエディタで使用する。

2024/12/12 Affinger6

WordPressテーマのAffinger6はver20241022から会話ふきだしに「しゃべるモード」が実装されました。　残念ながら、ショートコードが非対応のため、ブロックエディタのみの対応ですので ...

: Affinger6のブログカードをクリックした時、リンク先を新しいタブで表示させる方法（jQuery利用）

2024/8/15 Affinger6

Affinger6のブログカード仕様は、リンクのtarget属性を_blank で指定するオプションがありません。　このため、ブログカードをクリックした時にリンク先が「ブラウザの新しいタブ」で表示させ ...

: WordPressテーマAffinger6のアップデート(var20240721)に伴うjQueryエラー（動作不良）対策

2024/9/6 Affinger6, jQuery

Affinger6のアップデート(var20240721)に伴い今迄のjQuery1.11.3から最新のjQuery3.Xが適用される様になり、脆弱性リスクの減少が期待できます。　早速Affinge ...

: PageSpeed Insights で「ウェブに関する主な指標の評価: 不合格」対応（CLS編)-その3

2025/2/9 PageSpeed Insights

PageSpeed Insights で１年前に投稿した記事のCLSは0.01（モバイル）で合格していたが、現在は要・改善レベルの0.11になり、「■ウェブに関する主な指標の評価: 不合格」になってい ...

: ロリポップ LiteSpeed版のPHP8.3に移行してみました。

2024/7/14 ハイスピードプラン, ロリポップサーバ

当ブログのレンタルサーバー先であるロリポップは、「2024/04/25：ロリポップでは、全プランにて『PHP8.3』の提供を開始いたしました。」との情報を知りました。このグレードアップで、PHPの処 ...

: Affinger6で個別記事にレコードジャケット等のスライドショーを表示させる方法(slick.js を利用)

2024/7/9 Affinger6

WordPressテーマのAffinger6は、ライドショーを表示する機能がありますが限定的で個別記事内で画像を含むスライドショーを表示する機能がありません。　jQueryの"Slick"を使えば下に ...

: ブログページにQRコードを簡単に設置する方法 - その２（QRコード用jQueryプラグインを利用）

2024/5/10 PostSnippets, QRコード

以前の記事で、「ブログページに現在ページのurlをQRコードで表示する方法」を紹介しました。　この方法は、「QR code generator」API を利用してNet経由でQRコードを描画するもので ...

: Urvanov Syntax HighlighterプラグインでPageSpeed Insightsの「ユーザ補助」が警告！に（回避策）

2024/4/22 PageSpeed Insights

PageSpeed InsightsのAccessibility 当ブログの、ある特定ページを PageSpeed Insights で確認すると「ユーザー補助」のパフォーマンス(PF)表示が、❗ ...

: Affinger6のクラシックエディタで突然「書式」（スタイル）ボタンのプルダウンリストが不具合に！(改善方法)

2024/4/19 Affinger6

プルダウン表示・不良正常（通常）表示ある時突然、クラシックエディタで記事を編集中に「書式」（スタイル）ボタンをクリックしてみると、通常のプルダウンリストが、Affinger6のセレク ...

: 特定ページのヘッダーやフッターにコードを挿入できるWPCode Liteプラグインを使う

2024/3/7 Affinger6, PageSpeed Insights

ヘッダーやフッターに、特定ページしか使われ無い(他の殆どのページにとって余計な)CSSやscript(外部js ファイル含む)を挿入して行くと次第にヘッダーやフッターを肥大化させ、それぞれのコードを管 ...

1 2 3 4 Next »