Youtube埋め込みで表示の縦横比（アスペクト比）をレスポンシブ対応するメモ
youtube埋め込みしてスマホサイズにすると上下に黒い背景が出るのはかっこ悪い！どのサイズでもyoutube画面の縦横比のまま表示できるようにするCSSなんだっけ？といつも調べるからメモしとく。 aspect-rati...
HTML・CSSWebTips
HTML・CSSHTML・CSS【CSS】transitionの一括指定の記述メモ
transition記述するときまとめて書きたいけど順番どうだったっけ？どんな内容だったっけ？っていつも忘れるのでメモしておく。 一括指定の記述順番 transition: ①property ②duration ③de...
WebTips【hosts設定】DNS切替前にドメインのサーバー引っ越し先のサイトを確認する方法
サイトを別のサーバーにお引越しする際、wordpressにログインして設定したいけどサイトが見れない！引越し先のサーバーにサイトを設置して、あとはDNSを切り替えるだけ。というところまでできてるとお引越しの際に安心。ho...
WebTips【WordPress】記事一覧ページのパンくずの「投稿」を変更するのにハマったのでメモ。
私だけだろうか、、？投稿アーカイブページのパンくずリストの表記が「投稿」のまま、どこで変えれば良いの変わらなかったのは。。 パンくずリストで操作するんだったけ？どうだったっけ？と、なぜかハマってなかなか「投稿」から変える...
HTML・CSS【Gulp】sassの@importを@useに切り替えついでにpugからejsに変えてみた。（コーディング環境構築）
sassの@importが2022年10月1日までに廃止される予定なので、重〜い腰を上げて@useに切り替える作業をした。タスクランナーのGulpで、@importのときとほぼ同じ仕様で@useが使えるようにしてみたつも...
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つけたとき、指定した通りの重なり順にならないときないですか？ いつも忘れて「なんで指定した...