WordPressで、パンくずリストを自作しました。 このテーマでも実装していますが、「 構造化データ 」に準拠した形式で、 と出力していました。 パンくずリストの最後は現在のページタイトルのみ表示して、リンクはクリック...

WordPressで目次を作るなら、Table of Contents Plusが定番のようです。 しかし、ここ3年間更新がされておらず、少し不安でもあります。 シンプルなプラグインで完成しているなら更新不要なのかもしれ...

bootstrapのパンくずリスト。 bootstrapでパンくずリストのスタイルは、 と、display: flex;を使用する前提で定義されています。 これを、1行表示するためには、ol要素に新しく以下のように定義し...

bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。 通常、bootstrapの色や幅などの数値を変更するにはその中にある 📄 _variabl...

CSSである要素を中央に固定して表示するには、表示したい要素の高さ分をtopから差し引く、という方法が良く用いられます。 しかし、これは要素の高さを予め決定しておく必要があります。 もし高さが可変する場合はjQueryを...

WordPressのテーマを作成しておりまして、そこでアイキャッチの画像パスを取得するショートコードを作成しました。 こんな感じです。 その上で、記事本文の中で と記述すれば、指定した要素の背景画像としてアイキャッチ画像...

facebookの各投稿には「埋め込み」コードを発行して、ホームページにその投稿を単体で埋め込む事ができますが、「イベント」に関しては出来ないようです。 それでも、facebookのページプラグインを使って、ページのイベ...

最近、ホームページをSSL化するのに伴ってサーバーを切り替える、という事も多くなってきたので、その作業手順をメモしておきます。 例） サーバー：Xサーバー 使用PC：Windows 現行サーバーのWordPressにAl...

1年前に買ったチャイム。 これは本体（音が鳴る方）はコンセントに直結で電池不要なのですが、押す方は電池式でした。 それが鳴らなくなった＝電池切れとなりましたので、初めて中を検めて見ると・・・ 何ぞ この電池は？ サイズ的...

Yoast SEOでOGPのタグをヘッダーに追加してますが、個別投稿でアイキャッチ画像が無いと、記事内の先頭画像を自動で取得したり、画像無しとなったりです。 しかし、せっかくシェアして頂いた際に画像が全く無いのはやはり素...