Mac に接続してるWi-Fiネットワークの最適チャンネルを探す方法を紹介します。 引越したらWi-Fiの接続が不安定……そんなときは、近隣のWiFiと競合している可能性があります。 ワイヤレス診断を使って 2.4GHz帯、5GHz帯の最適チャンネルを探しましょう。 それでは実際に最適チャンネルを探してみましょう。 まずは、Finder を起動し ショートカットキー「Command + Shift + G」を押します。 すると、「フォルダの場所を入力」というポップアップが表示されるので /System/Library/CoreServices/ と入力しましょう。 すると、次のように表示されるので /システム/ライブラリ/CoreServices/ 「移動」をクリックしましょう。 フォルダ「CoreServices」に移動しました。 「Applications」を開きます。 アプリ「ワイヤ

radiko でラジオを聞くことが多いのだが、再生速度を変えられないのがすごく不便。 アプリ版は手を出しづらいので、Web版に再生速度変更機能を追加する bookmarklet を作った。 実行結果 ついでに、指定秒ジャンプ機能もある。 コードは Gist に置いた。 radiko に再生速度変更ボタンと指定秒ジャンプボタンを追加する bookmarklet ブックマーク作りやすいように現在のバージョンでリンクを作ってみた。 link (terser で短縮後、はてなブログのMarkdown解釈がバグっている(?)部分への対処で少し手を入れているので、そのバグが直されたらうまく動かないリンクになるかも) PC版 Firefox & Chrome と Android版 Chrome にて動作確認済み。Android版 Firefox はあるバージョンから bookmarklet が起動できな

Abemaビデオを、PinP再生するためのブックマークレットを、雑に作った＋もっと使い勝手のいいブックマークレットがあったので紹介する やりたいこと abemaビデオでyoutubeみたくPinP表示したい。 参考:PC版Chromeがピクチャ・イン・ピクチャに正式対応。 調べたら、videoタグで.requestPictureInPicture()を叩けば出来そうなことが分かった。 参考:Picture-in-Picture 頑張らない。 出来たもの javascript:document.querySelector("#main > div > main > div > div.c-video-EpisodeContainer-thumbnail.c-vod-PlayerContainer-container.c-vod-PlayerContainer-inlined > div >

Gmail では、様々な方法でメールデータのエクスポート・インポートが可能です。 ▼Gmail からメールデータをエクスポートする 【mbox ファイルにエクスポートする】 メールデータを mbox 形式でダウンロードしてください。 【メールクライアントにエクスポートする】 POP / IMAP 機能使ってメールクライアントにデータをダウンロードすることで、ローカルにデータを保存することが可能です。 ダウンロード後のデータの形式は、ご利用のメールクライアントの仕様をご確認ください。 例えば、Outlook2010 にダウンロードしたデータの場合は、pst ファイルとしてローカルに保存されます。 【CSV ファイルにエクスポートする】 Gmail から CSV ファイルに直接データをエクスポートすることはできませんが、CSV ファイルにエクスポートできるメールクライアント (Outlook

wordpressでリンク元のページのURLを取得する方法で少しつまった書きます！！ リファラとは リファラとは、あるWebページのリンクをクリックして別のページに移動したときの、リンク元のページのこと。 Webサーバのアクセスログに記録される項目の一つ。 結論

カルキチのブログバックエンドAll in One SEO Packで特定のページだけ記事タイトルとは別のタイトルタグを設定する方法2020-09-03All in One SEO Packで特定のページだけ記事タイトルとは別のタイトルタグを設定する方法 更新情報 All in One SEO Pack v4からフックの名称が以下のように変更になったのでカスタマイズする方は要注意です！ aioseop_title → aioseo_titleaioseop_keywords → aioseo_keywordsaioseop_description → aioseo_descriptionWPのドキュメンテーションにも報告が上がっています。 https://ja.wordpress.org/support/topic/all-in-one-seo-pack%E3%81%AE%E3%82%A2%

WordPress4.4以降は、それ以前までにタイトルを生成する為に使用されていたwp_title関数を使用して生成する方法が非推奨となりました。それに代わって新たにwp_get_document_titleと言う関数が登場し、カスタマイズ方法もこれまでと変わりました。 これまでのtitleの記述方法 これまでtitleタグは前述のwp_title関数を使用して以下のように記述していました。 <title><?php wp_title( '|', true, 'right' ); ?></title> WordPress4.4以降のtitleの記述方法 しかし、WordPress4.4以降はfunctions.phpにadd_theme_support( 'title-tag' );と記述をするだけでタイトルを出力してくれるようになりました。 <?php add_theme_support

Google analyticsが新しくアップデートされ、UIから何から変わりました。 正式には、Google Analytics 4（GA4）という名称とのこと。 Google Tag Manager（GTM）でも、これまでのアナリティクスようのタグとは別に、GA4用のタグが用意されています。 前提条件 GA4基準に、フォームのコンバージョンイベントをタグマネを使って取得する方法をまとめます。 ページのURLが変わらず、フォームのClassでコンバージョンを取得するパターンを想定し、 WordpressのプラグインMW WP Formでページ遷移しないフォームを例にしています。 また、すでにGA4のAnaryticsのタグ設定は、GTMで設定されている想定です。 変数の準備 MW WP Formの場合、確認画面、完了画面において、フォームにクラスが追加されます。 そのため、現在どのクラス

SSLのかかっているお問い合わせフォームからリンク移動する場合に、相対URLの指定になっていると、SSLではない通常のページもhttpsのURLとなってしまい、外部URL呼び出し部分で警告が表示されたりする。 そこで、特定のURLはSSLありのページにリダイレクトするなどの方法をhtaccessを用いて実現してみます。 /form/をhttpsにリダイレクト RewriteEngine On RewriteCond %{REQUEST_URI} ^/form/ RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の２つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも２つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 W

フック使用の経緯 先日、「Contact Form 7」と「Contact Form 7 add confirm」プラグインでフォームに確認画面を追加しているサイトで、 「Contact Form 7」をアップデートしたら確認画面に遷移しなくなったという相談があり、 調べてみると「Contact Form 7 add confirm」は開発が3年以上停止しているプラグインで、「Contact Form 7」を5.4にアップデートすると「Contact Form 7 add confirm」の方が動かなくなってしまうバグがあるようでした。 （参考）Contact Form 7アップデートでContact Form 7 add confirmが効かない 対処として、「Contact Form 7」のバージョンを5.3.2に戻した上、今後他のプラグインと一緒に更新されてしまわないように「Cont

ご時世柄なかなか人を集めることができない中、WEBセミナー・オンラインセミナーへの需要が高まっています。 もしかしたらまだ一歩を踏み出せていない方もいらっしゃるかもしれませんが、WordPressで構築したオウンドメディアであれば、あまりHTMLの知識があまりない方でも手軽にセミナーの募集ができます。 WEBセミナー・オンラインセミナーの募集画面の一例 ここで軽く作成例をご紹介します。 登録画面 まず、登録画面です。 ここにセミナーの詳細を登録することで次の項で紹介する画面に表示がされます。 基本的には項目に沿って内容を登録していくような作りにするため、タグなどの難しい知識はあまり必要ありません。 それでは登録した内容がどのように表示されていくか見てみましょう。 一覧画面 登録したセミナーの一覧です。ここからセミナーの詳細へ飛ぶことができます。 例えば通常のブログでしたら記事を投稿した順番

まえがき カスタム投稿タイプのアーカイブのURLは普通こんな感じ。 “kotori-blog.com/投稿タイプ名” これに階層構造を持たせたい場合が多々あります。 例えばこんな感じ。 “kotori-blog.com/custompost/投稿タイプ名” 第三階層くらいまであるサイトだとURLの構造って大事だったりしますよね。 今までは「無理だろ」と思って諦めていましたが先日、とうとう発見しました！ そんな感じでこの記事はカスタム投稿タイプのURLに階層構造を持たせる方法を紹介します。 因みにプラグイン「Custom Post Type UI」を使用します。 使用したこと無い人は使ってみてください。 カスタム投稿やカスタムタクソノミーの追加がめっちゃ簡単にできます。 Custom Post Type UIの使い方 この記事では「Custom Post Type UI」の使い方は割愛するの

If you are anything like me, you happily used Pixel (px) in Sketch and Figma during the past years without thinking much about it. It is the unit they gave me. Surely it is correct, and if not, the development team can fix that, no? Plus, there are a lot of people saying my design should be pixel perfect, right? Not quite (unless you interpreted “pixel perfect” as avoiding half-pixel). Let’s get s

【ご質問】いつも記事、著書をなるほど、と興味深く楽しく拝読しております。 今回、人間関係においての「怒り方」について質問したくメールさせて頂きました。 こんにちは、20歳、大学2年生です。 私は怒りを上手に伝える方法がわかりません。本人以外に嫌だったこと(「こんなことをされて嫌だった」など)は話せるのですが、本人に対しての不満やなおして欲しいところを伝えることが中々出来ません。 しかし我慢して相手との関係が良くなるか、と考えるとそうではない気がしてなりません。 本人に言えない、というのは保身的で身勝手なのでしょうか...。 相手にうまく伝わる怒り(悲しみ)の伝え方、コツなどありましたら教えて頂きたいです。 【回答】ご質問誠に有難う御座います。 他の人には言えるものの、本人には不満を伝えられないという現状はあまりにも危険であると言わざるを得ません。本人にも他の人にも言えないのであればまだしも

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

WordPress5.2以降は「ブロックマネージャー」から非表示にしたいブロックを設定可能でしたが、WordPress5.9より「設定」→ブロック→表示ブロックへ移動しました。 WordPress5.9以降であれば「設定」からブロックの非表示設定ができます。 投稿・固定ページ編集画面にて、右上の歯車アイコンの右の三点リーダをクリックすると、メニューが表示されるので「設定」をクリックしてください。 「ブロック」タブに切り替えて「表示ブロック」にて、非表示にしたいブロックのチェックを外してください。 ただ、この方法の場合、設定を知っている人なら誰でも変更できるので、使おうと思えば使えてしまいます・・・ プラグイン「 Disable Gutenberg Blocks – Block Manager 」を使う プラグイン「 Disable Gutenberg Blocks – Block Mana

WordPressのメールフォーム作成プラグイン「MW WP Form」で作成したフォームを複数のページで共通で使用する場合、通常の設定では「入力（→ エラー）→ 確認 → 送信完了」のステップを同一ページで完結させる必要があります。 しかし、それでは送信完了のコンバージョン取得が難しく（めんどくさく）なります。 そこで、今回は MW WP Form のフォームを共通利用しつつ、メール送信完了後に完了ページに遷移する方法をご紹介します。 MW WP Form の URL設定 が空でも送信完了後に別ページに遷移させたい MW WP Form で作成したフォームを複数のページで共通で使用する場合、「URL設定」の「入力画面URL」を入力できません。 「入力画面URL」のみURL入力を省略し「確認画面URL」「完了画面URL」「エラー画面URL」にURLを入力しますと、確認画面の戻るボタン（[m

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS

自分用のWordPressメモになります。 タクソノミーの記事一覧を表示させるためには、以下のファイルを作成する方法があります。 taxonomy-[slug].phptaxonomy.php これらのファイルの中に書くコードの補足説明になります。 例えば、あるカスタム投稿を作って、その中にターム（カスタムタクソノミー）を作ったとします。 そのターム（カスタムタクソノミー）に属するカスタム投稿記事一覧を表示させ、さらにその投稿の数を制御したいという場合の対処法です。 <?php $term_object = get_queried_object(); // タームオブジェクトを取得 $term_slug = $term_object->slug; // タームスラッグ $args = array( 'post_type' => 'カスタム投稿タイプ名', 'taxonomy' => 'カス