はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界

【ご質問】 制作会社さんから、デザイン支給あり、かつクラシックエディター前提でのWordPressサイトのコーディング・組み込みを依頼された場合、みなさんどうされてますか？ 自分の世界線だけかもしれませんが、未だにクラシックエディター前提で相談を受ける事が多いもので。。 — Aki Hamano / 浜野 哲明 (@tetsuaki_hamano) December 6, 2021 私は断然ブロックエディターがおすすめ まず前提ですが、私はクラシックエディターよりもブロックエディターのほうが便利で使いやすく、今後使い続けることを考えてもブロックエディターを選んだほうが良いと考えています。また最近はほぼ、ブロックエディターでサイトを作っています。 なので、クラシックエディターよりブロックエディターがおすすめですよ。という進言をすると思います。ただ。そんなにシンプルでなく、いろいろ考えるところ

条件分岐や計算ができる問い合わせフォームを作成できるWordPressプラグイン「Formidable Forms」の使い方 2026.01.20

条件分岐や計算ができる問い合わせフォームを作成できるWordPressプラグイン「Formidable Forms」の使い方 2026.01.20

ブログの速度低下とPageSpeed Insightsスコアを低くする原因 Twitterの埋め込みコードでPageSpeed Insightsスコアが大幅に低下 グーグルのPageSpeed Insights(PSI)のスコアを大きく下げる原因として、Twitterの投稿を記事内に挿入する事が挙げられます。 これは、以下のようなTwitterのツイート内容をブログ記事に挿入する際に埋め込みコードを使うことで起きます。 Twitterを埋め込んでるとpage speed Insightのスコアが激落ち⬇️する問題 表示を変えずに改善する方法、色々出回ってる策試すも改善しなかったけど、１つ解が見つかりスコア自体は大幅に改善⤴️したけど、不具合出ないかちょっとこれから検証。 — ウランフ@ブログ歴１8年だけどSEO分からない (@Uranff_san) April 27, 2021 埋め込みコ

GoogleはCore Web Vitalと呼ばれる指標を2021年6月中旬から検索エンジンのランキング評価項目として採用することを発表している。この記事を書いている時点で段階的に採用が始まっているはずだ。コンテンツの中身だけではなく、速度もまたユーザーにとって重要な指標だというわけだ。 これにともない、現在WordPress高速化の需要は増えていることだろう。もっと単純化すると、顧客から「Page Speed Insightsで高得点を出せるようにして欲しい」という要望を受けるWordPressコンサルタントも増えているはずだ。本連載ではこうした人たちに向けてWordPressにおけるCore Web Vital対応の基本から応用までを紹介する予定だ。 なお、本連載で紹介する内容は筆者が開発したプレミアムテーマ Side Business をベースにしている。さくらインターネットのレンタ

(2021.1.26 追記) 本稿の続きを書きました。 時系列で見る：WordPressを運用中のサーバが丸ごとPHPマルウェアに感染する流れ https://qiita.com/Ayutanalects/items/e7919afadc7d8394820f 制作会社から「自社で管理中のサイトがおかしい」との連絡を受けて、 中をのぞいたら、PHP製の複数種類のマルウェアに感染していたので対応をメモ。 以下の内容は、あくまでも自分の対応時のものです。 攻撃者がスクリプトを変更すれば同じ方法では検出できなくなるのでご注意ください。 初期状態 症状 自社管理中のWordPressサイトにアクセスすると、全く知らないサイトにリダイレクトされる 今回は allc〇〇ling.shop というEC風サイト。Kasperskyを使っていると、「警察機関指定の危険サイト」の警告あり https://sup

WordPressは4.4からREST APIを導入しており、「WordPressのデータを外部から操作する」ということが本質的には可能になっているが、認証方法がCookieしかデフォルトで提供されていなかった。ところがフィーチャープラグインとして開発されていたApplication Passwordが5.6からコアにマージされるため、あらたな認証方法が追加されることとなった。 Cookie認証以外のREST APIは何があるのか？ まず、WordPressのREST APIが現在サポートしている認証方法であるCookieについて説明しておこう。 そもそもWordPressはCookieをログインに利用している。ブラウザからアクセスする場合はこのCookieを読み取ることで「ログイン済みのユーザーかどうか」を判定している。REST APIではリクエストにnonce（24時間に限り有効な認証

概要絶対に合ってるはずなのに、404が返ってくる現象につまづいた。 WordPressでWP REST APIを初めて使う際によくつまづきやすいポイントの一つです。 パーマリンク設定が原因の対処法をご紹介します。 お試しあれ！原因調査パーマリンク設定がデフォルトのままだと、WP REST APIが動かないらしい。対処法パーマリンク設定をデフォルト以外の設定に変更する必要がある。デフォルト設定の設定値 設定手順1. WordPress管理画面の左メニュー「設定」>「パーマリンク設定」を開く。2. 共通設定の選択項目を基本以外に変更する。3. 変更を保存をクリック以上で設定完了です。 これで、もう一度WP REST APIが動いているか確認してみよう！ もし、これで解決しなければ、他に問題があります。もう一度、自分のコードを見直してみよう！

大まかに言えば、WordPressの「ソルト」は、ユーザーのパスワードを安全に保存して認証するWordPressサイトを安全に保つ便利な手段です。 本記事では下記について説明します。 WordPressのソルトとは？ WordPressの「ソルト」は、セキュリティキーとともに、WordPressサイトのログインを保護する暗号化ツールです。 具体的に言うと、ソルトとセキュリティキーは、WordPressがログインに使用するクッキーの中にある情報を保護します。 WordPressにログインすると、ユーザー名とパスワードを毎回入力せずに済む「ログインしたままにする」オプションがあります。これを実現するために、WordPressは、PHPセッションを使用するのではなく、クッキーにログイン情報を保存します。 これはユーザーにとって非常に便利ですが、ブラウザのクッキーがハッキングされた場合、セキュリテ

表題の通りWordPressのフロントをSPAとして、RoutingをVue側で持った際に、公開済み投稿の編集プレビューを表示するのに迷った話です。 結論としては、revisionsの最新を見にいくことで解決しました。 開発環境について PHP 5.6 WordPress 4.8 WP REST API 2.0-beta15 WordPressにおける投稿statusの整理 WordPressにはデフォルトで8つのステータスがあります。 表題の公開済み投稿の編集プレビューは、以下の"auto-draft"に該当します。 自動保存 (auto-draft) 編集中に WordPress が自動的に保存した リビジョン です。 WP REST APIの認証について SPAでの実装に置いて、インターフェースはHTTPを介しWP REST APIを利用します。 WP REST APIは、WordP

WordPressの構成要素を旧バージョンに戻す方法（プラグイン、テーマ、PHP） WordPressコア、プラグイン、テーマを定期的に更新することは、非常に重要です。Kinstaをご利用の場合は、Kinsta自動アップデートアドオンを使用することで、指一本触れずにプラグインとテーマの更新作業を安全に自動化することができます。また、最新のPHPバージョンを使用することも大事なポイントとなります。とはいえ、時にはそれができないこともあります。 状況によっては、WordPressサイト（またはその一部）を以前のバージョンに戻す作業が必要になります。 そこでこの記事では、WordPressのダウングレードが必要になるシナリオとそれを安全に実行する方法をご紹介します。WordPress、プラグイン、テーマ、PHPのバージョンを変更する選択肢を複数見ていきます。 WordPressのバージョンやその

WordPress 5.5 以降のロードマップも見え始め、年内には Full Site Editing (FSE) ＆ Block-based Themes が出てくるようで、非常に楽しみです。 また、Block-based Themesを見ているとどうしても SSG（静的サイトジェネレーター）っぽく見えるもので、WordPress が Jamstack を気にしないわけないよな… などと妄想してみたりしています。 一方、静的サイトジェネレーター周辺では、打倒WordPressなんて話をよく見かけます。気持ちはよくわかります。最近のWordPressは色々と大変ですし…。 また、コストをかけずにサイトを公開できる時代になって、WordPress のためのサーバーコストが気になり始めたという話もよく見かけるようになりました。 このあたりを考えれば、WordPress からの避難先として、静的

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。 先にまとめ ブログをVPSとWordPressで7年間運営してきた 速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた 技術選択って難しいね 運営しているブログ Subterranean Flower Blogというブログをやってます。 主にフロントエンド周りのことを取り扱ってお

オープンソースのコンテンツ管理システム（CMS）「WordPress」の開発者、マット・マレンウェッグ氏は8月21日（現地時間）、自身のTwitterアカウントで、米AppleがWordPressのiOSアプリをロックしたため、しばらくアップデートできなかったとツイートした。ロック解除の条件はアプリ内課金機能の追加で、それに合意したことで同日アプリのアップデートが可能になったとしている。 WordPressは無料でブログを含むホームページを開設・運営できるサービスで、オープンソースライセンス（GPL）の下で配布されている。CMS「WordPress.org」と有料プランを含むブログサービス「WordPress.com」がある。iOSアプリからは、いずれのサービスも使える。

TOP セキュリティWordPressの不正ログイン対策７つと誤った対策方法について セキュリティ 2019.10.24 2024.06.28 WordPressの不正ログイン対策７つと誤った対策方法について WordPressスペシャリスト・エンジニア/株式会社デジタルアイデンティティ Tech Div.マネージャー WordPress専門サービス「wp.make」を立ち上げ、事業責任者として200社以上の大手上場企業のWordPressサイトの制作、保守・セキュリティをサポート。2022年にエンジニアを統括するTechnology Div.を創設。 【 展開しているサービス一覧 】 ■WordPress開発サービス「wp.make」 ■WordPress保守/運用サービス「wp.support」 ■WordPressハッキング/緊急復旧対応サービス「wp.rescue」 ■WordPr

これまでブロックの作成方法などについて触れてきたが、Twenty Twentyなどに見られるように、WordPressコアやプラグインの提供するブロック機能に依存し、あくまでスタイルの拡張に徹底するというのも一つの戦略ではある。 カスタムブロックについて「自分はプログラマーではないのでちょっと……」などと思っている人でも手軽にできる、ブロックスタイルの追加方法を説明する。 スタイルの登録 Gutenbergのデフォルトブロックのうち、たとえば区切り線は「スタイル」という概念がある。 区切り線、要するに hr はスタイルを選ぶことができる。 この実装がどうなっているかというと、スタイルを選ぶごとにCSSのクラスが付与されるという形だ。hrを例にとると、デフォルトで以下の3種類。 上から順に、次の様なクラスが割り当てられている。 クラスなしあるいは is-style-defaultis-sty

投稿エディタで Gutenberg を使用している場合に、新規投稿時、任意のブロックをデフォルトで配置しておくことができます。 デザイン上、指定のタグやクラス付きのタグを最初に入力してほしい場合に便利な設定です。 hタグの見出しブロックやpタグの段落ブロックを入れておく 見出しや段落ブロックを入れるには以下のようなコードを functions.php へ記入します。 function my_post_template() { $post_obj = get_post_type_object( 'post' ); // get_post_type_object( 'post' ) → の部分で、設定をしたい投稿タイプのスラッグを記入 $post_obj->template = [ // h2タグを入れる [ 'core/heading', [ 'className' => 'myclass'