ここに掲載の記事はKureaiの備忘録的内容です。詳細な説明に欠ける部分があります。
WordPress 404をトップページにリダイレクト
functions.phpに以下を追加。
ページのトップへ戻るボタンsampleコード
いつも忘れるのでコピペできるように！ HTML scss こちらは矢印をcssで設定しているのでちょっと長くなっているがAwesome等でアイコンを読み込む方法もあり。その場合はa:hoverの設定を忘れないように。 j […]
loader設置用コードsample01
サイトにloaderを設置する基本形。 先ずHTML 続いてscss javascriptは以下
Humburger Navigation Smaple01
基本的なハンバーガーナビのコード。 mobile基準のレスポンシブ仕様。 モバイル表示の際にメニュー下部にSNS（Instagram）アイコン表示させている。 （Kureai BAKERYのsammpleより） HTML […]
transitionの動きに変化をつけるscss一覧
cssで動きをつけたい時に参考にする
google search console ページにリダイレクトがあります
タイトル通り、google search consoleで「ページにリダイレクトがあります。」と出ている場合の対処法。（テスト） 調べた結果、Wordperssの自動補完リダイレクト機能が原因とあったので、それを回避する […]
WPの画像出力を検証してみた。
WordPressは今（2023年2月）の時点ではpictureタグに対応していない。PCとスマホで別の画像を表示させたいなどの場合に有効なpictureタグが使えないのだ。例えば画像を挿入する時にキャプションをいれた場 […]
Panel Openをcssのみで実行する例
以前は自サイトのaboutページでリーガル関係の文言の表示に使っていたもの。 Read(label)部分をクリックでパネルがオープンする。これをjavascriptを使わずにcssのみで実行する方法。 cssは以下。
Wpにプラグインなしでmeta ogpを設定する
いろいろやってみて最終的に現時点ではこれに。 seo.phpとogp.phpに分けてテンプレートheader.phpに読み込むことで実装 ogp.phpにはTwitter Card部分のコードも含まれている。 別記事でも […]
WP Classic Editorプラグインは要らないよ
WordPressのエディタがGutenbelgになってからもう2年もたつが、今だに使いづらいなぁーというのと、Gutenbelg以前からWordpressを利用しているクライアントさんに変更を強いるのはちょっと気が重い […]