ONE NOTE

新エディタ「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のマルチサイト化機能 マルチサイト化といっても、新しいブログを作成した際、ベースとなるブログの全てのデザイン・設定構造を引き継いで作成される訳ではなく、多く ...

WordPressに備わっている機能のマルチサイト サブドメイン・別ドメインでも利用できるけど、その場合はちょっと面倒そうでそれなら、それぞれインストールした方が楽なきもします やはりサブディレクトリ以下にいくつもWordPressをインス ...

ウィジェットなどで特定カテゴリの記事にだけ表示する方法です サンプルコードではWordPressデフォルトである「テキスト」ウィジェットでもショートコードとして表示可能にしています 特定カテゴリの記事にだけ表示する方法 特定カテゴリの記事の ...

AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです See the Pen AMP-YouTube by yochans (@yochans) on CodeP ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Accordion by yochans (@yochans) on CodePen. amp-car ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Carousel by yochans (@yochans) on CodePen. amp-caro ...

AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです See the Pen AMP-Selector by yochans (@yochans) on CodePen. amp- ...

AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告（amp-ad）もまたモバイル以外の表示にも対応しています AMP広告を画面幅で振り分けて表示する方法 AMP広告タグ内にてCSSのmedi ...

AMP広告に使われる主なlayoutの種類一覧 AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定 AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類があるのか一覧にしてみ ...

AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動（ページ遷移）させたい場合があります 主に、パスワードなどのURLに含めたくない情報の送信やテキストエリアを用いたデータ ...

AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、AMP Formコン ...

簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、単純なGET送信であっても ...

AMPテストツール AMPサイト作成時は、AMPページが有効か確かめる為にgoogleのAMPテス またブラウザのデロペッパーツールも確認作業で重要になってきます AMPページに最低限必要なサンプルコード AMPページに最低限必要なサンプル ...