カテゴリー: 未分類

フィルターを探す例

画像圧縮

まず、圧縮ツールを入れる $ brew install jpegoptim pngquant optipng 前提 // ===================……

自作modal最新版(写真、テキストなど)

マークアップ <div class="js--modal-open" data-target="modal01">クリッ……

カスタム投稿タイプ

パターンA https://hogehoge.com/カスタム投稿名/ https://hogehoge.com/カスタム投稿名/ターム名/ https://h……

MAMPで複数サイトをSSL化して、local環境のwifiでSSLのスマホ実機確認する方法

個人用の備忘録で、雑な記事です。ちょっと特殊な環境だからあんまり参考にしない方が無難。 wordpressをよく実装するんだけど、http://localhost:8999……

modalNav(2024年最新版)

『gnav__nn』というグループで完結するように改修。 <header class="gnav__modal"> <di……

ACFの投稿オブジェクトの複数選択出来る状態で、カスタム投稿の内容を取得して表示する

wpの投稿オブジェクトで別記事のACFを取得する

<?php // まずは変数に格納(投稿オブジェクトで必須) $post_obj = get_field('acf02_top3articles')……

wordpressで記事スラッグに初回のみIDを自動付与

wp-config.phpの設定ファイル

以下情報を正しいものに書き換える必要がある。 phpMyAdminにログイン出来れば、復旧可能 1)データベース名 define('DB_NAME',……

modal Gnav & sp & pc (ver.2023改修版)

html <header class="common__header js--gnav"> <div class=&quo……

ブレイクポイントで一回処理(リロードなど)

https://zenn.dev/no4_dev/articles/878f4afbff6668d4e28a-2 // リサイズ イベント //==============……

jsでブレイクポイントで切り替え

js関連

jQuery のCDNフォールバック <script src="https://ajax.googleapis.com/ajax/libs/jquery/3……

スクロールして画面に入ったら一定間隔でclass付与

ノートのMacをiMacと揃える

ノートで余計なファイルを削除 Time Machineを使って環境を移行するので、まずはアプリケーションや、書類など、システム構成以外の不要なファイルを全削除する。 ……

テキストをキラリと光らせる、ほぼcssで一部js

html.enhance-xp .headline-gradient { --gradient-highlight-spread: 20%; --gradient……

js関連

localhostのwordpress(Mac)で、sp(iPhone)実機確認する。

wp云々の前に確認。PCとSP、両方とも同じwi-fiで接続されてるか? wi-fi_name_xxx-Aとwi-fi_name_xxx-Gのように、同じwi-fiでもAと……

汎用性が高い知らなかったcss

Gnav-modal

httpd.confでhtml内でphpを動作させる

まずは、httpd.textを作ってサーバーにあげる。サーバーにあがったら、名前を変更してhttpd.conf を作る。 html内でphpを動作させるための記述は以下。M……

SPFの設定 x-serverで動作確認

// SPFの設定 v=spf1 include:spf.ドメインおよびサブドメイン名 include:_spf.activegate-ss.jp -all 1, 以下サイトに……

カレント付与js

カレント付与 パターンA // カレント付与 共通js ※URL完全一致 //===============================================……

wpテンプレート読み込み

ディレクトリ内の全てのphpを読み込み <?php //functinsディレクトリ内のPHPファイルを読み込み foreach ( glob( TEMPLATEP……

よく使うgit command

.htaccess関連の設定

htaccessでデバイス別に振り分ける Xサーバーで確認。 https://ドメイン.com => spでアクセスしたら/sp/にリダイレクトhttps:……

Xサーバーで常時SSL化、urlの正規化をしたい

静的、常時SSL、www無しに統一 .htaccessに以下を記述する Options +FollowSymLinks RewriteEngine on Rewrit……