2019年4月8日jQueryイベント

jQueryを使ってdivやpタグなどの通常の要素やテキストにクリックイベントを実装する方法です click()イベント関数を使ってクリックイベントを実装する方法 See the Pen Click event (jQuery) by yo ...

2019年4月8日PHP判別, 文字列

PHPで文字列の中に日本語が含まれているかどうか(文字列が英語のみかどうか)判別する方法になります strlen()とmb_strlen()の長さを比較して判別する $str = '文字列'; if(strlen($str != mb_st ...

2019年4月11日WordPressWordPressカスタマイズ

WordPress使いだしてから、もしか僕レベルの技術力でも頑張ればfunctions.phpにちょっと書くくらいで、スパムコメント弾けないものかと思ってたのを本日チャレンジ そのリアルタイム忘備録です コメント認証フィルターフックでスパム ...

2019年4月8日jQueryフォーム

jQueryでスライダーフォームの入力時にvalue値を動的に取得する方法です on('change')でvalue値を動的に取得して値を表示する方法 See the Pen クリック要素の直近の子要素のid・classを取得する by y ...

2019年4月13日jQuery

jQueryで要素・親要素からid・class名を取得するパターン集です クリックした要素のidを取得する HTML <div id="id1"></div> jQuery $('div').click(function() { ...

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

「Customizer Export/Import」は外観カスタマイズデータをdatファイルにてエクスポート・インポートできるwordpressプラグインです 外観カスタマイズは色やサイズなど細かな数値の設定が多いので、すぐ戻せる様にバック ...

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

当ブログは大カテゴリの分類でマルチサイト化しており、トップなんかでマルチブログの新着記事表示をどうするかと悩んだ結果、良いRSS取得のプラグインがあればプラグインに頼る事にしました いくつか拝見して、目的に合うプラグインを探していた所、が「 ...

2019年4月13日WordPressWordPressカスタマイズ

ブログ記事を書く時、記事タイトル毎にカテゴリ名を先頭や末尾に入れる事スタイルも多くあり、殆どの記事がそうなのであれば、いっそtitleタグにカテゴリ名を挿入してしまった方が、その部分は記事一覧では表示されないのでスッキリして良い場合がありま ...

2019年4月13日CSSジェネレーター

CSSストライプ柄のカスタマイズエディタですサンプルタイプを選んで作成できます Base Hard Soft direction Color 1 size25px opacity1 Color 2 size25px opacity1 Col ...

2019年4月13日CSSジェネレーター

CSSチェック柄のカスタマイズエディタです サンプルタイプを元に作成できます background opacity0.5 Line 1 size25px margin25px opacity0.5 Line 2 size25px margi ...

2019年4月13日jQuery

JavaScriptやjQueryのcss()でdisplay:noneで非表示にしている要素を表示に戻した時にレイアウトが崩れてしまう原因と対処法です display:noneから表示に戻すとレイアウトが崩れる原因 display:non ...

2019年4月13日jQuery

CSSで設定した値がhexカラーコードでもjQueryのcss()で取得可能なカラーコードはrgb(rgba)です hex16進数表記のカラーコードを使いたい場合は、css()でrgbコードを取得後にhexに変換する必要があります 取得した ...

2019年4月13日jQuery

jQueryのanimate()を使ってフェードアウトとフェードインを繋げて動作させる方法です animate()を使ってフェードアウト・フェードインを実装する方法 See the Pen OqNYWm by yochans (@yocha ...

2019年4月13日jQuery取得

jQueryのcss()は、疑似要素のCSSプロパティに参照出来きなません必要頻度も少ないと人生3度は躓く部分ですね 疑似要素のCSSプロパティを取得するにはJavaScriptのwindow.getComputedStyle()を利用しま ...

2019年4月13日WordPressWordPressカスタマイズ

WordPressのウィジェット「カテゴリー」を設置したとき、特定のカテゴリを非表示にする方法です カテゴリIDの確認方法 いずれの方法もカテゴリIDの確認が必要となります カテゴリIDは色々な方法で確認できますが個人的に簡単だと思う方法を ...

2019年4月13日WordPressGutenberg

デフォルトの「Gutenberg」ではstyyleの追加によるカスタマイズ性はまだまだ低いものの、各ブロックの要素にclassを簡単に追加できる機能が備わっています 各ブロックの要素にclass名を追加する方法 「高度な設定」ー「追加 CS ...

2019年4月13日WordPressWordPressカスタマイズ

新しいエディタ「Gutenberg」のデフォルトでは、ブロック「テーブル」を挿入してテーブルを作成すると、trを入れれなかったり、セルや文字の装飾カスタマイズ項目がなかったりと、少々不便です A1B1C1A2B2C2A3B3C3 trは一度 ...

2019年4月13日WordPressGutenberg

新エディタ「Gutenberg」ではアップロード済みの画像を選択する時以外は編集画面が切り替わらず(全面ポップアップせず)に画像をアップロードできる様になりました 画像ブロック また、右カラムにあるブロックの編集項目にて画像設定ができるのも ...

2019年4月13日WordPressGutenberg

新エディタ「Gutenberg」のブロックから作成する「テーブル(table)」は簡単にテーブルが作成できるものの、デフォルトのエディタの範囲内で編集できるカスタマイズ性というか自由度が低いですよね thを挿入したい 自動で生成されるtab ...

2019年4月13日Googleスプレッドシート

合計値を取得してセルに挿入する定番関数「SUM()」 指定した複数のセルの合計値を取得・挿入 複数のセルを指定する場合はカンマで区切ります =SUM(セル,セル) B1に 「=SUM(A1)」、B2に「=SUM(A1,A2)」、B3に「=S ...

2019年4月13日WordPressWordPressカスタマイズ

WordPressテーマのヘッダーナビゲーションメニューを使わずに自作のヘッダーナビゲーションメニューを作って設置する方法です サンプル画像 PC表示時 モバイル表示時 モバイル表示時というか、レスポンジブになっていて、画面幅が狭くなると2 ...

2019年4月13日Gmail

Gmailはアカウントで内容を同期できるので、PCに送りたいデータをスマートフォンで作成すれば送信などしなくて未送信のままでもPCのアカウントから未送信メールを見ればデータ拾えるって少し便利ですよね 過去にGmailの設定を触って、送信済み ...

2019年4月13日WordPressGutenberg

新エディタ「Gutenberg」では普通に「Ctrl + C」や 「Ctrl + V」 といった方法では記事内容のブロックごどコピーやペーストはできません また範囲選択からのコピーやペーストができるのも文章やHTMLなどのソースコードくらい ...

2019年4月13日Googleスプレッドシート

Googleスプレッドシートで列や行に連番で番号を振りたい時に使える関数「COLUMN()」と「ROW()」 「COLUMN()」と「ROW()」を使って列や行番号をセルに自動で連番を挿入する方法です 列に連番を自動で挿入する方法 Goog ...

2019年4月13日Googleスプレッドシート

Googleスプレッドシートのセル内で改行する方法です 通常Googleスプレッドシートでリターンキーは選択セルが移動します 当然非常に便利な挙動なのですが、セル内で改行したい場合もあります そういう時は「ALT+リターンキー」を利用します ...