WordPressのブロックテーマ制作手順まとめ株式会社HAMWORKSのサイトをブロックテーマに切り替えたので、制作手順をまとめました。 ローカル環境の構築については別の本にまとめなおしました。 https://zenn.dev/chiilog/books/448e25da9c3632 作業時点のWordPressバージョン：6.5.3 元スクラップ：https://zenn.dev/chiilog/scraps/098f7e199a632a
WordPressでブロックテンプレートを作成する方法
GutenbergがWordPressの標準エディターとなった今、ウェブデザインの可能性は、WordPressテーマに縛られません。WordPressには、優れたサイトのレイアウトに必要なデザインツールが搭載されており、テーマはサイトの構築やデザイン機能を強化する目的で使用することができます。 そしてブロックテンプレートは、サイト構築をさらに強化してくれる存在。ブロックエディターハンドブックには、以下のように記載されています。 ブロックテンプレートはブロックアイテムのリストとして定義されます。定義済みの属性やプレースホルダーコンテンツを含めることができ、静的にも動的にもできます。ブロックテンプレートを使用して、エディターセッションのデフォルトの初期状態を指定できます。 言い換えるなら、ブロックテンプレートは、デフォルト状態をクライアント上で動的に設定するために使用可能な複数のブロックアイテ
WordPressのテーマにtheme.jsonを追加したら起きること | エビスコム - EBISUCOM
WordPress のテーマ（クラシックテーマ）に theme.json を追加したら何が起きるのか？ を調べていたところ、DOM の構造や適用される CSS の変化など、思った以上にたくさんの影響が起きていました。 影響（全 28 項目 ＋ すべてのテーマに影響する 1 項目）と、その影響が起きる条件（トリガーとなるもの）は一覧表にしてこの記事の最後に掲載しました。 これだけあると、影響を受けないテーマを探す方が大変です。 そのため、個々の影響の詳細や対策方法については、実例と合わせて『WordPress ノート クラシックテーマにおける theme.json の影響と対策 2023』にしっかりとまとめましたので、参考にしてください。 何が起きるかを調べようと思ったきっかけ 現在の WordPress ではブロックテーマがスタンダードとなり、theme.json で機能の有効化やレイアウ
プロフィール一覧ページをつくれるWordPressプラグイン「Team Members」 – ワードプレステーマTCD
2021/2/16 情報を更新いたしました。 WordPressで制作したサイトは、プラグインを使って簡単に機能を拡張することができますよね。当記事では、プラグインのインストール方法について解説してきます。 おすすめプラグインを見る プラグインのインストール方法は2つ プラグインのインス... 「Team Members」の使い方 使い方は簡単で、以下の3ステップです。 メンバーのグループ名を決める グループ内のメンバーを一人ずつ追加・設定 ショートコードを埋め込む（完成イメージ有り） メンバーのグループ名を決める まずはグループ名を決めます。 ダッシュボード左の「コメント」下部に追加されている「＋ Teams」から「Add New」を押します。 タイトル＝グループ名ですので、ここで任意の名前を設定します。 これはフロント画面に表示されるものではありませんので、管理用の名前で大丈夫です。
WordPressテーマにtheme.jsonを入れるとsupportsLayoutがtrueになってしまう問題について
theme.jsonを入れるとインナーブロックで全幅、幅広が選択出来ないことをなんとかしろと言われたことがあったのでtheme.jsonについていろいろ調べました。 それについてメモです。 結論 以下のようにするとtheme.jsonを使用しているテーマでもインナーブロックで全幅、幅広が設定できた。 add_filter( 'block_editor_settings_all', __NAMESPACE__ . '\block_editor_settings_all' ); function block_editor_settings_all( $editor_settings ) { $editor_settings['supportsLayout'] = false; return $editor_settings; } コアのコード theme.jsonがあるかどうか判断している関数
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
駆け出しデザイナー・エンジニアにこそ見ていただきたいWordPressの脆弱性とセキュリティ - Qiita
WordPressは世界で1番使用されているCMSかつオープンソースであるが故に、悪意のある第三者やプログラムから世界で1番攻撃されやすいCMSと言われています。 私自身も何度か攻撃を受けていて、実害に及ばなかったものから及んだものまで様々でした。クライアントの稼働しているWEBサイトに実害があった場合は、原因究明や報告、一次対応から恒久的対策までを行い、安全性を確保した上で再度稼働させる必要があり、その作業は簡単なものではありません。 被害があるのはクライアントだけではなく、そのサイトにアクセスしたユーザーに及びます。たとえ納品後の保守契約を結んでいなかったとしても、実装者の責任としてクライアント、ユーザーに安心して利用できるWEBサイトを目指さなければいけません。 私はセキュリティの専門家ではないもののWordPressを10年以上触っている中で様々な問題に当たり、対応してきました。そ
クライアントに優しいWordPressサイトを作るためのTIPS | ブログ | 静岡県のホームページ制作 | 6666666 セブンシックス
セブンシックスでは、主に中小企業向けのコーポレートサイト制作を手掛けています。と、いうことは、つまり小規模のWordPressサイトを、専門知識を持たないクライアント担当者でも日々更新しやすいように、ちょっとした工夫を散りばめて作っているということです。今回は、そんなセブンシックスのWordPress構築TIPSをいくつか紹介します。 クライアント側で更新するコンテンツを明確にする まずはサイトを作る前に、クライアント側で更新作業をするコンテンツを明確にします。同じ更新していくコンテンツでも、誰が更新するかによって、デザインやテーマファイルなどの作り方が変わってきます。 クライアント側で更新するコンテンツ 制作者側で更新するコンテンツ 更新しないコンテンツ 例えば、「ブログ」は、クライアントで更新していく代表的なコンテンツです。また、「制作実績」や「お客様の声」などのコンテンツがあるなら、
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで
今回はWordPressとGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0node.js v16.13.1react v17.0.1gatsby v4.11.2 WordPressとGatsby用の環境を作る WordPressで記事の更新を行い、Gatsby側でそのデータを受け取って実際のサイトに表示させるようにします。それはWordPress用のドメインと、実際のサイトを表示させるためのドメインの２つが必要になるということを覚えておきましょう。 今回は本番環境でサイトを表示させる方法については説明していません。環境構築の手順とGatsbyを使ってWordPressからデータを取得して基本的なページを表示させる方法について説明しています。 まずは環
WordPressの管理画面を使いやすくする簡単カスタマイズ18選 | knowledge / baigie
WordPressは機能として実装できないものはないのではないか、と思えるくらい自由度が高く多機能なCMSです。一方で多機能であるが故に管理画面のメニューも多く、サイトによっては使っていない機能なのに導線が残っていたり、設定画面に到達するまで階層が深かったり、操作が複雑だとユーザーに使いにくい管理画面だと思われてしまいます。 この記事では私が普段の制作でよく行うWordPressの管理画面のカスタマイズ方法について、独自で実装するものとプラグインを導入して実現するものを合わせて18個、ソースコードと解説を交えながらご紹介します。エンジニアだけでなくデザイナーやディレクターの方も「こんなことができるんだ」と知っておくだけで、より使いやすい管理画面に仕上げていくことができると思うので、ぜひ参考にしてみてください。 その1. ログインページのロゴを変更する 以下のログインページのWordPres
WordPress納品前チェックリストを作りました | オレインデザイン
ここ数年、WordPress のシェアも右肩上がりで、知名度も上がっており、利用される方も多くなってきています。 また、Webサイトの体を成すまでは比較的スムーズに誰でも進められることが多いこととインターネット上にある WordPress の情報の多さなどもあり、クラウドソーシングサービスなどで安価に制作をしてくれる方に依頼し、納めてもらうというというケースも多いと聞きます。 しかし、少々ウェブ制作を学ばれた方が安価に制作を請け負い、最低限の品質を持たないWebサイトを納められて困ってしまう依頼者（発注者）も多いようで、そういった流れでのお困りごとの相談も少なくありません。 僕個人としても、WordPress はとても好きなプロダクトですので、そのプロダクトに関わったがために（WordPressでウェブサイトを作ってもらったがために）不幸になる方がみえるのは心苦しい部分も感じていました。
WordPressが改竄された時の復旧方法と絶対に改竄されない対策
どういうハッキングをされるのか？ さて、本題です。ここ10年ちょっとWordPress専門で仕事をしていますが、自分が遭遇したり知り合いが遭遇したケースは「サーバー内のファイルが書き換えられて、アクセスすると他のサイトにリダイレクトされる」というケースです。 サーバーのファイルを見てみると概ね以下の症状になります WordPressをインストールした各ディレクトリのindex.phpなど、phpファイルの文頭に怪しげなコードを書き込まれているwp-content/uploads/ の中には通常画像ファイルなどばかりのはずが、見に覚えのないファイルを大量に置かれる通常の投稿内にいろいろ投稿される（このケースは近年は自分や周りでは遭遇していない） これらのファイルは全部キレイに駆除しない限り、該当部分を削除したり、該当ファイルを削除しても残っているファイルから再度改竄してくるので面倒です。 復
WordPressをヘッドレスCMS化したメモ | futu-no
年単位でブログを放置しておきながら何事もなかったかのように再開。今回の記事ではWordpressの制作について書きなぐります。わりとありきたりな内容です。 今となってはヘッドレスCMSとしてしか使いたくないよねということで そもそもWordpressタグは単純なループ出力でもオプションごてごての冗長な関数になるし、PHPとHTMLが入り混じったコードも見通しが悪くテーマ開発がしんどい。それと既存サイトへの後付けは難しい。今どきはフロントVueで、WPはJSONを吐くだけの機械として生きてくれれば良いので、テーマファイルのHTMLは全部空で良い。この場合必須となるのは以下のファイルのみ。 functions.phpindex.phpscreenshot.pngstyle.css functions.phpは後述する管理画面カスタマイズやカスタム投稿タイプなどを全て担うのでこの構成における最重
WP908
WP908 อีกหนึ่งเว็บไซต์ที่ถูกครอบครองโดย PGZEED.BEST โดยเว็บไซต์ WP908.com ถูกเข้าซื้อกิจการเมื่อวันที่ 8 สิงหาคม 2566 WP908.com เป็นเว็บไซต์เกมสล็อตออนไลน์ที่ได้รับความนิยมเป็นอย่างยิ่งตั้งแต่ปี 2020-2023 ซึ่งเว็บไซต์ที่รวมเกมสล็อตหลากหลายรูปแบบ ทั้งเก่าและใหม่ ค่ายชั้นนำจากต่างประเทศหรือค่ายเกมดังที่คนไทยทุกคนรู้จักอย่าง PGSLOT, Askmebet และ SLOT XO ยกระดับเกมสล็อตให้มีมาตรฐานยิ่งกว่าเดิมด้วย WP9
[CDN]CloudFrontでWordPressを爆速配信する方法を解説 | WordPress テクニクス
今回はAWSのCDNであるCloudFrontを使ってWordPressを爆速配信する方法について解説してゆきたいと思います。 ちなみにさくらのレンタルサーバーを使ってWordPressを構築している場合、さくらインターネットの提供するCDNを使うこともできます。以下の記事も親切でわかりやすかったです。 ウェブアクセラレータでWordPressを無敵化！Service Temporarily Unavailable（503）エラーを出さなくする方法 | さくらのナレッジ CDNの説明とWordPressで使うメリットCDNとは、Contents Delivery Networdの略称でファイルを送信することに特化したネットワークのことです。 WordPressサーバーは裏側でプログラムが動いています。そのためサーバーがリクエストを受信すると、プログラムが色々計算して計算結果を返すため、レス
![[CDN]CloudFrontでWordPressを爆速配信する方法を解説 | WordPress テクニクス](https://cdn-ak-scissors.b.st-hatena.com/image/square/d29d2712beb578d8da9725e6237442f5b71fbcf8/height=288;version=1;width=512/https%3A%2F%2Fimg.wptechs.info%2Fwp-content%2Fuploads%2F2018%2F09%2F29172455%2FKUMA1892032_TP_V4.jpg)
Gutenberg（グーテンベルク）で特定のブロックの有無を判定する方法【WordPress】 ｜ 株式会社ティウェブ
こんにちは、ティウェブ藤園です。 今回は、WordPressのブロックエディタ「Gutenberg」を使用したときの便利なカスタマイズ方法をご紹介します。 目次 Gutenbergとは？特定のブロックがあったときに、指定の処理をする関数 完成形解説「関数の作成」解説「パラメータ（引数）が使えるようにする」解説「判別する条件の作成」関数の使用例まとめ Gutenberg（グーテンベルク）とは？ 正式に公開されてしばらく経ちますが、Gutenberg（グーテンベルク）とは、WordPress5.0以降のあたらしいエディタ（編集画面）ことです。 💡それ以前の旧エディタのことはClassicエディタと呼びます。 以前のものと見た目も作りも違いますが、Gutenbergはいわゆるブロックエディタという種類のもので、エディタ内に「文章を書く」のではなく、「ブロック（要素）を積み上げてページをつくる」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
WordPressのおすすめ初期設定【必須8項目】 | マニュオン
WPBlockPatterns.jp