クラシックテーマ制作者の私がブロックテーマ制作で悩んだこと | Cherry Pie Web
これからのWordPressの制作の中心となる「ブロックテーマ」 ほぼノーコードで制作するブロックテーマを使った制作手法（FSE：フルサイトエディティング）は、従来のPHPでテンプレートを作成する方法とあまりにも異なっています。 WordPressデフォルトテーマとして初めてのブロックテーマである「Twenty Twenty-Two」が同梱されたWordPress5.9がリリースされたのが2022年1月。 それからすでに2年が経過していますが、未だにチュートリアル的な情報以上のものが少ないのが現状です。 そんな中、クラシックテーマで制作されていた本サイト（Cherry Pie Web）をブロックテーマでリニューアルいたしましたので、制作メモをまとめて記事にいたしました。 ブロックテーマでの制作を始めたいけれど、クラシックテーマに慣れきってしまってどうしようと思っている方に少しでも参考になれ
WordPressで利用者がよく遭遇する困りごとと対処法 | オレインデザイン
WordPress を使っていると度々目の前に現れる「困りごと」。特に WordPress を使い始めた頃、慣れていない頃、または知識レベルが上がるタイミングなどに遭遇することが増えます。 知識レベルに関係なく、何か問題が目の前に現れると焦りますよね。特に大事に育てて（運営して）いるホームページが表示されない、表示がおかしいといった状況になったまま、どうしたら良いのか分からない時は焦りしか感じません。「落ち着いて」と言われても、わかっちゃいるけど落ち着けない。わかります。 この記事では、WordPress を利用していて遭遇する頻度が高いと言われている現象について紹介しています。そして、その現象の解決方法と再度問題が起きないためのアドバイスも掲載しています。 WordPress を使ってホームページを育てていくことをもっと楽しんでくれる人を増やしたい。そういう気持ちからこのコンテンツを用意
WordPress 6.5の新機能（フォントライブラリ、データビュー、Block Bindings API、Interactivity APIなど）
WordPress 6.5の新機能（フォントライブラリ、データビュー、Block Bindings API、Interactivity APIなど） WordPress 6.5「レジーナ」が4月2日に正式リリースされました。この記事では、その新機能と改善点の数々をご紹介します。 特に強力なAPIが導入されていることで、WordPressの開発体験が大幅に改善されそうです。また、サイト構築やコンテンツ作成に関する嬉しい変更点も多数組み込まれています。 そして、新登場のフォントライブラリにより、コアブロックのコンテンツにカスタムフィールドの値を注入したり、サイトエディターから直接Google Fontsをダウンロードしてインストールしたりすることも可能に。新たなデザインツールとUIの強化により、全体的な編集体験もさらに向上します。 この記事でWordPress 6.5のすべてを網羅することはで
不正アクセスなどのトラブルを独自AIシステムが解決！「WordPressリカバリー」機能の提供を開始
エックスサーバー株式会社（所在地：大阪市北区、代表取締役：小林 尚希）は2024年3月28日、提供サービス『エックスサーバー』において、クリックするだけでWordPressの様々なトラブルを解決する「WordPressリカバリー」機能の提供を開始しました。 「WordPressリカバリー機能」について 「WordPressリカバリー機能」は、クリックするだけでブログやWebサイトのトラブルの原因箇所を検知し、自動的にWordPressを修復する当社独自の機能です。 国内シェアNo.1（※1）のレンタルサーバーサービス『エックスサーバー』の、250万件以上のサイト運用のサポートから得たノウハウや知見をベースに開発した、独自のAIシステムを採用しています。「Webサイトに不正なアクセスがあった」「ホームページが真っ白でなにも表示されない」といったWordPressのトラブルを自動で解決できるた
WordPress6.5を試してみよう
WordPress 6.5 を試してみよう 2024.02.26 (月) 21 : 00 〜 22 : 00 Aki Hamano
TumblrやWordPressがユーザーデータをAIトレーニングに提供する契約を結ぼうとしていたことが判明
SNSのTumblrとWordPressを保有するAutomatticが、AI企業であるOpenAIやMidjourneyと、AIのトレーニングのためにユーザーデータを提供する旨の契約を結ぼうとしていたことが明らかになりました。データがすでに提供済みかまだ提供されていないかは不明ですが、社内からは、契約には含まれないはずの個人的なデータまで提供するための準備が進められていたとの指摘があるということを、内部文書を入手したニュースサイト・404Mediaが報じています。 Tumblr and WordPress to Sell Users’ Data to Train AI Tools https://www.404media.co/tumblr-and-wordpress-to-sell-users-data-to-train-ai-tools/ Tumblr’s owner is stri
ブロックスタイルはここから設定できる -WordPressのブロックエディター
ＷordPress のブロックエディターで、ブロックのスタイルをどこから設定できるのか？ 簡単に紹介します。ちょっとした調整で見た目もグンと変わります。ブロックエディターにあまり慣れていないかたは、ぜひ参考になさってください。 こんにちは、スタッフのトリさんこと鳥山です。 日々 VK パターンライブラリーに WordPress のブロックパターンを登録しているなかで、ブロックのこの設定はいつからできるようになったんだろう？と感じることがたびたびあります。VK パターンライブラリーでパターンをコピペしてくださるユーザーからも、カスタマイズ方法がわかりづらいとのお声もあります。 そこで、ブロックのスタイルをどこから設定したり変更するのか？ブロックに共通する基本の設定を紹介します。 ブロックスタイルはここから設定する ブロックの色、文字サイズなどブロックのスタイルは、ブロックエディター右側の設定
2024年1月の、これだけは押さえておきたいWeb関連の動き
2024年1月の、これだけは押さえておきたいWeb関連の動き 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 1月上旬はブログ記事が更新されづらいため、今月は記事が少なめです。 HTML・CSSコーディング Tailwind CSSを使う時の疑問と解決方法 2024年のCSSの書き方、ワークフローとツールについて あっ、そうだ！モダンCSSをまとめておこう HTML, CSS, JavaScriptの標準の仕様書はどこにあるのか CSS で絶対に最前面に表示したい要素には z-index:calc(infinity) を指定する デザイン・フォント 無料でダウンロードできるフォントを書体や見た目のイメージから検索できる「モジザイ」 知識０から、ちょ
【WordPress】ブロックエディタ以前しか知らないWordPress老人がオリジナルブロックを作ってみる | Wood-Roots:blog
前回のtheme.json解読に続き、今回はブロックを自作してみようと思います。 ブロックはプラグインとしてインストールする作り方とテーマとして動作する作り方があります。 プラグインとしてインストールする pluginsフォルダに配置し、管理画面の「プラグイン」から有効化して使用する テーマとして動作させる 必要なコードをfunctions.phpに書き、テーマを有効化したらブロックが使えるようになっている 通常のプラグインでも同じ処理を使用テーマのfunctions.phpに書けば同じ動きをしますので、それと同じです。 テーマに依存しないようにプラグインとして作成することが推奨されていますので、今回はその方法でやってみます。
同一プラグインで複数ブロックを仕込む方法＜WordPressのブロック制作＞ - Qiita
ブロック開発していくにあたって、プラグインを使うのは一般的です。そのひな型を作成するツールが「wordpress/create-block」で、プラグインフォルダに移動して、ターミナルから npx @wordpress/create-block と入力します。 これで、簡単にプラグインのひな型ができるのはいいのですが、プラグイン一つにつき、出来上がるブロックは一つです。 これではプラグインをインストールする手間がかかって、インストールしてもらえないかもしれません。 「新しいブロックを作りました。」といって公開しても、それじゃ寂しいですよね。 だから、最低でも３つか４つはプラグインの中に仕込みたいわけですが、この方法が結構難しいんです。 ポイントが理解できていないと結構苦労します。 そこで、今回できるだけ具体的にその方法を説明したいと思います。 やっぱり最初は@wordpress/creat
【WordPress】ブロックエディタ以前しか知らないWordPress老人がtheme.jsonについて学ぶ | Wood-Roots:blog
theme.jsonとは何か theme.jsonはテーマ全体の設定ファイルで、そのテーマのルートディレクトリに「theme.json」という名前のファイルを置きます。 theme.jsonは中身が空であっても存在するだけでエディタに影響を及ぼします。 theme.jsonが存在することで起きる違い まず呼ばれるCSSのクエリが異なります。 <link rel='stylesheet' href='http://test.local/wp-admin/load-styles.php?c=1&dir=ltr&load%5Bchunk_0%5D=dashicons,admin-bar,buttons,media-views,editor-buttons,wp-components,wp-block-editor,wp-reusable-blocks,wp-patterns,wp-editor,
【WordPress】ブロックエディタ以前しか知らないWordPress老人がフルサイト編集対応のテーマ作成に挑戦する | Wood-Roots:blog
WordPressについてはブロックエディタ以前の知識しかないため、年末年始の余暇を利用してフルサイト編集に対応したテーマを作れるように勉強しようと思います。 ちなみに：私のスペック ブロックエディタ以前のWordPressは多少使っていました。テーマ作成はできる、プラグイン開発はちょっとだけできる。 ただし仕事で使っていたわけではないので趣味ユーザーの範囲、という程度です。 従来のテーマとフルサイト編集対応テーマの違い 従来のテーマは（ウィジェットなど編集可能パーツもあるとはいえ）固定枠の中にコンテンツ部分があるという構成ですが、フルサイト編集対応テーマはページのすべてがブロックにより構成されています。 共通化されたテンプレートやパターン、パーツなどが使えますので、毎回0からページを構築する必要があるというものではありません。 最小限の設定 ということで、既存テーマのカスタマイズなどでは
WordPressブロックテーマで一新された、ブログデザインと制作フロー
WordPressブロックテーマで一新された、ブログデザインと制作フロー 2023年12月に、このブログのWordPressテーマをリニューアルしました。 その際、あえてこれまでのWordPressテーマ制作手法と違う手法で制作したため、この記事では新しいWordPressのテーマ形式である「ブロックテーマ」について解説をします。 今回のWordPressテーマ制作手法 今回のブログリニューアルの際に、あえて行った手法は以下の通りです。 これまで主流だったクラシックテーマではなく、これから主流になる（と思われる）ブロックテーマと呼ばれる新しいテーマ制作手法で制作する FigmaやAdobe XDのようなデザインツールを使用しない WordPressのフルサイト編集機能でデザインする HTMLとCSSを書いてからWordPressテーマに変換しない functions.php にコードを追加
WordPressの小ネタ集 - Qiita
この記事は、「CMS Advent Calendar 2023」の21日目の記事で、WordPress に関してもしかするとあまり知られていないかもしれない事を、とりとめもなく独断でまとめたものです。 特に、ここ数年 WordPress に触れておらず、今の WordPress はどうなっているのか? という事を知りたい方向けの情報も少し盛り込んでいます。 クラシックエディターはいつまで使えますか ? Classic Editor プラグインの説明には、この記事を書いている時点で「Classic Editor は公式な WordPress プラグインであり、少なくとも2024年まで、または必要なくなるまでの間、完全にサポート・保守されます。」と記載されています。 それでは2025年以降、クラシックエディターが使えなくなる可能性があるのでしょうか ? 自分は、クラシックエディターは残り続ける
CoBlocks – ページビルダー Gutenburg ブロック
説明 CoBlocks is the most innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor. 追加されたブロックや行と列の構築によって、 CoBlocks は真のページビルダー体験を提供します。 CoBlocks はパワフルですが軽量です。膨張することなく WordPress のエディターに機能性を追加します。 WordPress の可能性を再考させるでしょう。 Gutenberg と CoBlocks を使って美しいウェブページを作ろう CoBlocks is the last page builder you’ll ever need: you get a winning mix of additional WordPress b
セッションスライドまとめ | WordCamp Tokyo 2023
WordCamp Tokyo 2023 にご参加いただいた皆さま、改めまして誠にありがとうございました！ セッションチームの大曲です。 セッションに登壇いただいたスピーカーの皆さまにスライドを公開いただきましたので、リンクの情報をまとめました。 見直したい情報や見逃してしまったセッションなどたくさんあったかと思います。ぜひご覧ください！ スピーカー名スライドリンク浜野 哲明WordPressコアやGutenbergでは今何が開発されているか岡本 秀高大規模言語モデルではじめる自動化 ー LLMはWordPress制作・運用をどう変えるのか？石川 栄和これからのテーマ・プラグイン販売を考える遠藤 進悟環境変化の激しい WordPress のメンテナンスをどう考えるか久野 晃司これからのWordPressテーマとの付き合い方額賀 順子私たちが WordPress を使い続けられる理由高橋 文樹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Studio by WordPress.com
Getting started with the Command Palette API
【WordPress6.2対応】ローコードで作るブロックテーマ入門
https://github.com/jawordpressorg/theme-handbook/blob/main/theme/block-themes.md