2019年4月11日WordPressGutenberg

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

2019年4月11日WordPressWordPressテーマ

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

2019年4月11日WordPressWordPressテーマ

WordPressテーマ「Luxeritas」を利用しています Luxeritas Theme | SEO最適化、レスポンシブ、高カスタマイズ性、とにかく速い、無料の WordPress テーマ 「Luxeritas」は無料ながらAMP対応 ...

2019年4月13日WordPressWordPressプラグイン

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

2019年4月13日WordPressWordPressプラグイン

WordPressサイト・ブログのウィジェット設定をエクスポート・インポートできる「Widget Importer & Exporter」 ダウンロード数300,000以上バージョン1.55更新頻度高め検証済みWordPressバー ...

2019年4月11日WordPressGutenberg

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

2019年4月11日WordPressWordPressマルチサイト

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

2019年4月11日WordPressWordPressプラグイン, WordPressマルチサイト

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

2019年4月11日JavaScript正規表現

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

2019年4月11日JavaScript正規表現

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

2019年4月11日jQuery文字列

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

2019年4月11日jQueryイベント

jQueryでdivやpタグなどの要素やテキストにマウスホバーイベントを実装する方法です hover()関数でマウスホバーイベントを実装 jQueryのhover()関数はマウスホバーオン時、マウスホバーアウト時の2つの動作を定義する事が可 ...

2019年4月11日CSSCSSアニメーション

要素や文字の色が変化するCSSアニメーションパターンです テキストの色を変化させるCSSアニメーション テキストの色を変化させるのに@keyframesでcolorプロパティを変更しています See the Pen CSS Backgrou ...

2019年4月11日CSSCSSアニメーション

HTML(共通) <div class="box"></div> 通常点滅パターン シンプルなフラッシュパターンです See the Pen CSS Flash animation 1 by yochans (@yochans) ...

2019年4月18日CSSCSSアニメーション

小さく小刻みに震えるCSSアニメーションのサンプルコードです animationプロパティ、@keyframesを利用しています 小刻みに震えるdiv要素のCSSアニメーション See the Pen CSS Shake in small ...

2019年4月8日CSSCSSアニメーション

CSSアニメーションで要素を回転させる方法です CSSアニメーションを使って要素を横回転 See the Pen CSS rotate animation by yochans (@yochans) on CodePen. 要素を横回転させ ...

2019年4月8日CSSCSSアニメーション

CSSアニメーションでキーフレーム(@keyframes)を使う方法と簡単なサンプルです See the Pen Flowing Text CSS Animation by yochans (@yochans) on CodePen. キー ...

2019年4月11日PhaserPhaserアニメーション

phaser3でも使える無料のAtlasesデータ生成ツールのメモ phaser3にはTexture Packerが対応していますが、無料版でも高機能にみえてまずスプライトシートが読み込めないというね 結局、Texture Packerの無 ...

2019年4月8日PhaserPhaserアニメーション

Phaser 3のTweenを使ったフェードアウトとフェードインを実装する方法です Tweenを使ったフェードアウトの実装サンプル See the Pen Phaser 3 Tween FadeOut by yochans (@yochan ...

2019年4月8日PhaserPhaserシーン

Phaser 3でシーンを作成する方法とコンフィグ設定にシーンを追加する方法です 利用するシーンをコンフィグに設定する scene:とする事でコンフィグに利用するシーンを設定できます(ひとつの場合は配列じゃなくてもOK) 複数のシーンを設定 ...

2019年4月8日PhaserPhaserシーン

Phaser 3でシーンを切り替える(移動・移行)する方法です See the Pen Phaser 3 Chenge Scenes by yochans (@yochans) on CodePen. シーンの切り替えにはシーンを移動するイ ...

2019年4月8日jQuery

jQueryで動的にCSSファイルを読み込んでheadに追加する方法です 他にも色々と方法はありますが、ぱっと見わかりやすいコードでひとつ HTML(<head>内) <style type="text/css" id=" ...

2019年4月11日jQuery文字列

jQueryで文字列から最初の1文字や最後の1文字を取得する方法です 最初の1文字を取得する方法 slice()の引数は先頭から数える場合は整数で「何文字目から」と「何文字」なので最初の文字を取得する場合は0と1になります 日本語を含むマル ...

2019年4月11日jQuery文字列

jQueryのfor文などのループ処理で生成した文字列から末尾のカンマを取り除く方法です jsonデータを生成する時に使う事が多いですね slice()を使って最後の1文字を除去する方法 最後の文字が必ずカンマになるのである場合 処理上、最 ...

2019年4月8日jQueryフォーム

jQueryでテキストエリアやテキストフォームの入力を動的に取得・表示する方法です テキストボックスの入力を動的に取得・表示する input type="text"のテキストボックスの入力時にvalue値をリアルタイムに取得して表示するサン ...