【Blogger】新バージョンのテーマで記事編集アイコンを表示させる (2021/11/12: コードと手順を変更しました)
QooQ や公式シンプルテーマ等の旧バージョンのテーマでは、記事ページでタイトルの付近に記事編集アイコン が表示されます。 新バージョンでは廃止された 記事を修正したくなった時、わざわざ管理ページに行って当該記事を探さなくても、その場ですぐに編集ページに入れるのが便利で私...
【CSS】clip-path で手軽に図形デザイン
先日とあるブログを見ていたら、プロフィールカードのサムネ画像が斜めにカットされたデザインになってて、これどうやってるのかなとソースコードを覗いてみたら、CSSに clip-path という未知のプロパティが使われていた。 調べてみると clip-path は SVG の様...
2 ｜
【Blogger】アニメGIF画像をMP4動画ファイル化して埋め込む
先日こちらのブログで非常に興味深い記事が投稿されました。 mizusame 【Blogger】画像のキャッシュの有効期限を変更する方法 自分のブログの表示速度って、やはり気になりますよね？ そんなときに便利なのが、Googleが提供している PageSpeed Insi...
11 ｜
オリジナル SNS シェアボタン 【JavaScript 版】(2021/05/14: コードをアップデートしました)
元々ツイート用のブックマークレットとして使っていた JavaScript コードをシェアボタン用に改造してみました。JavaScript 化することにより、ツイート時の不具合が解消されています。Twitter 以外の SNS のコードもついでに JavaScript 化させてあ...
10 ｜
ライト / ダークモード切り替えボタンを付けてみた
ナビバーに追加した2つのボタン 見た目で大体予想は付くだろうとは思いますが を押すと明るい配色のライトモードに切り替わり、 を押すとデフォルトのダークモードに戻るという機能のボタンです。 実装に当たり参考にしたのはこちらのサイト。調べたら他にも様々なスクリプトや実装方法があ...
4 ｜
リアクションウィジェットをリニューアルしました
関連記事消滅事件 先日、QooQの関連記事が突然消えてしまうという事件が発生したのですが、QooQの関連記事ウィジェットのコードと連動していたBloggerのリアクションウィジェットが廃止されたことに巻き込まれてしまったのが原因でした。 この件に関する詳細や対処法などこちら...
2 ｜
【jQuery】匿名コメント投稿者のアバターを表示させる
Blogger は基本的にコメント投稿者が「匿名」または「名前/URL」の場合はアバターが何も表示されません。 何もないと寂しいし透明人間のよう？なので、当ブログでは匿名専用のアバターを用意して表示させていました。 表示方法は単純で、CSSで投稿者アイコンのクラス(.com...
2 ｜
【Blogger】head内のメタデータをカスタマイズ
当ブログでは HTML の <head>内で all-head-content タグによって Blogger が自動で出力するサイト情報(メタタグ)のデータの中身をカスタマイズして直接記述しています。また、QooQ 独自の OGP 設定も細かく設定し直しました。出力...
16 ｜
【QooQ】ナビバー開閉ボタンのカスタマイズ
QooQ はモバイル表示ではナビバーが折りたたまれていて = ボタンで開閉できるようになっていますが、このちょっとショボい感じ(笑)の = ボタンをいい感じにするカスタマイズをご紹介します。 今回のカスタマイズはこちらの IB-Note さんの記事を参考にして QooQ に応...
8 ｜
最近のカスタマイズまとめ (2020/12)
1カラム化以降、特に大きな変化はないですけど、相変わらず暇さえあれば細かい所はちまちまと弄ってますので、メモ程度に纏めておきます。 翻訳ガジェットを設置 最近よくコメント頂く韓国人の BINUBALL さんのブログで紹介されたためか、韓国からのアクセスが増えてきましたので、...
2 ｜