Advanced Custom Fields PRO を Welcart で使えるようにするためのパッチ | 【公式】Welcart |SEOに強い！初めてでも安心の無料ネットショップ作成ツール
Advanced Custom Fields PRO で作るフィールドを Welcart の商品編集画面に出力させるためのパッチプラグインです。 カスタムフィールドのルールでは、フィールドグループを表示する条件として、投稿タイプを「投稿」としてください。 投稿カテゴリーを「商品」とすることもできますが、この場合商品の新規追加画面にフィールドが表示されません。カテゴリーの「商品」のチェックを外してもう一度付け直すと表示されるようです。 パッチプラグインは下記のリンクからダウンロードできます。 wcex_afc_patch.zip（v6.1.6） 2021.04.16 無料版の Advanced Custom Fields にも対応しました。 Secure Custom Fields でもそのままご利用できます。
【WordPress】オリジナルブロックの開発環境構築を解説【Gutenberg】
今回は、オリジナルブロックの開発環境構築方法を解説します。 公式とはやり方は異なりますが、今回紹介するやり方の方が楽に開発できるかと思います。 オリジナルのブロックはテーマで実装するよりプラグインを作る方がおすすめなので、プラグインを作る流れで説明します。 ブロック開発環境構築 ブロックの開発には、Reactを使う方法と使わない方法がありますが、Reactの方が便利なのでReactで開発します。 公式のツール @wordpress/create-block を使用するとセットアップが簡単です。細かな環境設定は不要で、まずはブロック開発だけをしてみたいという方は、ぜひこちらの記事をご覧ください。
【上級者向けWordPress開発】プロジェクトにwp-scriptsを組み込む方法
wp-scriptsは異なるツールとの統合により、全体としてより柔軟性に優れています。例えば、PostCSS、webpack、Jestをセットアップする手間は省略できます。 wp-scriptsを組み込む開発環境のセットアップ方法 wp-scriptsを使うにはそれなりの要件がありますが、すでに使用している必要ツールがあるかもしれません。必要に応じて、Node.jsとnpmをローカルのWordPress開発環境とともにインストールしてください。DevKinstaはDocker上で動作し、Kinstaのステージング環境と互換性があるため、おすすめのソリューションです。 DevKinstaのインターフェース WordPressブロックプラグインの開発にすでにcreate-blockパッケージを使用している場合は、wp-scriptsを他のアセットと一緒にインストールして、セットアップを開始する
WordPress でカスタムブロックを自作する方法: 動的レンダリング編
WordPress でカスタムブロックを自作する方法: 動的レンダリング編 WordPress で動的レンダリングのカスタムブロックを自作する方法を解説します。 「ブロックって何？」という方は次のページなどを参考にしてください。 WordPress のブロック関連の概念・用語まとめ WordPress.org 公式に「ブロックエディターハンドブック」というものがあり、それを読むとカスタムブロック作成に必要な一通りの知識を学べます。 ただ、専門的な内容も多くすべてを理解して読み通すのは少し大変です。 ここでは詳細の説明にはあまり立ち入らずざっと一連の流れ・全体像をお見せできればと思います。 対象バージョン これらのバージョンを使って検証しました。 WordPress 6.6.2 @wordpress/create-block 4.53.0 @wordpress/scripts 30.2.0
【WordPress】管理画面にオリジナルのメニュー画面を作る方法
WordPressテーマを自作・カスタマイズする時に、よく管理画面にオリジナルのメニュー画面を設けたい時があるかと思います。 たとえば、サイトの使い方を管理画面に記載したかったり、サイト全体の設定を管理画面で分かりやすく一括管理したい場合などにオリジナルメニューを設けます。 今回はそんなオリジナルメニュー画面の作り方について見ていきたいと思います。 WordPress管理画面に独自のメニューを作る参考：管理メニューの追加 – WordPress Codex WordPressの管理画面に以下のようなオリジナルのメニュー画面を作っていきます。 メニュー作成は、トップレベルメニューと、サブレベルメニューがあります。 上の大見出しが、親となるトップレベルメニュー、その下がサブレベルメニューになります。 「add_menu_page」「add_submenu_page」を使用して制作します。 トッ
Quick WordPress Testing & Staging Sites – TasteWP
Choose WP Version v6.5.2 stable secure v6.5-RC4 insecure beta v6.5-RC3 insecure beta v6.5-RC2 insecure beta v6.5 insecure outdated v6.4.4 stable secure outdated v6.4.3 insecure outdated v6.4.2 insecure outdated v6.4.1 insecure outdated v6.4 insecure outdated v6.3.4 stable secure outdated v6.3.3 insecure outdated v6.3.2 insecure outdated v6.3.1 insecure outdated v6.3 insecure outdated v6.2.5 stable
【WordPress】Advanced Custom Fields Proでカスタムブロックを作る方法
例として以下のようなリンクカードブロックを作ります。 入力できる項目は３つです。 URL記事のタイトル参考にしたサイト名 ※以下はサンプル画像です。 フォルダ構成について フォルダやファイル構成は以下を前提に説明していきます。acf-blocksフォルダとその中身はご自身で準備しましょう。 |- テーマフォルダ/ |- acf-blocks/ | |- acf-block/ | | |- link-card-block.php | | | |- acf-block-style/ | |- acf-block.css | |- home.php |- single.php |- functions.php |- … if ( function_exists( 'acf_custom_block_add' ) ) { add_action( 'acf/init', 'acf_custom_bl
ACF Proでカスタムブロックを作成する方法 |東京のWeb制作会社｜株式会社ENVY DESIGN
お客様のご要望に合わせて固定ページや投稿ページを編集できるようにする時にとっても便利なプラグインAdvanced Custom Fields（以下ACF） 例えばこのように「カード」というフィールドを作成しカード用の画像とテキストを入力すると、サイト上のデザインはそのままで中身だけ簡単に編集できます。 とても便利ですが、編集画面の中で好きな位置に自由にフィールドを追加するというような事は難しいのでもっと自由度を上げたい場合はカスタムブロックの作成がおすすめです。 ブロックとして登録しておくといつでもブロックを呼び出して好きな場所に入れ込む事ができるようになります。 カスタムブロックを作成できるのは有料版のACF Proのみとなります。 この記事では有料版プラグインACF PROを使ってカスタムブロックを作成する手順を紹介していきます。
受託開発におけるハイブリッドテーマ開発 – Aki Hamano
はじめに この記事では、受託開発において WordPress テーマを制作する時に、ハイブリッドテーマで構築するための設計・アプローチを提案するものです。 記事タイトルに「受託開発における」と含めた理由は、WordPress テーマディレクトリに公開したり、不特定多数に配布するようなテーマにおいては、この記事のアプローチが必ずしもベストな方法ではないと考えるからです。あくまでも、特定の WordPress サイト (特定のクライアント・エンドユーザー) 向けに最適化したテーマを制作するというシチュエーションにおいての話となります。 ハイブリッドテーマとは ? まず、ハイブリッドテーマ含め、どのようなテーマの形態が存在しているかを、WP Tavern の記事 (Block, FSE, Hybrid, Universal? What Do We Call These New WordPress
【WordPress】フルサイト編集テーマをいくつか作ってみて
WordPress5.9でリリースされたフルサイト編集。 リリース当初はいわゆる「ハイブリッドテーマ」や「ユニバーサルテーマ」といった作り方で進めることが多かったのですが、最近は「ブロックテーマ」での構築を前提に考えるようになりました。 今回書いている内容は私個人的に作ってみての感想とか作業手順なので、ぜひほかの人にも書いてほしい…（知りたい） ブロックテーマになってどう変わった？ 基本的にテーマを構築する上でPHPを触ることがぐっと減りました。毎回書いてるPHPは ブロックスタイルを作る テーマ自体のCSSやJS、ブロックのCSSをエンキューする ブロックパターンを作る これくらいかな？あと場合によって投稿テンプレートをデフォルトでセットするとか細々したものがあったりなかったり。クエリー操作したりするPHPなんかは全然書きません。ヘッダーやフッターも然り。 ヘッダーやフッター、アーカイブ
ブロックテーマを作った時の作業メモ
├── plugins │ └── my-custom-block │ ├── build │ │ └── blocks │ │ ├── page-title │ │ │ ├── index.asset.php │ │ │ └── view.asset.php │ │ └── site-header │ │ ├── index.asset.php │ │ └── view.asset.php │ ├── src │ │ ├── assets │ │ │ └── scss │ │ └── blocks │ │ ├── page-title │ │ │ ├── block.json │ │ │ ├── edit.js │ │ │ ├── edito
WP-Search | WordPressテーマ/プラグイン/サーバーを調べるツール＆デザイン事例集
WP-Searchは何をしますか？WP-Searchは、Webサイトの公開情報から解析しています。 WordPress、Wix、ShopifyなどのCMSで作成されたサイトかどうか使用されているサーバー（レンタルサーバー、VPS、クラウドなど）は何か使用されているWordPressテーマ（デザインテンプレート）は何か使用されているWordPressプラグインは何か以下の情報も自動検出されます。 言語・国TLD（Top Level Domain）表示速度種類（ブログ、コーポレートサイト、ECサイト）カラー ※ファーストビューWP-Searchの使い方は？調べ方は簡単で、WebサイトのURLを入力するだけです。 Chrome拡張機能も提供しています。（EdgeやVivaldiブラウザでも使用できます。）
WordPressで推奨されるパーミッション設定について - 株式会社ネディア │ネットワークの明日を創る│群馬
アクセス権は左から3文字ずつ、 ユーザー（所有者）のアクセス権 グループのアクセス権 その他ユーザーのアクセス権 を表しており、「rwx rw- r–」の場合、 ユーザー（所有者）に対しては、読み取り可能、書き込み可能、実行可能 グループに対しては、読み取り可能、書き込み可能 その他ユーザーに対しては、読み取り可能 という意味になります。 最後に数値で表す場合には、「読み取り=4」、「書き込み=2」、「実行=1」として所有者、グループ、その他ユーザーごとに足した数値で表します。 下記の場合、「764」というのがアクセス権を数値で表したものとなります。 ———————————– 所有者 グループ その他ユーザー ———————————– rwx rw- r– 421 42 4 ↓ ↓ ↓ 7 6 4 ———————————– 例えば、一般ユーザはシステムに関するファイルへの書き込みは出来ない
【WordPress 6.2対応】サイトエディター入門 | hook wp_
WordPress 6.2 から「ベータ」ラベルが取れたサイトエディターについて、実際に動かしながら詳しく紹介しています。特に「これからブロックテーマを触ってみようと思っている」といった「まだサイトエディターを触ったことがない方」向けに制作しました。 目的 WordPress 6.2 からベータ版ではなくなった「サイトエディター」の基本的な利用方法を習得する。 対象 ブロックテーマやサイトエディターを使ったウェブサイト制作（フルサイト編集）に興味がある方 WordPress の最新の機能を体感してみたい方 ブロックテーマ制作に興味がある方 必要なスキル 基本的なPC操作ができる方 WordPress を触ったことがある方（ブロックエディターでの編集経験があると最適！） 内容 イントロダクション WordPress 環境について この講座で使う WordPress 環境について サイトエディ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブロックテーマをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2025 01 25
WordPressのブロックテーマ制作手順まとめ
WordPressの小ネタ集 - Qiita
【WordPress6.4】theme.json の変更点 - Qiita
【WordPress】 受託開発におけるハイブリッドテーマ開発 - Qiita
【推奨】WordPressの記事移行のプラグイン「Export media with selected content」の使い方
