コーディング備忘録

【webp革命】ハト でもわかるWordPress【Google Pagespeed Insights 】対策まとめ

よくみる系

・親要素を突き破りウィンドウ幅いっぱいの要素CSS

width: 100vw;
margin: 0 calc(50% - 50vw);

痒いところに手が届く系

• 今までabsoloteで浮かせてたのがバカみたい！CSS簡単な上下中央にする方法！
• Excelでデータもらったけどリンク一覧はない！？エクセルのハイパーリンクを抜き出す！
• WordPress pluginのfedeinだとタイミングがイマイチ！？ アクションスクリプトの決定版「AOS」の導入方法！

WordPressユーザー必須のtips

• 必須プラグインをお気に入り登録して初期セットアップ効率化
• サルでもわかる【Google Pagespeed Insights 】対策６個
• ファイル名に名前をつけて外観>テーマ編集をやりやすくする

SEOを席巻するWordPressテーマアフィブログにはもううんざり系記事

• カスタムフィールドタイプのLinkをただ出力したいだけなのにforeachゴニョゴニョ言い出すSEO上位カスマイズブログ

デザインを参考にしたいブログ

• https://webmoyou.com/web/703/
• wp-pagenaviをトップページに設置しようとしてハマった件
• https://www.design-memo.com/coding/wordpress-display-noimage

動きを参考にするウェブサイト

https://leosophia.co.jp/recruit/
https://www.kamipa.co.jp/recruit/