【WordPress】v5.2から記事編集ブロックにRSSウィジェットが追加される
WordPress5.2から記事ブロックに使えるRSSなどのウィジェットが追加される RSSは気になったのでWordPress5.2ベータ版でチェックしてみました ウィジェットブロックにRSSほか、カレンダー・タグクラウド・検索フォームなど ...
【WordPress】テーマ「Luxeritas」でのマルチサイト、luxe-manifest.json404エラーと対策
WordPressの無料テーマ「Luxeritas」はPWAに対応しており、SSL化さえしてあれば簡単にWordPressサイト・ブログをPWAに対応させる事が可能です マルチサイトではluxe-manifest.jsonが見つからずエラー ...
【WordPress】AMP・PWAに対応しているWordPress無料テーマ「Luxeritas」
WordPressテーマ「Luxeritas」を利用しています Luxeritas Theme | SEO最適化、レスポンシブ、高カスタマイズ性、とにかく速い、無料の WordPress テーマ 「Luxeritas」は無料ながらAMP対応 ...
【WordPress】記事を複製できるプラグイン「Duplicate Post」の使い方
WordPressで新規記事を書く時に似た構造の記事があれば複製して、それをベースに新記事を書きたいケースもあります 「Duplicate Post」は記事・固定ページを複製して新規下書きを作成してくれるプラグインです 特にエディタが「Gu ...
【WordPress】ウィジェット設定をインポートできる「Widget Importer & Exporter」の使い方
WordPressサイト・ブログのウィジェット設定をエクスポート・インポートできる「Widget Importer & Exporter」 ダウンロード数300,000以上バージョン1.55更新頻度高め検証済みWordPressバー ...
【WordPress】Gutenbergで使えるキーボードショートカット一覧
一般的なテキスト編集で使うキーボードショートカットと、便利なGutenberg独自のキーボードショートカット一覧まとめ エディタ操作 Ctrl+S下書き・変更の保存Ctrl+Z変更の取り消し（undo）Ctrl+Shift+Z変更の取り消し ...
【WordPress】マルチサイト別のidを取得する方法
マルチサイト化したWordPressサイトの活用でマルチサイト毎のサイトIDが必要になるケースがあります マルチサイト別のidはマルチサイト化しているとWordPressのグローバル変数に定義されていて、$blog_idで取得可能です gl ...
【WordPress】マルチサイト化でも使えるプラグインまとめ
マルチサイト化したWordPressサイトで使えたプラグインのメモです 使えなかった未対応プラグインも見つかれば掲載します キャッシュ系プラグインは全く使わないので情報ないのでご了承 マルチサイトで使えたプラグイン一覧 WordPress ...
【javaScript】正規表現判別サンプル集
JavaScriptで使う正規表現の判別サンプル集になります javaScriptでの正規表現フラグ | JavaScriptメモ 正規表現での判別サンプル集 指定の文字が含まれているか if( str.match(/o/) ){ //含ま ...
【javaScript】正規表現フラグ
「i」大文字小文字を区別しない 「i」をフラグに指定すると検索対象を大文字と小文字の区別をさせずに処理が可能になります if(`Hello World`.match(/hello/i)){ console.log('true'); } 「m ...
【jQuery】文字列の前方一致や後方一致を判別する方法
文字列の前方一致や後方一致を判別する方法です 判別にはJavaScriptのstartsWith()を使って前方一致、後方一致にはendsWith()を利用しています startsWith()とendsWith()はECMAScript 2 ...
【jQuery】要素にマウスホバーイベントを実装する方法
jQueryでdivやpタグなどの要素やテキストにマウスホバーイベントを実装する方法です hover()関数でマウスホバーイベントを実装 jQueryのhover()関数はマウスホバーオン時、マウスホバーアウト時の2つの動作を定義する事が可 ...
【CSS】文字色や背景色、枠線などの色を変化させるCSSアニメーション
要素や文字の色が変化するCSSアニメーションパターンです テキストの色を変化させるCSSアニメーション テキストの色を変化させるのに@keyframesでcolorプロパティを変更しています See the Pen CSS Backgrou ...
【CSS】色々なパターンの点滅するCSSアニメーション
HTML（共通） <div class="box"></div> 通常点滅パターン シンプルなフラッシュパターンです See the Pen CSS Flash animation 1 by yochans (@yochans) ...
【CSS】小刻みに震えるCSSアニメーション
小さく小刻みに震えるCSSアニメーションのサンプルコードです animationプロパティ、@keyframesを利用しています 小刻みに震えるdiv要素のCSSアニメーション See the Pen CSS Shake in small ...
【CSS】要素を回転させるCSSアニメーション（横回転・X軸回転・Y軸回転）
CSSアニメーションで要素を回転させる方法です CSSアニメーションを使って要素を横回転 See the Pen CSS rotate animation by yochans (@yochans) on CodePen. 要素を横回転させ ...
【CSS】キーフレーム（@keyframes）の基本的な使い方
CSSアニメーションでキーフレーム（@keyframes）を使う方法と簡単なサンプルです See the Pen Flowing Text CSS Animation by yochans (@yochans) on CodePen. キー ...
【Phaser】スプライトシートからAtlasesデータを生成できる無料ツール「Leshy SpriteSheet Tool」
phaser3でも使える無料のAtlasesデータ生成ツールのメモ phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね 結局、Texture Packerの無 ...
【Phaser】Tweenを使ったフェードアウトとフェードインの実装
Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です Tweenを使ったフェードアウトの実装サンプル See the Pen Phaser 3 Tween FadeOut by yochans (@yochan ...
【Phaser】複数のシーンの作成する方法とコンフィグ設定
Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です 利用するシーンをコンフィグに設定する scene:とする事でコンフィグに利用するシーンを設定できます（ひとつの場合は配列じゃなくてもOK） 複数のシーンを設定 ...
【Phaser】シーンを切り替える方法
Phaser 3でシーンを切り替える（移動・移行）する方法です See the Pen Phaser 3 Chenge Scenes by yochans (@yochans) on CodePen. シーンの切り替えにはシーンを移動するイ ...
【jQuery】CSSファイルを読み込んでheadに追加する方法
jQueryで動的にCSSファイルを読み込んでheadに追加する方法です 他にも色々と方法はありますが、ぱっと見わかりやすいコードでひとつ HTML（<head>内） <style type="text/css" id=" ...
【jQuery】文字列から最初の1文字・最後の1文字を取得する方法
jQueryで文字列から最初の1文字や最後の1文字を取得する方法です 最初の1文字を取得する方法 slice()の引数は先頭から数える場合は整数で「何文字目から」と「何文字」なので最初の文字を取得する場合は0と1になります 日本語を含むマル ...
【jQuery】文字列の末尾にあるカンマを除去する方法
jQueryのfor文などのループ処理で生成した文字列から末尾のカンマを取り除く方法です jsonデータを生成する時に使う事が多いですね slice()を使って最後の1文字を除去する方法 最後の文字が必ずカンマになるのである場合 処理上、最 ...
【jQuery】テキストフォームやテキストエリアの入力を動的に取得・表示する方法
jQueryでテキストエリアやテキストフォームの入力を動的に取得・表示する方法です テキストボックスの入力を動的に取得・表示する input type="text"のテキストボックスの入力時にvalue値をリアルタイムに取得して表示するサン ...