2019-05-16WindowsWindowsアプリ

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

2019-05-03WindowsWindows設定・操作

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

2019-04-11WordPressWordPressカスタマイズ

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

2019-05-08WordPressGutenberg

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

2019-04-11WordPressGutenberg

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

2019-04-11WordPressGutenberg

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

2019-05-17SEOLighthouse

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

2019-04-11SEOLighthouse

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

2019-04-10SEOLighthouse

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

2019-04-11SEOLighthouse

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

2019-04-11SEOLighthouse

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

2019-05-08WordPressGutenberg

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

2019-04-11WordPressWordPressテーマ

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

2019-04-13WordPressWordPressプラグイン

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

2019-05-15WordPressWordPressプラグイン

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

2019-04-11WordPressGutenberg

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

2019-04-11WordPressWordPressマルチサイト

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

2019-04-11WordPressWordPressプラグイン, WordPressマルチサイト

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

2019-05-24JavaScript正規表現

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

2019-04-23JavaScript正規表現

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

2019-08-25jQuery判別, 文字列

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

2019-06-18jQueryイベント

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

2019-07-05CSSCSSアニメーション

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

2019-06-17CSSCSSアニメーション

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

2019-06-16CSSCSSアニメーション

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