Web, WordPress

WordPressのフルサイト編集テーマで追加CSSを使用する方法(カスタマイザーを有効化)

WordPressのフルサイト編集テーマには、デフォルトにてカスタマイザーのインターフェイスが隠されているテーマが存在しますが、これを手動で有効化するための方法を紹介しています。また、WordPress.orgとAutomatticのフルサイト編集テーマを中心に、カスタマイザーの扱いについても併せて纏めています。

WordPressのフルサイト編集テーマで追加CSSを使用する方法(カスタマイザーを有効化) Read More »

WordPressの絵文字機能を無効化する「Disable Emojis」

WordPressの「head」には、デフォルトにて絵文字機能のスクリプトが自動で挿入されますが、これを無効化するためのプラグイン「Disable Emojis」を紹介しています。後半では「functions.php」にコードを追加して、プラグイン不要にて同じ効果を適用する方法も併せて紹介しています。

WordPressの絵文字機能を無効化する「Disable Emojis」 Read More »

WordPressのフルサイト編集と「Twenty Twenty-Two」

WordPressのブロックエディター「Gutenberg」プロジェクトがフェーズ2に移行し、コアに対するフルサイト編集(Full Site Editing)のマージが進められています。当ポストでは、「WordPress 5.9」と共にリリースされたデフォルトテーマ「Twenty Twenty-Two」と併せて、フルサイト編集の概要を紹介しています。

WordPressのフルサイト編集と「Twenty Twenty-Two」 Read More »

WordPressでトップページにcanonicalを設置

コアの機能で挿入されないインデックスページに、URL正規化タグを挿入

CMS(Contents Management System)のデファクトスタンダード「WordPress」では、投稿ページ(post)と固定ページ(page)を対象として、URL正規化タグ「canonical」が自動で挿入されます。

しかしながらトップページには、デフォルトにて「canonical」が挿入されないため、ここを改善したいと考えるWebマスターの方も多いのではないでしょうか。そこで当エントリでは、トップページに対して「link rel=”canonical」を設置する方法を幾つか紹介したいと思います。

WordPressでトップページにcanonicalを設置 Read More »

「prefers-color-scheme(CSS)」による、Webサイトのダークモード

Webブラウザのコンテンツ部分を、ホストOSのテーマと同期させて制御する、CSSのメディア特性

Appleが「macOS Mojave 10.14」より新たに導入し、「iOS 13」「Windows 10」等においても追従したダークモードは、高い視認性や省電力性等の機能性から、一つのアピアランスの枠を超えて多様な広がりを見せており、Webブラウザにおいても、デスクトップ版では「Google Chrome 76」「Mozilla Firefox 67」「Safari 12.1」、モバイル版では「Android webview 76」「Google Chrome 76」「Mozilla Firefox 67」「Safari for iOS 13」(各々、それ以降の版)において、CSSのメディアクエリ「prefers-color-scheme」に対応しています(最初の実装は、米国時間2018年11月7日付にてリリースされた「Safari Technology Preview 69」)。

「prefers-color-scheme(CSS)」による、Webサイトのダークモード Read More »