*Essence

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

個別記事のタイトルを h1 に変更するカスタマイズ

FC2ブログテンプレート(新旧、公式・共有)の多くがブログタイトルを h1、記事タイトルを h2 としています。 これは、昔の公式テンプレートからの習慣(?)で HTMLを使っての記事投稿が難しい方のために「初めの h1 は1ページに1回、それ以降に続く見出しは必ず h2 …」という形になるよう作られているから、だと私は勝手に思ってるんですよね。 なので、(新・旧投稿画面とも)見たまま編集画面でユーザーが使える見出しは『 h...

YouTubeの埋め込みを高速化する Lite YouTube Embed

記事内に YouTube動画を埋め込む方法(レスポンシブ化とか)は過去に掲載しているのですが、動画を載せたページが重くて PageSpeed Insights で色々注意されるのですよ。^^; しょうがないよなぁ~と諦めていたのですが、それを解消してくれる JavaScript ライブラリが既に有ったのですね♪ 先ずは見本、記事内に1つだけ動画を入れ、PageSpeed Insights で計測しています。(スマホだと滅茶苦茶数値が悪いのでPCの計測値です。)...

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

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

不要なスクロールチェーンを何とかしたい!けどSafari未対応 ^^;

テンプレート『sunny』を作っていて「悩ましい」と思ったものが有ります。 (記事本文含む)記事一覧部分とメニューカラムを分けた事でスクロールチェーンが起きてしまうという事。 スクロールチェーン(scroll chaining)とは、overflow:auto や overflow:scroll を持った要素がスクロール領域の境界に達したとき、下のページに連鎖してスクロールし始める現象です。 javascriptで何とかしようと考えた事も有るのですが、その...

画像拡大スクリプト「Luminous」を使う…の続き

最近自分のブログをスマホで見て画像をタップ…で、ええっ?ナニコレ画像デカ!とビックリしてしまいました。 スワイプで全て見ようとすると全体像が掴めなくてかなり大変。スマホで綺麗に丁度良く表示できないかと思った訳です。 今更な話なのですが、お世話になっているぼっちん様の所に記事になっておりますのでご紹介。これで安心です。 [複数画像対応]画像拡大スクリプト「Luminous」を使う最近メールでご質問を頂いたと...

sunny_resp のカスタマイズ(トップ画像変更・非表示)及び修正

テンプレート sunny_resp2c のトップ画像の変更方法です。 お気に入りの画像に変更する事で、他には無い 自分だけのブログになります。 また?で大変申し訳無いのですが、記事作成時に気付いた点が有りましたので、修正箇所も掲載致します。 (テンプレートは05/02に修正・更新致しました。) トップ画像を変更する。 トップ画像を削除する。記事ページに画像を表示する。 [ sunny_resp2c-l ] 21/05/02 の修正について ...