まず、圧縮ツールを入れる
$ brew install jpegoptim pngquant optipng
前提
// ===================……
マークアップ
<div class="js--modal-open" data-target="modal01">クリッ……
パターンA
https://hogehoge.com/カスタム投稿名/
https://hogehoge.com/カスタム投稿名/ターム名/
https://h……
個人用の備忘録で、雑な記事です。ちょっと特殊な環境だからあんまり参考にしない方が無難。
wordpressをよく実装するんだけど、http://localhost:8999……
『gnav__nn』というグループで完結するように改修。
<header class="gnav__modal">
<di……
https://bambooworks.co/custom-post-type-term-name/
完成ソース
<?php
$terms = get_t……
<?php
// まずは変数に格納（投稿オブジェクトで必須）
$post_obj = get_field('acf02_top3articles')……
以下情報を正しいものに書き換える必要がある。
phpMyAdminにログイン出来れば、復旧可能
１）データベース名
define('DB_NAME',……
html
<header class="common__header js--gnav">
<div class=&quo……
$(function(){
var headerHeight = $('header').outerHeight();
var urlHa……
https://zenn.dev/no4_dev/articles/878f4afbff6668d4e28a-2
// リサイズ イベント
//==============……
jQuery のCDNフォールバック
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3……
ノートで余計なファイルを削除
Time Machineを使って環境を移行するので、まずはアプリケーションや、書類など、システム構成以外の不要なファイルを全削除する。
……
html.enhance-xp .headline-gradient {
--gradient-highlight-spread: 20%;
--gradient……
wp云々の前に確認。PCとSP、両方とも同じwi-fiで接続されてるか？
wi-fi_name_xxx-Aとwi-fi_name_xxx-Gのように、同じwi-fiでもAと……
まずは、httpd.textを作ってサーバーにあげる。サーバーにあがったら、名前を変更してhttpd.conf を作る。
html内でphpを動作させるための記述は以下。M……
// SPFの設定
v=spf1 include:spf.ドメインおよびサブドメイン名 include:_spf.activegate-ss.jp -all
1, 以下サイトに……
html、css、js
<div class="fv">
<!-- ここにファーストビューのコンテンツを入れる -->
&l……
カレント付与 パターンA
// カレント付与 共通js ※URL完全一致
//===============================================……
ディレクトリ内の全てのphpを読み込み
<?php
//functinsディレクトリ内のPHPファイルを読み込み
foreach ( glob( TEMPLATEP……
基本的に以下ページを、自分用に使いやすくカスタムしただけ。
https://webdesignday.jp/inspiration/technique/css/4680/……
Dart Sassの導入方法。
導入も簡単だった。以下参考サイトの内容で、3分で環境構築完了。
Ruby Sass使ってたけど、確かにDart Sassは速い。
……
ユーザーの表示名をニックネームにする
「ニックネーム（必須）」にユーザー名とは異なるものを入力する（日本語推奨）
Wp Plugin『SITE GUARD』を入れる
……
has_post_thumbnailでよく使う設定
<?php if ( has_post_thumbnail($post_objects->ID)): ?&g……
pictureとsourceを使った記述
<picture>
<source srcset="img-pc.jpg 1x, img-pc@2……
git で、あるコミット A から別のコミット B までの間で、削除・追加・変更されたファイルについて、それぞれの一覧を取得する方法
$ git diff --name-s……
htaccessでデバイス別に振り分ける
Xサーバーで確認。
https://ドメイン.com => spでアクセスしたら/sp/にリダイレクトhttps:……
静的、常時SSL、www無しに統一
.htaccessに以下を記述する
Options +FollowSymLinks
RewriteEngine on
Rewrit……
コンパイル
$ sass --watch . --style expanded
# ディレクトリ単位で監視。 「--watch .」は、今いる場所を監視するという意味。
……
Xcodeをインストールもしくは、Command Line Toolsを単独でインストール
scssをMac OS 10.15.5にインストールしようとしたら大変だったので……
いや、動かない（飛ばない）んだけどって場合
functions.phpで、wp側のjQueryを読み込まない設定にしてるとthanksPageに遷移しない。私の場合、fun……
タグマネージャー（2020.10.27時点）
2020年10月27日時点、GTMとAnalyticsを紐付けしようとしたらGoogleに怒られたので備忘録。
新規で作……
HTMLテンプレート
<!doctype html>
<html class="no-js" lang="ja"&……
branch
$ git branch
//branchを調べる
$ git checkout [元にするbranch]
$ git checkout -b [作成するブ……