【WordPress】マルチサイトで新サイトを追加した時にやる事
※※※自分の環境用の覚え書きです※※※ 環境（2019年2月現在） WordPressバージョン5.03レンタルサーバーエックスサーバーWordPressテーマLuxeritas 使っているプラグイン（常時） XML Sitemap ...
【WordPress】マルチサイトでのWordPress ping Optimizer有効化
マルチサイト機能を使って複数のサイトを作成している際、プラグイン「WordPress ping Optimizer」はサイトネットワークで有効化ではでは子サイトにおいてエラーとなります マルチサイトでのWordPress ping Opti ...
【WordPress】Google+終了に伴いプロフィールページの変更やG+ボタンの撤去
2019 年4月2日にサービスが終了するGoogle+ WordPressのプロフィールページに使っていましたが、サービス終了を受けてWordPress内にとりあえずのプロフィールページを作成しました 固定ページにてパーマリンクを「prof ...
AMPサイト作成に役立つツールまとめ（2019）
AMPサイト制作に便利で役立つツールのまとめです Google Search Console「AMPテスト」 「AMPテスト」はSEOの要であるGoogle Search Consoleの機能としても使われているAMPチェックツール Goo ...
【WordPress】CodePenの埋め込みショートコードを有効にするプラグイン「CodePen Embedded Pens Shortcode」
CodePenはHTML・JS・CSSのWEB上でテストできる開発環境であり、ソースコードの動作サンプルやコードの紹介などをブログ記事やWEBサイトに手軽に埋め込める事できる事で人気のWEBツール 「CodePen Embedded Pen ...
【WordPress】Gutenbergで画像の回り込みを解除する方法
新エディタ「Gutenberg」で画像の横に文章を回り込ませるとそれを解除する手段がどうにもイマイチですよね 「カスタムHTML」 のブロックはフォーマットの中にあります 「画像」ブロックを使う 通常の「画像」ブロックで追加した画像左寄せ（ ...
【WordPress】Gutenbergでブロック内でbr改行する方法
WordPress5.0から登場した新エディタ「Gutenberg」賛否はかなりある気もしますが、個人的にはかなり好評です さて、Classic Editorプラグインのインストール数が100万+になっているあたり否の多さも伺えますが・・、 ...
【WordPress】メニュー設定をコピーできるプラグイン「WPS Menu Exporter」
複数のWordPressサイト（ブログ）を運営していて、新たにメニューのリンク項目を増やしたい時とかひとつひとつのサイト（ブログ）で設定していくのは大変 そんな時、メニュー設定だけを簡単にエクスポート・インポートしてコピーできるプラグイン「 ...
【WordPress】マルチサイトで引き継がない設定の移行方法
WordPressのマルチサイト機能を利用して作成した子サイト・ブログが親サイト・ブログのデザイン・設定を引き継ぐ（共有）されるものとされないもののがあります 主にファイル群は共有され、データベースに保存される設定やカスタマイズはサイト毎に ...
【WordPress】マルチサイト化したら最初にやるべき事
ひとつのWordPressサイト・ブログから複数のブログを作成するWordPressのマルチサイト化機能 マルチサイト化といっても、新しいブログを作成した際、ベースとなるブログの全てのデザイン・設定構造を引き継いで作成される訳ではなく、多く ...
【WordPress】ひとつのWordPressで複数のブログを作成、マルチサイト化の方法
WordPressに備わっている機能のマルチサイト サブドメイン・別ドメインでも利用できるけど、その場合はちょっと面倒そうでそれなら、それぞれインストールした方が楽なきもします やはりサブディレクトリ以下にいくつもWordPressをインス ...
【WordPress】特定カテゴリの記事にだけ表示するショートコード
ウィジェットなどで特定カテゴリの記事にだけ表示する方法です サンプルコードではWordPressデフォルトである「テキスト」ウィジェットでもショートコードとして表示可能にしています 特定カテゴリの記事にだけ表示する方法 特定カテゴリの記事の ...
AMP-YouTubeを使ったYouTube動画の埋め込み表示を実装する方法
AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです See the Pen AMP-YouTube by yochans (@yochans) on CodeP ...
AMP-Accordionを使ったアコーディオンメユーを実装する方法
AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Accordion by yochans (@yochans) on CodePen. amp-car ...
AMP-Carouselを使ったカルーセルスライダーを実装する方法
AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Carousel by yochans (@yochans) on CodePen. amp-caro ...
AMP-Selectorを使ってタブメニューを実装する方法
AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです See the Pen AMP-Selector by yochans (@yochans) on CodePen. amp- ...
AMP広告を画面幅で振り分けて表示する方法
AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告（amp-ad）もまたモバイル以外の表示にも対応しています AMP広告を画面幅で振り分けて表示する方法 AMP広告タグ内にてCSSのmedi ...
AMPで各タイプ別のアドセンス広告を表示する方法
AMP広告に使われる主なlayoutの種類一覧 AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定 AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類があるのか一覧にしてみ ...
AMP FormのPOST送信でページ移動する方法
AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動（ページ遷移）させたい場合があります 主に、パスワードなどのURLに含めたくない情報の送信やテキストエリアを用いたデータ ...
AMP FormでPOST送信する方法
AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、AMP Formコン ...
AMP FormでGET送信する方法
簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、単純なGET送信であっても ...
AMPページに最低限必要なサンプルコード
AMPテストツール AMPサイト作成時は、AMPページが有効か確かめる為にgoogleのAMPテス またブラウザのデロペッパーツールも確認作業で重要になってきます AMPページに最低限必要なサンプルコード AMPページに最低限必要なサンプル ...
【WordPress】記事ページにだけ表示するショートコード
ウィジェットなどで記事ページにだけウィジェット等でPHP処理を読み込むショートカットの作成方法です 記事ページでのみ読み込みさせるにはis_single()を利用しての条件分岐が可能です サンプルコードではWordPressデフォルトである ...
【WordPress】ウィジェットやカテゴリページでショートコードを使う方法
ウィジェット内やカテゴリページの説明文でショートコードを使ってPHPを動かす方法です ウィジェット内でショートコードが動く様にする WordPress独自関数のadd_filter()を利用してwidget_textを対象にdo_short ...
【WordPress】ショートコードの登録と使い方
記事内、カテゴリページやウィジェットでPHPなんかを動かしたい時に利用できるショートコードの使い方です ショートコードの登録 WordPressのショートコードを登録する関数add_shortcode()を利用しますtest_functio ...