Statistics Here are some charts showing what sorts of systems people are running WordPress on. (You’ll need JavaScript enabled to see them.)
Stats
Statistics Here are some charts showing what sorts of systems people are running WordPress on. (You’ll need JavaScript enabled to see them.)
『作って学ぶ WordPressブロックテーマ』サポートサイト | マイナビブックス
このページはエビスコム［著］『作って学ぶ WordPressブロックテーマ（ISBN978-4-8399-8187-7）』のサポートページです。 書籍詳細ページに戻る 著者のサイト 著者のサイトです。 https://ebisu.com/ ダウンロードデータ 本書のサンプルデータは、下記から入手してください。本書で作成するWordPressの完成テーマ、使用する画像素材、インポート用のコンテンツデータなどを収録しています。 「特典PDF」も、一緒にダウンロードできます。 ●GitHubから入手 https://github.com/ebisucom/wp-blocktheme ●このサポートサイトからダウンロード wp-blocktheme_20230131.zip ●注意 ・必ず本書を読みながら、ご使用ください。 ・データ内のreadme.txtもご参照ください。 ・本書および本データは
WordPress - is_active_widget()
is_active_widget( callable|false $callback = false, string|false $widget_id = false, string|false $id_base = false, bool $skip_inactive = true ): string|false 指定されたウィジェットがフロントエンドに表示されるかどうかを決定します。 $callback または $id_base のいずれかを使用できます。 $id_base は、 WP_Widget クラスを拡張するときの最初の引数です。 オプションの $widget_id パラメータを指定しないと、指定されたコールバックまたは $id_base を持つウィジェットの最初のインスタンスが見つかった最初のサイドバーの ID が返されます。 。 $widget_id パラメータを使用すると
WordPress - wp_get_sidebars_widgets()
この関数のアクセスはプライベートとしてマークされています。これは、プラグインまたはテーマの開発者による使用を意図したものではなく、他のコア機能でのみ使用することを意図していることを意味します。完全を期すためにここに記載します。 サイドバーとそのウィジェット インスタンス ID の完全なリストを取得します。 必要に応じて、サイドバー ウィジェット リストをアップグレードします。必要に応じて、更新されたリストも保存します。 $deprecatedboolOptional Default: true array 管理者から呼び出されたときのウィジェットのリストがバージョン 3 の配列形式にアップグレードされました。 ファイル: wp-includes/widgets.php 。 View all references function wp_get_sidebars_widgets( $depr
ブロックテーマの作成
ブロックテーマの作成に関するドキュメントについては、Theme Developer Handbook を参照してください。 (2022/5/2) 訳注: これ以降の文書は、Theme Developer Handbook に移動されました。便宜上、しばらく掲載しますが、最新の情報については、Theme Developer Handbook を参照してください。 このチュートリアルではブロックテーマの作り方を紹介し、テーマ開発者の「フルサイト編集 (full site editing)」への移行を支援します。まず、はじめに「ブロックテーマの概要」を読むことをお勧めします。 このチュートリアルでは、ブロックベーステーマに必要なファイルの一覧、テンプレートとテンプレートパーツの組み合わせ、グローバルスタイルへのプリセットの追加、サイトエディターでのブロックの追加とテンプレートのエクスポートについ
Lazy-loadはLCPを悪化させる!? WordPressは2つ目の画像からネイティブLazy-loadを実装するように改良予定
[レベル: 上級] ファーストビューに掲載されている画像を Lazy-load（遅延読み込み）すると コア ウェブ バイタル の 1 指標である LCP を低下させる恐れがあります。 そのため WordPress は、ファーストビューの画像にネイティブ Lazy-load を適用しないように改善する予定です。 ネイティブ Lazy-load は、画像の <img> タグに loading="lazy" 属性を付けることで、ブラウザの機能として遅延読み込みを実現する技術です。 現在は、Chrome や Edge、Firefox など多くのブラウザがサポートしています。 ファーストビュー画像を遅延読み込みさせた WP は LCP が悪化 Lazy-load の利点は、スクリーン領域に入っていない画像を読み込ませないことでデータの転送量を抑えられることです。 スクリーン領域に近づいたところで初め
[WordPress] 投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法 | TechMemo
WordPressでは、コアブロック(WordPress標準で用意されているブロック)のスタイルが書かれた/wp-includes/css/dist/block-library/style.min.cssが読み込まれます。style.min.cssの中には、すべてのコアブロックのスタイルが記述されており、サイズは78KBくらいあります(WordPress5.8時点)。 <link rel='stylesheet' id='wp-block-library-css' href='https://example.com/wp-includes/css/dist/block-library/style.min.css?ver=5.8' media='all'> 1ページ内で全コアブロックを使用することはまずないというか、一部のブロックしか使わないことがほとんどかと思います。なので、無駄なスタイル
![[WordPress] 投稿や固定ページ内で使われているブロックのスタイルのみを読み込む方法 | TechMemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a3d6af65bfffba191be0409da7f6c66593d388f/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2021%2F08%2Fshould_load_separate_core_block_assets.jpg)
Emmetにも対応！カスタムHTMLブロックを見やすく拡張できるWordPressプラグイン「Custom HTML Block Extension」 | TechMemo
Custom HTML Block Extensionは、「カスタムHTML」ブロックを拡張できるWordPressプラグインです。カスタムHTMLブロックの見た目を変えたり、Emmetを使えるようにしたり色々と拡張できます。 Custom HTML Block Extensionのインストール インストール手順は以下の通りです。 ファイルをFTPでアップロードしてインストール Custom HTML Block Extensionをダウンロードします。ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。管理画面の[プラグイン]ページで、Custom HTML Block Extensionを有効化します。 WordPress管理画面でインストール [プラグイン] – [新規追加]にアクセスします。「Custom HTML Block Extens
CSS コーディング規約
他のコーディング規約同様「WordPress CSS コーディング規約」も WordPress オープンソースプロジェクトおよびコミュニティでのコラボレーションやレビューのベースラインであり、その適用範囲はコアコードからテーマ、プラグインに至ります。プロジェクト内のすべてのファイルが一人のプログラマーが開発したかのように見える必要があります。読みやすく、意味のある、一貫した美しいコードを目標にしてください。 コアのスタイルシートの中にはコーディングスタイルに合致しないものがいくつかあります。WordPress ではこれらに対処するため、CSS コーディング規約に従ったパッチやコミットになるよう努めています。なお、本ガイドの適用範囲を超える詳細情報、および UI やフロントエンド開発への貢献については、別のガイドラインを作成予定です。 スタイルシートの構造化については多くの方法があります。こ
【WV.10】WordPress高速化のためのCore Web Vital チェックリスト – Capital P – WordPressメディア
Core Web Vitalに関する連載の最終回ではこれまで紹介してきた内容をチェックリスト形式で紹介しよう。 基礎知識 LCP, FID, CLSなどの指標を理解する。 リソースの配信 画像の次世代配信（webp）ブラウザキャッシュ、GZip圧縮の適用CDNを利用する サーバーの処理速度向上 ページキャッシュの利用キャッシュを利用できない場合のTTFB改善 リソースの読み込み CSSの遅延読み込み（rel=preload）JavasScriptの遅延読み込み（defer/async）srcsetおよびpictureによる画像のサイズ最適化サードパーティーリソースの削除および改善loading=lazyによる画像・iframeの遅延読み込みリソースヒント（preload / preconnect / prefetch / dns-prefetch） 最後に宣伝なのだが、連載で紹介した内容の
theme.json を使ったテーマデザインの設定
以下は、Jeff Ong が書いた WordPress.org 公式ブログの記事「Configuring Theme Design with theme.json」を訳したものです。 誤字脱字誤訳などありましたらフォーラムまでお知らせください。 WordPress 5.8以降、新しいツールである “theme.json” をテーマ開発に利用できるようになりました。初めて聞いたかもしれませんし、すでにこれを試用し、テーマを開発しているかもしれません。いずれにせよ、今は WordPress テーマにとってエキサイティングな時期ですので、この記事を読んでいただけて嬉しく思います。 当記事では、この新しいフレームワークを簡単に紹介し、実用的なヒントと例をいくつか共有することで、何ができるのかを説明していきます。 theme.json とは 技術的に言えば、theme.json はテーマのディレクト
WordPress：画像アップロード時の自動生成をすべて停止する方法（Ver 5.3対応） - NxWorld
WordPressには画像をアップロードした際にサイズによって画像をリサイズして自動生成する機能が用意されており、昔からあるものとしては管理画面の「設定 > メディア」で設定できる3サイズが基本でしたが、現時点の最新であるVer 5.3ではアップロードした画像サイズによっては7サイズを自動生成させるようになりました。 サイトによっては便利な機能ではありますが、勝手にリサイズしないでほしいとか不要サイズを生成してほしくないという場合もあるので、画像の自動生成をすべて停止する方法を紹介します。 自動生成されるサイズ 冒頭でアップロードした画像サイズによって7サイズが自動生成されるとありましたが、具体的には下記のようなサイズを基準にしたものが生成されます。 150px（サムネイル） 300px（中） 1024px（大） 768px 1536px 2048px 2560px サムネイル・中・大はデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WordPress6.2】theme.json の変更点 - Qiita
GitHub - ebisucom/wp-blocktheme: 『作って学ぶ WordPress ブロックテーマ』のダウンロードデータです
WordPress 既存のテーマでコアブロックを拡張する (段落、見出し) - おジャコのWEBキッチン
GitHub、オープンソースコードのアーカイブを歴史的図書館に保管 - CIOニュース：CIO Magazine
WordPress | widgets PHP タグ リスト・一覧 | function コードリファレンス – wpm
【WordPress】Gutenberg Componentsを使ってプラグインの設定画面を作る - Qiita
GitHub - ebisucom/wordpress-note: 電子書籍『グーテンベルク時代のWordPressノート テーマの作り方（入門編）』のダウンロード＆サポートです
WordPress5.8で追加された関数・クラス・アクション/フィルタ―フックまとめ - Qiita
