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

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

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

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

2019年4月13日WordPress

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

2019年4月13日AMP

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

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

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

2019年4月13日WordPressGutenberg

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

2019年4月13日WordPressGutenberg

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

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

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

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

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

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

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

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

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

2019年4月11日WordPressWordPressショートコード

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

2019年4月8日AMPAMPコンポーネント

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

2019年4月13日AMPAMPコンポーネント

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

2019年4月13日AMPAMPコンポーネント

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

2019年4月13日AMPAMPコンポーネント

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

2019年4月11日AMPAMP広告

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

2019年4月11日AMPAMP広告

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

2019年4月8日AMPAMPフォーム

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

2019年4月8日AMPAMPフォーム

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

2019年4月8日AMPAMPフォーム

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

2019年4月11日AMP

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

2019年4月13日WordPressWordPressショートコード

ウィジェットなどで記事ページにだけウィジェット等でPHP処理を読み込むショートカットの作成方法です 記事ページでのみ読み込みさせるにはis_single()を利用しての条件分岐が可能です サンプルコードではWordPressデフォルトである ...

2019年4月13日WordPressWordPressショートコード

ウィジェット内やカテゴリページの説明文でショートコードを使ってPHPを動かす方法です ウィジェット内でショートコードが動く様にする WordPress独自関数のadd_filter()を利用してwidget_textを対象にdo_short ...

2019年4月11日WordPressWordPressショートコード

記事内、カテゴリページやウィジェットでPHPなんかを動かしたい時に利用できるショートコードの使い方です ショートコードの登録 WordPressのショートコードを登録する関数add_shortcode()を利用しますtest_functio ...