スノーシューにヒールリフターを後付けする

もうスノーシーズンはほぼ終わりだけど、スノーシューの改造をした話25年前?に購入した MSR DENALI Clasics。最近はスプリットボードばかりなのでほとんど活躍しない。 これヒールリフターが付いてなかったってのもあるそこでヒールリフターつけちゃお! …

Wordpressのギャラリーをモーダル(ライトボックス)表示は「WP jQuery Lightbox」がいい

「FancyBox for WordPress」を進める記事は多いが、挙動的にも「WP jQuery Lightbox」がいい インストール方法とかは省く 設定はこんな感じ WP jQuery Lightboxの設定 ギャラリーを作る ギャラリーを作る固定ページでも投稿でも、「メディアを追加」→「ギャ…

Contact Form 7で1つのフォームで複数の郵便番号から住所ってやる方法(YubinBangoライブラリ)

YubinBangoライブラリ使うメモfonctions.php // 郵便番号から住所 ライブラリ読込 wp_enqueue_script( 'yubinbango', 'https://yubinbango.github.io/yubinbango/yubinbango.js', array(), null, true ); Contact Form 7の「コンタクトフォーム」例 <div class="h-adr"> <span class="p-country-name" style="display:none;">Japan</span> <label></label></div>

MacでVSCodeが起動しない(一瞬起動して落ちる)

macOS Monterey 12.5くらいにupdateしてから、なぜかVisual Studio Codeが起動しないっていうか一瞬起動して落ちるようになった。 macOSのupdateは関係ないかもしれないけど原因を追求してみた。 ターミナルで、 /Applications/Visual\ Studio\ Code.app/Con…

WordPress Front End PM 管理画面の「すべてのメッセージ」で1ページあたりの表示件数を変更する

Front End PMを使っていて不便なのが、管理画面の「すべてのメッセージ」で1ページあたりの表示件数を変更できないこと。 「投稿」「固定ページ」「ユーザー」とかは、右上の「表示オプション」→「ページごとに表示する項目数」ってのがあるのに。。こんな時…

WordPress Front End PM で、メッセージのタイトルと本文の最小文字数、最大文字数を変更する

WordPress Front End PM で、メッセージのタイトルと本文の文字数制限を変更する方法

wordpress Front End PM 使用できるショートコード一覧

wordpress Front End PM ショートコードは5つしかない

Wordpress body に権限ロールclassを付加する

body に権限ロールclassを付加し、cssやjsで権限ロールごとに何か違うことをしたい時に便利な方法functions.php function add_user_role_class( $classes ) { global $current_user; $classes[] = 'role-' . urlencode( $current_user->roles[0] ); return $…

Wordpress Front End PM で、カスタマイズしたテンプレートをテーマ内に置く

テーマディレクトリに「front-end-pm」というディレクトリを作る その中に /wp-content/plugins/front-end-pm/templates から必要なテンプレートをコピーして編集する *ファイル名は変えてはいけない参考: Change templates – Shamim's Plugins

Wordpress管理画面のユーザ一覧にUltimate Memberのカスタムフィールドを表示する方法

Ultimate Memberを使っていると、Wordpress管理画面のユーザ一覧にUltimate Memberのカスタムフィールドを表示したくなるよね? ついでに表示順や表示内容のカスタマイズも。 functions.php //////////////////////////////////////////////////////////////…

wordpressのfunctions.phpにデフォルトで記述したいこと

カスタムフィールドを検索対象にする //カスタムフィールドを検索対象にする function custom_search($search, $wp_query) { global $wpdb; if (!$wp_query->is_search) return $search; if (!isset($wp_query->query_vars)) return $search; $search_words …

Wordpress プラグインSearch & Filter Pro のフリーワード検索にカスタムフィールドを含める

絞り込み検索の実装には欠かせない「Search & Filter Pro - Advanced Filtering for WordPress」。 しかしこれだけでは、カスタムフィールドのフリーワード検索はできなかった。結局、ACFを含むカスタームフィールドを検索するために functions.php に追記が…

Safariでスムーススクロールを実装する(非jQuery)

jQueryを使わない案件、もしくは途中から入ってjQueryのエイリアスがぐちゃぐちゃになっててjQuery使いたいとき、 // ページトップ var pagetop_elements = document.getElementById('pagetop'); pagetop_elements.addEventListener('click', scroll_to_top)…

Wordpress Ultimate Memberのフォームで「同意する」にチェックしないとSubmitボタンを押せなくする

Ultimate Memberのフォームで「同意する」にチェックしないとSubmitボタンを押せなくするってのはよくある話。Ultimate Memberの同意するは、チェックボックスで作る メタキー(この場合は agree )はJavaScriptで使うSubmitボタンのCSS(SCSS)はこんな感じ…

Wordpress プラグインFront End PMでタイトルと本文の文字数制限を調整する方法

編集するのは、このファイル 有料版:wp-content/plugins/front-end-pm-pro/includes/class-fep-form.php 無料版:wp-content/plugins/front-end-pm/includes/class-fep-form.php 'message_title' => array( 'label' => __( 'Subject', 'front-end-pm' ), //…

MacBookPro2021にしたらGulpが動かなくなった(解決)

M1 Pro の MacBookPro2021を購入した。 せっかくだからクリーンな状態から新たに環境を作っていたのだが、Gulp環境で3時間ほどつまづいた。 インストールは、普通にやった。 こんな感じ。 【mac版】gulpのインストールから使い方までを解説【Web制作初心者…

iPhone機種変更でトラブらないためのメモ

長年使ってきたiPhoneXから、本日(2021/9/24)発売のiPhone13 Proに機種変更した。 機種変更に伴う移行作業に色々やって結局3時間以上かかったから、まとめてみた。次回機種変更の時とか(もちらおん誰かの)役に立つといいな。これ以外にもアプリごとに色…

2021年8月25日のせんべろセット

きょうは実家にお泊まり。 実家のスーパードライもいただきつつ糖質控えめセットを購入してから実家入り。スーパーで精算後のカゴの中なんかさ、これだけ買って千円って、日本の物価安いよね。 収入も上がらないけど、物価も上がらない。 所有しているアメリ…

jquery.colorbox.jsを本当にレスポンシブ対応させる

レスポンシブと言っても色々ある。 PCでもスマートフォンでも同じように、コンテンツをモーダルウィンドウに表示する場合 高さ、幅の最大値を指定してあげることで、スマートフォンでもモーダルウィンドウがはみ出すことなく表示できる jQueryプラグイン「Co…

jquery.colorbox.jsで外部htmlをグループ化する方法

久々にjQueryのモーダル系プラグインColorboxを使う場面があった。 今回のリクエストは、外部htmlをモーダルで表示して、さらに画像のようにグループ化してギャラリー表示するというもの。公式サイト http://www.jacklmoore.com/colorbox/jQuery Colorboxを…

Macローカル環境でスマホサイトの実機テストを行う方法(3)

前回は、「MacのローカルフォルダをWebサーバーにする」でした。 charlie.hateblo.jp 今回は、「iPhoneやAndroidからアクセスしてみる」です。 iPhoneやAndroidからアクセスしてみる MacのIPアドレスを固定にする まず、MacのIPアドレスを固定にします。 シ…

Macローカル環境でスマホサイトの実機テストを行う方法(2)

前回は、Macをwifiアクセスポイントにするところまででした。 charlie.hateblo.jp今回は、「MacのローカルフォルダをWebサーバーにする」です。 MacのローカルフォルダをWebサーバーにする Macには、ApatchというWebサーバー機能がある。 これを利用する方法…

予算2万円のオフグリッドな太陽光発電に挑戦!

再生可能な電力を自力で少しでも。。そういう考え方もあったが、非常時の電源確保とか、車中での電源として利用しているサブバッテリーの充電がしたくて太陽光発電には興味はあった。特に震災の直後は、早くやらねばと焦っていたが、同じような考え方の人も…

Macローカル環境でスマホサイトの実機テストを行う方法(1)

スマートフォンサイトを作っていると、chromeのスマホプレビュー機能がとっても便利。これがないと仕事ができないと言ってもいい。 参考: wayohoo.com chromeのスマホプレビュー機能を使いどんどん制作をすすめていく。 やったーできた!! さてさて、テス…

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ

SublimeTextで垂直に揃えるインデント:ElasticTabstopsパッケージ最近こんな記事を読みました。【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 【翻訳】私がコーデ…

修理:アストロのリアゲートが開かなくなった

DIY

アストロから荷物を下ろして、リアゲートを閉めた。 下ろし忘れた物があったから、もう一度リアゲートを開けようと鍵穴のついたボタンを押すと。。。げげっ!開かない! 右側のロックははずれているようだが、左側がロックされたまま。 右側だけがかすかに動…

じっくり解説SublimeText:ExportHtml コードカラーリング状態で印刷

わお! コードを印刷するとき、コードカラーリングした状態で印刷するとすげー見やすい! 普段コードを印刷なんてしないぜ! ま、だいたいそうなんですけどね。寝転んで眺めたいなとか、 何か書き込みながらデバックしたいなとか、たまーにたまーに、だけど…

じっくり解説。SublimeText3にEmmetをインストールする

sublime text3 emmet というキーワードで検索されている事が多いようなので、じっくり解説です。 画面はmacのものですが、windowsでも同じような操作でインストールできます。 SublimeTextは、パッケージで機能追加 SublimeTextは、2も3も、パッケージと呼…

TABROIDのうるさい「CMer」をブロックしてみた

TABROIDっていう、スマートフォン系の情報サイトをよく閲覧します。 ただ、最近そこに、大嫌いな「CMer」っていう許可なく大音量を流す広告が貼られるようになってしまって、毎回びっくり! これ、音量オフにしても、ページが更新されるとまた大音量で流れる…

使っていないCSS記述を削除できる Dust-Me Selectors

使っていないCSS記述をピックアップし削除もできる Dust-Me Selectors サイトの一部のページのみ切り出して使う 拡張を重ねたサイト プチリニューアルした後 そんなとき、CSSファイルには、要らない記述がいっぱい。そんな不使用のCSS記述を見つけてくれる、…