*Essence

FC2ブログ共有テンプレートを作成・配布しています。不精なので時々更新。(^^;
Top Page › Tag - JavaScript

テンプレートの修正・更新致しました。22/09/05

過日ですが、テンプレートの修正・更新を行いました。(22/09/05) 同様の不具合が生じる可能性が無いと言えないので、テンプレートの方を先にアップデート致しました。記事が後になってしまい申し訳ございません。 8月中旬過ぎに、テンプレートの不具合を相談頂いて分かった事です。…というか、このような現象は想像してなかったのですが、去年の更新時にどうしようか悩んだ件では有るんです。[ 1 )の冒頭 *¹ 参照 ...

コメント編集の削除ボタンに確認用ダイアログを付ける

たまにやってしまいます。コメント編集時に間違って『削除』ボタンを押してしまい「あああぁぁ~!((+o+))」という事。 それまでに書いたものが容赦無く一瞬で消えてしまう空虚感…。何度味わっても切な過ぎます。 (自分が投稿した『コメント』の話です。削除って確認画面出ないので。) テンプレート制作時に「いっそのこと削除ボタンなんて無くすか?」と考えた事も有りましたが、投稿者からすると「コメントを削除したい」と...

画像サイズを取得し width・height属性を自動で付ける

かつてはimgタグに幅や高さの属性を入れずとも、CSSで表示サイズをコントロールすればOKみたいな流れが主流でしたが、2021年6月中旬から導入された Googleのアルゴリズム「 Core Web Vitels 」の指標 CLS(Cumulative Layout Shift)に影響するという事も有って、記述する重要性(と必要性)が出て参りました。 CLS は「累積レイアウト変更」の意味で、視覚要素の安定性を示す指標です。 imgタグに width 及び height 属性が明示...

[複数画像対応]画像拡大スクリプト「Luminous」を使う

最近メールでご質問を頂いたというのも有り、また他にも知りたい方がいらっしゃるようなので、下記で紹介されている画像拡大スクリプト「Luminous」を当方制作のテンプレートで利用する方法をご説明致します。(因みに当ブログも最近導入致しました。) 画像クリックで画面遷移せずにフワッと表示させて、更にクリックでサッと消せる「Luminous」を、画像にclassを付与する事無く使う方法を説明されています。 画像拡大スク...

YouTube動画を自動的にレスポンシブ化する

過去に『記事掲載時にYouTube等の動画をレスポンシブで埋め込む』というカスタマイズを掲載しているのですが、divタグで括らなくてもレスポンシブにならないかと考えておりました。先日、そんなご相談のメールを頂いてNet上を彷徨い探しておりましたらとても素晴らしい記事がっ!下記サイトで、YouTube動画を埋め込んだ時 自動的にレスポンシブで埋め込まれる方法を紹介されています。↓WordPressと有りますが、当方のテンプレート...

訪問者コメントにユーザーアイコンを表示

ずっとずっと、出来たら良いなぁ~と思っていた「管理人以外のコメントにユーザーアイコンを付ける」…。これを叶えてくれる!しかも自動で!!無いものを作ってくれる有志の方が居るって、本当に有難い事です。m(__)mコメントしてくれた方のユーザーアイコンが表示されたら、きっと訪問するのもコメントするのも楽しくなるだろうな~と、予てから思っておりました。過去に私も色々方法を考えた事も有ります。<%comment_name>...