ウェブサーバーのAレコードのIPアドレス変更 ネームサーバーを ConoHa に変更しても現行サイトがそのまま参照されるようにウェブサーバーのAレコードのIPアドレスを現行サイトのウェブサーバーのものに変更します。 ネームサーバーを ConoHa に変更 DNSのネームサーバーの設定を ConoHa のものに変更します。 ns-a1.conoha.io ns-a2.conoha.io ns-a3.conoha.io 無料独自SSL利用設定 ネームサーバーの変更情報が浸透した後、無料SSLサーバー証明書（Let’s Encrypt / レッツエンクリプト）を利用するため “独自SSL” > “無料独自SSL” の設定を “ON” にします。 利用設定 SSLが利用出来ることを確認 利用設定の項目が “設定中” から “利用中” に変われば無料SSLの発行処理が完了し利用出来る状況になっていま

WooCommerceというWordPress用プラグインでショップを構築している。最近、デジタル商品（PDF）の販売もやり出しているのだが、一つ問題があって、WordPressはメディアファイルをアップロードすると/wp-content/uplaods/というディレクトリ以下にファイルが置かれるのだが、これには何も制限がかかってなくて、直接URLを入力したらファイルが表示されてしまう。これじゃ販売してる意味がないし、検索エンジンクローラーにも引っかかってしまう。 まぁFTP使って、直接アクセスできない領域に置けばいいじゃないかという話もあるのだが、諸事情からそれは見送り（詳細省きます）。次のような要件を.htaccessで実現することにした。 要件 デジタル商品（.pdf、.mp3、.zip）へのアクセスは禁止 ただし拡張子の前に_sampleと着いているものはアクセス可能。 e.g.

スクリーンショットを自動取得したい とあるサイトで、100件超のサイト（※全て掲載許可もらってるサイト）のスクリーンショットが必要になりました。 全部手動でスクショ撮るのはめんどくさいなーと思って、ちょうどいいAPIがないか調べてみました。 欲しいAPIの条件は、下記。 PCのスクショが撮れる スマホのスクショが撮れる 無料で使える（100件超なのでスマホ・PCで最低でも200枚以上の無料枠） PHPで使える すぐ見つかるやろ！と思って探してみてもなかなか良いものがなくて、焦りました。 検索するとすぐ出てくるAPIのほとんどの無料枠が月100枚とかで条件的にアウト。 調べるとすぐにヒットするwordpress.comのAPIを使う方法はスマホのスクショが撮れない。 PhantomJSもスマホのスクショがうまく撮れない。 PageSpeed APIで取得できるスクショは画像が小さすぎる。かつ

はじめに 2023年10月21日に有明セントラルタワーホール＆カンファレンスで開催された WordCamp Tokyo 2023 に参加してきました。2019年ごろはコントリビュート活動までしていたけど、コロナ禍を経てめっきり離れてしまっていた WordPress コミュニティに久しぶりに参加。 各セッションざっくり備忘録 前回（2019年）までの WordCamp と比べて参加人数が少なくなっていたため、セッションも2トラックの進行になりました。ここでは、自分用にざっくり備忘録を書いておきます。 VSCode の拡張機能 WordPress Playground for VS Code 。WordPress Playground 自体は知っていたけど、それを利用するための VSCode の拡張機能があることは知らなかった。VSCode 愛用者なのでさっそくさくっと試してみようと思う。 T

[【大阪】Kansai WordPress Meetup@大阪『ブロックエディターについてもっと知ろう！』](https://www.meetup.com/ja-JP/kansai-wordpress-meetup/events/295907589/) 登壇資料です。

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

この中で特に重要となるのがsettingsとstylesです。 settingsの項目ではテーマに関する各種設定を記載します。以下のような内容に反映されます。 WordPressから出力されるCSS変数 theme.jsonを利用すると、JSONで設定した内容（およびデフォルトの設定値）をもとにCSS変数が出力されます。stylesの設定値やテーマCSSなどで参照することができます。 サイトエディターやブロックエディターでの、ブロックの設定パネルの内容 設定の有効化・無効化 指定可能な値の設定 など stylesの項目ではルート要素や各ブロックに設定する値を記載します。以下の内容に反映されます。 WordPressから出力される各要素に適用されるCSS（サイト/エディター） stylesの設定値には具体的な値のほかvar()などの関数も利用可能です。 日本語の解説記事 Aki Hamano

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

インストール型の WordPress を使う醍醐味は、なんといっても豊富なプラグインを使ってサイトに様々な機能を持たせることができることです。 メルマガの発行から、チャット機能、予約の受付などなど、便利なプラグインを使いこなせるようになると、もう WordPress から離れられません（笑）。 でもここで問題になるのは、便利そうなプラグインも、いざ使い始めてみると、一部の表記が英語のままになっていたり、日本語にはなっていても細かな表現が自分のサイトと合わない、ということが多々発生します。 そこでこの投稿では、そんなときにとても便利なプラグイン、LocoTranslate を紹介します。使い方も、とても簡単です。 ◆ テーマやプラグインなどの翻訳は、そもそも誰がやっているのか？ LocoTranslate の使い方を理解するために、まずは背景として、WordPress の多言語化がどのように

はいさい！ エンジニアのうーまーです。沖縄からフルリモートでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこともあります。そういうかゆいところに手が届くようにしてくれるのがこのACF Extendedです。 機能があまりにも多すぎてすべては紹介しきれないのですが、個人的にすごいと思う機能をいくつかピックアップして紹介したいと思います。 ACFとは？その拡張とは？ Advanced Custom Fields (ACF) とは、WordPressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるWordPressの追加機能（プラグイン）です。 テキストや画

/** * 管理画面でログインユーザー以外のユーザーのコンテンツを非表示にする。 */ add_action('pre_get_posts', function( $wp_query ) { global $current_user; if( is_admin() && ! current_user_can('edit_others_posts') ) { $wp_query->set( 'author', $current_user->ID ); } } ); 以上でメディアも含めて、ログインユーザー以外のコンテンツが非表示になります。 でも、以下のような「投稿の件数」は、ログインユーザー以外の記事の件数もカウントされてしまって、ちょっと違和感があります。 この数字をログインユーザーの記事の件数にするには wp_count_posts というフックを使用します。 /** * 管理画面のテ

WordPressサイトのアカウント権限は、管理者、編集者、投稿者、寄稿者、購読者とあります。 記事の執筆を外注する場合は、自分は管理者権限で、外注ライターは投稿者権限で運用するのが一般的ですが、投稿者権限だとビジュアルエディタで表示が崩れたり、メディアがアップできなかったり、思うような挙動をしないことがあります。 そんな時に、外注ライターには、投稿者権限ではなく編集者権限を付与することで解決できますが、すべての投稿一覧が表示されてしまいます。 この記事では、編集者権限を付与していても、投稿一覧はそのアカウントのみを一覧表示させることができるカスタマイズ方法をまとめています。 WordPressの投稿者権限で発生する問題 AddQuicktagを使った運用に問題が発生する コンテンツ作成を便利にする『AddQuicktag』を使って、下線やマーカーを設定する方法をしている人は多いと思います

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

以下は、Jeff Ong が書いた WordPress.org 公式ブログの記事「Configuring Theme Design with theme.json」を訳したものです。 誤字脱字誤訳などありましたらフォーラムまでお知らせください。 WordPress 5.8以降、新しいツールである “theme.json” をテーマ開発に利用できるようになりました。初めて聞いたかもしれませんし、すでにこれを試用し、テーマを開発しているかもしれません。いずれにせよ、今は WordPress テーマにとってエキサイティングな時期ですので、この記事を読んでいただけて嬉しく思います。 当記事では、この新しいフレームワークを簡単に紹介し、実用的なヒントと例をいくつか共有することで、何ができるのかを説明していきます。 theme.json とは 技術的に言えば、theme.json はテーマのディレクト

「Arkhe」のコンセプト WordPressテーマ「Arkhe（アルケー）」は、 WEB制作におけるベーステーマの最適解 を目指して開発されました。 ローコードで効率良く制作したい。 でも、コンテンツはリッチに作り込みたい…。 そんな方々が使いやすくなるような、WordPressテーマです。

まずは作ったサイトを貼っておきます。 https://wp-nuxt-for-netlify.netlify.com/ いかがですか？現在住んでいるオーストラリアのADSLな爆遅回線でも、爆速です。 WordPress は heteml のレンタルサーバーですよ？ 感動しすぎたので、徒然なるままに〜。 ざっくり構成 WordPress側 リニューアル中の家族ブログ（ https://nishida.lol ） Heteml レンタルサーバー（月額 2000円） Heteml で無料SSL WP REST API でGET APIだけ利用 https://v2.wp-api.org/ フロント側 Nuxt Nuxt.js 1.0.0 nuxt generate で静的ファイル生成 netlify にホスティング https://www.netlify.com/ GitHub 上で nuxt

ペイウォール型の課金 ペイウォールはコンテンツを一部有料化し課金をおこなったユーザーにのみ表示させる仕組みです。ユーザーはダウンロードや、別画面に遷移することはなく、あなたのサイトのページ内で直接コンテンツを閲覧することができます。 タグの貼付けだけ 導入には複雑なシステム構築は必要なく、タグをコピー＆ペーストするだけで完了します。あなたのコンテンツはペイウォールから提供される課金・認証機能により購入者へ適切に配信されます。

【2020/09/02 追記】 今日 WordPress 5.5.1 がリリースされた。今回はセキュリティリリースではないが、ブロックエディターのバグ修正も含まれているのでアップデートしておこう。 今日（2020/8/12）WordPress 5.5 がリリースされたが、 アップデート後に『クラシックエディターが編集できなくなった』『クラシックエディターの切り替えボタンが動作しない』など「クラシックエディターに関するトラブル」の報告が多数ある模様。 ここではトラブルシューティングの手順と、その解決方法を探ってみる。 1. まずプラグインを一つずつ無効化してみるどれかのプラグインを停止した段階でエディターがうまく動作するようになったのではないだろうか？ 少なくともクラシックエディターだけ有効化された状態になったらエディターはちゃんと動く（自分の環境で動作の確認済み）。 今回のようなトラブルに

“WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック：とにかく速いWordPress（20）（1/4 ページ） エンタープライズ用途での利用が増えている「WordPress」の高速化チューニングテクニックを解説する本連載。今回は、「WordPressアプリケーションレベルで実施する高速化チューニング」のポイントを解説します。 連載バックナンバー 前回は、「WordPress実行環境としてのサーバのセキュリティ対策」と「開発者がWordPressアプリケーションを開発する際に実施すべき対策」のポイントを解説しました。今回は、WordPressアプリケーションレベルで「もっと高速化する」テクニックを紹介します。 「全体キャッシュ」と「部分キャッシュ」の違い WordPressの高速化チューニングと聞いて、皆さんはどういった手法が思い浮かぶでしょうか？　具体的には、