Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...

今bootstrapでカルーセルを実装できるショートコードを作っているのですが、囲み型ショートコードの中に余計なやタグが入り込んで来て、非常に邪魔です。 これを防ぐためには、 とすれば停止するのですが、これだと本文全体で...

WordPressでは画像などのメディアファイルにリンクを設定する際に、 メディアファイル 添付ファイルのページ カスタムURL を設定することが出来るですが、添付ファイルのページのリンク先のパーマリンクが、そのメディア...

まず、解決策ではないです。こんな感じでいけるかな、というアイディアレベルです。 WordPressでは基本的な仕様に沿えば、カスタムフィールドはwp_postmetaテーブルにmeta_id、post_idと共にカスタム...

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

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

2018年7月7日朝。 翌々日から続く長雨により、とうとう我が畑も土砂災害に見舞われました。 元々がみかんを栽培している傾斜の大きな畑であったため、一度崩れるとまさに雪崩の如く崩壊していました。 [mx_image id...

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

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

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