ONE NOTES

めちゃくちゃ便利なWindows10の機能「スケッチパッド」の「画面スケッチ」。 キャプチャされたデスクトップ画面を簡単に加工できるので単純な加工は「Print Screen」押して「ペイント」に貼り付けでやってたところを慣れれば「画面スケ ...

Windows10での自動アップデートでは設定したアクティブ時間内だと更新のリマインダー通知が届きます アクティブ時間との関係性 設定したアクティブ時間外であれば更新のリマインダー通知なしで自動アップデートによる再起動が実行されます アクテ ...

WordPressのトップページ（フロントページ）にカテゴリ別の全記事一覧を表示する方法になります 一覧を表示するウィジェットに関数を実行するショートコードを記述するタイプです カテゴリ別の全記事リストを表示するサンプルコード functi ...

WordPress5.2から新エディタ「Gutenberg」での記事投稿で利用するブロックを管理できる「Block Manager」機能が追加されます。 これを使う事で普段使わないブロックアイコンを非表示にする事が出来るので利便性が高くなり ...

WordPress新エディタ「Gutenberg」でデフォルトのカラーパレットを変更する方法になります 「Gutenberg」のカラーパレットはデフォルトで11色が用意されていますが、function.phpを利用して割と簡単にパレットに好 ...

「Gutenberg」は慣れてくると十分に使いやすいエディタではありますが、WordPress5.1現在ではまだデフォルトの機能面でカバーできていない部分もあります 中でも文字列の指定範囲の文字を部分的に文字色・背景色・サイズを変更出来ない ...

google ChromeのSEOチェック拡張機能「Lighthouse」で検出された問題点を確認して解決していきます。 今回はAccessibility（アクセシビリティ）カテゴリにあるNames and labels項目で診断された問題 ...

google ChromeのSEOチェック拡張機能「Lighthouse」で検出された問題点を確認して解決していきます今回はAMPページをLighthouseでSEO診断しています 環境：WordPress5.1.1 テーマ Luxerit ...

google ChromeのSEOチェック拡張機能「Lighthouse」で検出された問題点を確認して解決していきます 今回はBest Practicesカテゴリにあるリンクがcross-originに対応していない場合に減点される項目です ...

google ChromeのSEOチェック拡張機能「Lighthouse」で問題を確認して解決していきます 今回はSEOカテゴリにあるリンクテキストやボタンのタップサイズが足りない場合に問題ありと診断される項目 Tap targets ar ...

google ChromeのSEOチェック拡張機能「Lighthouse」で問題を確認して解決していきます ひとつ前の記事「【WordPress 5.2】記事ブロックにRSSウィジェットが追加される | WordPressメモ | ONE ...

WordPress5.2から記事ブロックに使えるRSSなどのいくつかのウィジェットが追加されます。 中でもRSSは気になったのでWordPress5.2ベータ版でチェックしてみました。 ウィジェットブロックにRSSほか、カレンダー・タグクラ ...

WordPressの無料テーマ「Luxeritas」はPWAに対応しており、SSL化さえしてあれば簡単にWordPressサイト・ブログをPWAに対応させる事が可能です マルチサイトではluxe-manifest.jsonが見つからずエラー ...

WordPressで新規記事を書く時に似た構造の記事があれば複製して、それをベースに新記事を書きたいケースもあります 「Duplicate Post」は記事・固定ページを複製して新規下書きを作成してくれるプラグインです 特にエディタが「Gu ...

WordPressサイト・ブログのウィジェット設定をエクスポート・インポートできる「Widget Importer & Exporter」の紹介記事になります。 ウィジェットの内容は同じものを一から作成するのは大変な作業なので「Wi ...

一般的なテキスト編集で使うキーボードショートカットと、便利なGutenberg独自のキーボードショートカット一覧まとめ エディタ操作 Ctrl+S下書き・変更の保存Ctrl+Z変更の取り消し（undo）Ctrl+Shift+Z変更の取り消し ...

マルチサイト化したWordPressサイトの活用でマルチサイト毎のサイトIDが必要になるケースがあります。 マルチサイト別のidはマルチサイト化しているとWordPressのグローバル変数に定義されていて、$blog_idで取得可能。 gl ...

マルチサイト化したWordPressサイトで使えたプラグインのメモです 使えなかった未対応プラグインも見つかれば掲載します キャッシュ系プラグインは全く使わないので情報ないのでご了承 マルチサイトで使えたプラグイン一覧 WordPress ...

JavaScriptで使う正規表現の判別サンプル集になります。 javaScriptでの正規表現フラグ | JavaScriptメモ 正規表現での判別サンプル集 指定の文字が含まれているか if( str.match(/o/) ){ //含 ...

「i」大文字小文字を区別しない 「i」をフラグに指定すると検索対象を大文字と小文字の区別をさせずに処理が可能になります if(`Hello World`.match(/hello/i)){ console.log('true'); } 「m ...

文字列の前方一致や後方一致を判別する方法です。 判別にはJavaScriptのstartsWith()を使って前方一致、後方一致にはendsWith()を利用しています。 startsWith()とendsWith()はECMAScript ...

jQueryを使ってdivやpタグなどの要素やテキストにマウスホバーイベントを実装する方法です。 hover()関数でマウスホバーイベントを実装 jQueryのhover()イベントを利用して、指定した要素に対してマウスホバーオン時、マウス ...

要素や文字の色が変化するCSSアニメーションパターンです。 サンプルでは、@keyframesの0％と100％が同一値になる場合、別けずに記述しています。 テキストの色を変化させるCSSアニメーション テキストの色を変化させるのに@keyf ...

文字や要素を点滅するCSSアニメーションのパターン集です。 各点滅アニメーションのサンプルコードは@keyframes（キーフレーム）を使ったanimationを利用しています。 通常点滅パターン シンプルなフラッシュパターンで、1秒間隔で ...

文字や画像の要素が小さく小刻みに震えるCSSアニメーションのサンプルコードです。 このサンプルコードはanimationプロパティ、@keyframesを利用しています。 小刻みに震えるdiv要素のCSSアニメーション div要素を@key ...