ONE NOTES

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

CSSで設定した文字色や背景色の値が#000000などのhexカラーコードだったとしてもjQueryのcss()で取得されるカラーコードはrgb(0,0,0)の様にrgbまたはrgbaに変換されたなります。 取得したカラーコードをhex16 ...

jQueryのanimate()を使ってフェードアウトとフェードインを繋げてスムーズに動作させる方法です。 カクツキや位置ずれにならない用にanimate()を設定します。 animate()を使ってフェードアウト・フェードインを実装する方 ...

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

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

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

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

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

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

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

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

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

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

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

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

※※※自分の環境用の覚え書きです※※※ 環境（2019年2月現在） WordPressバージョン5.03レンタルサーバーエックスサーバーWordPressテーマLuxeritas 使っているプラグイン（常時） XML Sitemap ...

マルチサイト機能を使って複数のサイトを作成している際、プラグイン「WordPress ping Optimizer」はサイトネットワークで有効化ではでは子サイトにおいてエラーとなります マルチサイトでのWordPress ping Opti ...

2019 年4月2日にサービスが終了するGoogle+ WordPressのプロフィールページに使っていましたが、サービス終了を受けてWordPress内にとりあえずのプロフィールページを作成しました 固定ページにてパーマリンクを「prof ...

AMPサイト制作に便利で役立つツールのまとめです Google Search Console「AMPテスト」 「AMPテスト」はSEOの要であるGoogle Search Consoleの機能としても使われているAMPチェックツール Goo ...

CodePenはHTML・JS・CSSのWEB上でテストできる開発環境であり、ソースコードの動作サンプルやコードの紹介などをブログ記事やWEBサイトに手軽に埋め込める事できる事で人気のWEBツール 「CodePen Embedded Pen ...

新エディタ「Gutenberg」で画像の横に文章を回り込ませるとそれを解除する手段がどうにもイマイチですよね 「カスタムHTML」 のブロックはフォーマットの中にあります 「画像」ブロックを使う 通常の「画像」ブロックで追加した画像左寄せ（ ...

WordPress5.0から登場した新エディタ「Gutenberg」賛否はかなりある気もしますが、個人的にはかなり好評です さて、Classic Editorプラグインのインストール数が100万+になっているあたり否の多さも伺えますが・・、 ...

複数のWordPressサイト（ブログ）を運営していて、新たにメニューのリンク項目を増やしたい時とかひとつひとつのサイト（ブログ）で設定していくのは大変 そんな時、メニュー設定だけを簡単にエクスポート・インポートしてコピーできるプラグイン「 ...

WordPressのマルチサイト機能を利用して作成した子サイト・ブログが親サイト・ブログのデザイン・設定を引き継ぐ（共有）されるものとされないもののがあります 主にファイル群は共有され、データベースに保存される設定やカスタマイズはサイト毎に ...

ひとつのWordPressサイト・ブログから複数のブログを作成するWordPressのマルチサイト化機能 マルチサイト化といっても、新しいブログを作成した際、ベースとなるブログの全てのデザイン・設定構造を引き継いで作成される訳ではなく、多く ...