2019-04-13WordPressGutenberg

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

2019-04-13WordPressWordPressカスタマイズ

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

2019-08-24WordPressGutenberg

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

2019-04-13WordPressGutenberg

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

2019-04-13Googleスプレッドシート

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

2019-04-13WordPressWordPressカスタマイズ

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

2019-04-23Gmail

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

2019-04-24WordPressGutenberg

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

2019-04-25Googleスプレッドシート

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

2019-04-25Googleスプレッドシート

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

2019-04-13WordPressWordPressマルチサイト

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

2019-04-13WordPressWordPressマルチサイト

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

2019-04-23WordPress

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

2019-04-13AMP

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

2019-04-23WordPressWordPressプラグイン

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

2019-04-13WordPressGutenberg

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

2019-04-13WordPressGutenberg

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

2019-04-23WordPressWordPressプラグイン

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

2019-04-23WordPressWordPressマルチサイト

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

2019-04-23WordPressWordPressマルチサイト

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

2019-04-23WordPressWordPressマルチサイト

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

2019-04-23WordPressWordPressショートコード

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

2019-04-08AMPAMPコンポーネント

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

2019-04-13AMPAMPコンポーネント

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

2019-04-13AMPAMPコンポーネント

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