そういえばBlogあったんだった。
よーく下記のショートカット忘れがちなんで自分用のメモ
PhpStorm のEmmetのWrapping Tagのショートカットは、選択してからの
⌥⌘J もしくは
⌥⌘T
https://stackoverflow.com/questions/22629968/wrap-and-inner-wrap-html-with-emmet
Macのスクリーンショットのカーソル入りはGrab（グラブ）
Macのスクリーンショットのカーソル入りはGrab（グラブ）
環境設定でカーソル選んで取り込みで、タイマー選択やー
いつもアプリケーション名忘れるなー
小規模サイトだと _s のsassファイル数多めなのでオレオレsassファイルにする
タイトル通りのメモ: _s（Automattic社のスタートアップテーマ） はこちら
ファイル追ったりする時間短縮のため
ある意味バッドノウハウ的な何か（【_s】の構成に慣れろという話も）
JointsWPでflex
JointsWPそのままやったら、floatとかなってたんで、検索したら、
Configuring FlexBox/FlexGrid in JointsWP | Foundation Forum from ZURB
これで動いた
WordPress の add_action （子テーマ使ったカスタマイズ）
もうほぼ、下記のリンク先
【WordPress】 子テーマを使ったカスタマイズについて（functions.php編）
functions.phpはstyle.cssとは実行順序が違って、子テーマが先で親テーマがあとみたい。
だもんで、
関数リファレンス/add action – WordPress Codex 日本語版
ここの
|
1 2 |
add_action( $hook, $function_to_add, $priority, $accepted_args ); |
$priority で順序指定して上書きすればええんやー
テーマで $content_width とか指定してある時とかこれ使いなさいよ自分
Twenty Seventeen で フロントページのセクションを増やす
Twenty Seventeen で フロントページのテーマオプションのセクション
デフォルトだと4つ
もっと使いたいんだよねーって検索検索
ありましたー
How to Add Extra Twenty Seventeen Theme Front Page Sections – WPColt
自分の書き方に合わせて
|
1 2 3 4 5 6 |
//フロントページ テーマオプションのセクションの数を設定 add_filter( 'twentyseventeen_front_page_sections', 'wpc_custom_front_sections' ); function wpc_custom_front_sections( $num_sections ) { return 7; //Change this number to change the number of the sections. } |
ScrollReveal.jsって楽しいよねー
ScrollReveal 使うと楽しいよねー。
作ってて楽しいのは2系の方かもしれんねー。
HTMLに書いてたし、直感的やもんねー。
height auto でも transitionさせたい
height: 0; から height: auto; を行ったり来たりとか、
height: Xem; からheight: auto; を行ったり来たりするときにも、transitionかけたいけど効かないじゃないですかー。
冷静に探したらありましたですよ。
CSS3 transition height 0 to auto
max-height にまあ安全な大きめの数値入れとけば一応transitionかかる。
けれども、あまり巨大な数値を入れておくと、
そこから戻ってくるイメージなんで、初期の反応がえらい鈍くなる。
（※詳しくはよく知らない）
だもんで、duration も短めで、巨大すぎないまあ安全な大きめの数値入れとくのがベターか。
当たり前のとこでハマるjQuery
blog書くまでもないけど・・・。jQueryは既に世に出て結構時間が経っている。
検索して引っかかるのが今のバージョンで動くとは限らない。んでjQuery1.12で動かなかったセレクタの例↓
|
1 2 3 |
$('a[href^=#]').click(function() { |
こうが正しい↓
|
1 2 3 |
$('a[href^="#"]').on('click',function(){ |
ドロワーメニューfixedでヘッダーもfixedなとき
Slidebars使っときーというメモダウンロードすると、examplesフォルダがあるんで、その辺よー見ときーオレfixed-positions.htmlにほぼ答えがあるあとはanimation-styles.htmlも見ときー