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

WordPress関連

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

よく読まれている記事

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

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

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

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

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

メディアファイルを<a>タグのdownload属性でダウンロードしようとすると、ブラウザ...

WordPress関連の最新記事一覧

: 音声等のメディア・ファイルを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. ...

: iPhoneのブラウザでvideo再生前の画面が無地になることを防ぐvideo埋め込みショートコードの作成

2024/12/9 Post Snippets

WordPressで動画を埋め込んだページをiPhoneのブラウザで見るとVideo画面が無地になるのが気になります。　 Poster属性にサムネイルを指定することで対策することも出来ますが、動画先頭 ...

: 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 ファイル含む)を挿入して行くと次第にヘッダーやフッターを肥大化させ、それぞれのコードを管 ...

: jQueyの変数に改行を含む文字列（html）を代入した時に遭遇したトラブル顛末記

2024/2/7 jQuery

jQuey(又はJavaScript)で変数に改行の無い文字列を代入する時、通常はシングルクゥオート( ' ) やダブルクゥオート( " )で囲います。　しかし、改行を含む長文の文字列を代入するにはど ...

: Affinger6によるトップページの新着記事一覧から特定カテゴリ記事を除外する２つの方法

2024/2/21 Affinger6

当ブログは、WordPress有料テーマのAffinger6を使って"LPレコード"のハイレゾ化をメインテーマにしてWebに投稿しています。　しかし、メインテーマ記事を投稿する間にWordPress ...

: Amazonアソシエイトの「テキストと画像リンク」作成機能の廃止に伴う対応策

2024/2/11 Amazonアソシエイト, jQuery, PostSnippets

今までは、アソシエイトツールバーの「テキストと画像リンク」から記事内に貼り付けるコードをコピペして、アマゾンの商品紹介をしていましたが、2024年1月にこの機能が廃止されました。当ブログは、あまりア ...

: jQuery load()を使ってTextやHTMLファイルをインクルードするショートコードの作成

2024/2/25 jQuery, Post Snippets

HTMLファイルを投稿ページに挿入するにはiframe を使う方法が一般的ですがjQuery load()メソッドを使うと投稿ページの指定id(又はclass)箇所に外部HTML(or php)フ ...

: WordPress「Post Snippets」プラグインを利用したショートコード事例紹介

2024/11/4 Post Snippets, ショートコード

当ブログで使用しているショートコードの殆どは、「Post Snippets」プラグインを使って作成したショートコードです。　ショートコード作成毎に当ブログで紹介した記事をまとめて事例集にしました。な ...

: Affinger6の「ミニ」ボタンにW3schoolが提供しているW3.JSのソート機能を実装する。

2023/10/7 Affinger6

W3schoolsが提供しているW3.JS は、Web 開発プロジェクトを簡素化するために設計された JavaScript ライブラリです。　ライブラリは９つのfunction（関数）が含まれており、 ...

1 2 3 4 Next »