webruary

RSS

Categories : Web

Firefox の Stylus で Yahoo!・Google・bing・DuckDuckGo の検索結果に順位表示

だいぶ前に「Firefox の Stylish でYahoo!・Google・bingの検索結果に順位表示。」ってのを書いてました。

その後、特に Google でちょくちょく html が変更になり、その度に修正をしてました。

そして2020年11月2日あたりに、また html が変わり、今では DuckDuckGo を主に使ってたりするので新しく書き直しました。

続きを読む »

Let's Encrypt のルート証明書が変更になる事について

少し前に XREA からもアナウンスされていたのですが、Let's Encrypt のルート証明書が ISRG Root X1 に変わります、と。

無料SSL(Let's Encrypt)のルート証明書変更スケジュールについて

ユーザー側で何かしなければならないと言うことはなく、XERA 側で対応するのでとくに手間はないのですが、ただでさえ少ないこのブログの訪問者が、さらに減るんだろうなぁ~…と。

続きを読む »

WordPress で index にカテゴリーを指定した記事一覧とページ送りを表示する。

タイトル長いですが、まぁ、この通りな事をしたかったんです。

以前「WordPress でカテゴリーを複数指定して新着を表示する。」って事をしてたので、このブログでも表示してるページ送り(ページャー?ページネーション?)と合わせればちょちょっとできると思ってました。

ところが、まったくうまくいかず、解決するのにほぼ一日かかりました…。

もしかしたら、同じく困ってる人がいるかもしれないと思ったので記録用として。

続きを読む »

wp_head 内の jQuery を読み込まないように wp_deregister_script を使用した場合の注意点。

このブログでは関係ないのですが、WordPress で作ったとあるサイトで Biz Calendar を使用したところ、wp_head 内でデフォルトの jQuery が読み込まれるようになりました。

ただ自分はいつも header.php に Google API から読み込むタグを書いているので、このデフォルトのは必要なし。

自動で読み込まれるなら header.php に書かなければいいじゃんって話ですが、なんか、こぉ、いまいちしっくりこないと言うか…。
それにデフォルトのバージョンが 1.12.4 と古く、今後「新しいのじゃないと動かないのがあるッ。」って時に困るかもしれないので、今のうちから解決しておこうかなと。

続きを読む »

WordPress でカテゴリーを複数指定して新着を表示する。

Wordpress でサイト作って、新着情報(新着記事)を表示する場合、get_posts() を使ってサササッと全記事中の最新○件表示とかはよくあるんですが、この前「とあるカテゴリーだけを複数指定して表示」するってことがありました。

最初、ちょこちょこイジればなんとかなるんじゃね?とやってみましたが上手くいかず、調べてみたらうまい具合に紹介してるサイト様があったので、紹介しつつ自分の記録用として。

続きを読む »

WordPress 管理画面の [メディアを編集] ページにコピー用 <img> タグを出力。

結構前に「WordPress 管理画面のメディアライブラリに画像のURLとリンクのタグを表示してみる。」で書いてましたが、今でも記事を書く時はテキストエディタ(← Sublime Text)を使っており、リンク付きの <img> タグを活用してます。

ただ、↑だと画像リスト用のリンクの付いたサムネイル画像になるので、フルサイズの <img> タグで書きたい時には不便。
不便というか使えない。

以前からそのうちやろうかなとは思ってたんですが、前の「TeraCLOUD に Windows7 から WebDAV で接続する。」を書いてる時に、やっぱフルサイズの <img> タグをコピーできる項目が欲しいと。

[メディアを編集] ページに行ってサイズを確認して width と height に入力~がめんどいんです。

続きを読む »

CSS で親要素より大きい子要素を上下左右で中央揃えにする。

なんだか久しぶりに CSS でハマった…。
やりたかったことは、画像の一部を表示させたものを並べて、マウスオーバーすると画像全体が表示されるってやつ。

html は <ul> でリストを作り、<li> の中に <div> で囲んだ <img> と画像のタイトルが入ってるよくありがちなモノ。

CSS では <li> を float し、<div> に width・height 指定して overflow:hidden; にしておいて、マウスオーバーしたら overflow: visible; みたいな。

やりたかったこと

ふつーにリストで表示する際には特に問題なかったんですが、画像の一部を表示するのにだいぶ手こずって…。
なのでメモ代わりに。

続きを読む »