【Gulp】sassの@importを@useに切り替えついでにpugからejsに変えてみた。（コーディング環境構築）
sassの@importが2022年10月1日までに廃止される予定なので、重〜い腰を上げて@useに切り替える作業をした。タスクランナーのGulpで、@importのときとほぼ同じ仕様で@useが使えるようにしてみたつも...
HTML・CSSHTML・CSSお金の話楽天ひかりから@スマート光に乗り換えるまでの話。@スマート光の対応がステキだった。
固定費見直しで楽天ひかりから@スマート光に乗り換えようとしたとき、@スマート光のカスタマーサポートさんの対応がステキで感動だったのでご紹介。誰かの乗り換えの参考になれば幸いです。 楽天ひかりが通常料金になって高い気がして...
WebTips【wordpress】カスタム投稿と固定ページでアイキャッチ画像を設置するコード
いつも忘れるシリーズ。OGP画像をデフォルトじゃなくて固定ページ独自の画像にしたいときに「あれ？アイキャッチ画像設定するところがない。。functionsに何て書くんだっけ？」となるため、ここにメモしておく。 はい、これ...
WebTips【wordpress】URL正規化.htaccessでindex.htmlの処理がきかない、、うまくリダイレクトしない〜ってハマったメモ。
wwwやらhttpsやらindex.htmlやらのURLを.htaccessで正規化調整してて、どうしてもindex.htmlとindex.phpを「/」に飛ばす処理が効かなかった。 そして行き着いたのが、「# BEGI...
WebTips【WordPress】ログインURLをプラグイン無しで変更。
WordPressって、ログインのURLそのままだとログイン画面まで入るのカンタンだよね。http://サイトURL/wp-adminとか、http://サイトURL/wp-login.phpとかとか。 それって、なかな...
WebTips【WordPress】Classic Editorにしたら投稿にpタグや改行がつかなくなった！
私的にはブロックエディタ結構好きだったりするけど、今まで通りブログ書くみたいに投稿の方が使いやすいという人もいる。なので、今まで通りのブログ書く仕様にするため、プラグインの「Classic Editor」を追加する。 そ...
HTML・CSSz-indexが効かない・・と思ったときはpositionつけてるか確認！
いつも忘れるのでメモ。 背景と画像とテキストと・・って、いくつも重ねて表示したいときに「z-indexで数値調整して〜」ってcssつけたとき、指定した通りの重なり順にならないときないですか？ いつも忘れて「なんで指定した...
HTML・CSS【WordPress】OGP設定のメモ。
WordPress化するときにいつも忘れるからメモしておく。もっと細く設定が必要かもだけど、必要最低限で。 headタグのとこに「OGP使いますよ」宣言。 OGP設定のコード トップページのときとそれ以外でタイトルやタイ...
HTML・CSS「object-fit」で画像の表示を調整する
object-fitはimgにwidthやheightを指定して、画像を指定したサイズに合わせて表示の調整できる超便利プロパティ！なんとなく使っていたけどよく忘れるのでメモ。 どの画像も枠内に収まる「object-fit...
HTML・CSSGoogle Material Icons(マテリアルアイコン)の設定メモ
headに記述するコード（スタイルシートのリンク）や書き方をいつも忘れるのでメモしておく。 Google Material Icons Google Material Iconsのリンク Material Icons (...