WordPressのuploadsにあるファイルへの直接アクセスを制限（WP新仕様対応） - Qiita
WooCommerceというWordPress用プラグインでショップを構築している。最近、デジタル商品（PDF）の販売もやり出しているのだが、一つ問題があって、WordPressはメディアファイルをアップロードすると/wp-content/uplaods/というディレクトリ以下にファイルが置かれるのだが、これには何も制限がかかってなくて、直接URLを入力したらファイルが表示されてしまう。これじゃ販売してる意味がないし、検索エンジンクローラーにも引っかかってしまう。 まぁFTP使って、直接アクセスできない領域に置けばいいじゃないかという話もあるのだが、諸事情からそれは見送り（詳細省きます）。次のような要件を.htaccessで実現することにした。 要件 デジタル商品（.pdf、.mp3、.zip）へのアクセスは禁止 ただし拡張子の前に_sampleと着いているものはアクセス可能。 e.g.
スクリーンショットのAPI「screendot」を使ってみた｜notes by SHARESL
スクリーンショットを自動取得したい とあるサイトで、100件超のサイト（※全て掲載許可もらってるサイト）のスクリーンショットが必要になりました。 全部手動でスクショ撮るのはめんどくさいなーと思って、ちょうどいいAPIがないか調べてみました。 欲しいAPIの条件は、下記。 PCのスクショが撮れるスマホのスクショが撮れる無料で使える（100件超なのでスマホ・PCで最低でも200枚以上の無料枠）PHPで使える すぐ見つかるやろ！と思って探してみてもなかなか良いものがなくて、焦りました。 検索するとすぐ出てくるAPIのほとんどの無料枠が月100枚とかで条件的にアウト。 調べるとすぐにヒットするwordpress.comのAPIを使う方法はスマホのスクショが撮れない。 PhantomJSもスマホのスクショがうまく撮れない。 PageSpeed APIで取得できるスクショは画像が小さすぎる。かつ取得に
WordCamp Tokyo 2023 参加レポート – mzmjp.net::blog
はじめに 2023年10月21日に有明セントラルタワーホール＆カンファレンスで開催された WordCamp Tokyo 2023 に参加してきました。2019年ごろはコントリビュート活動までしていたけど、コロナ禍を経てめっきり離れてしまっていた WordPress コミュニティに久しぶりに参加。 各セッションざっくり備忘録 前回（2019年）までの WordCamp と比べて参加人数が少なくなっていたため、セッションも2トラックの進行になりました。ここでは、自分用にざっくり備忘録を書いておきます。 VSCode の拡張機能 WordPress Playground for VS Code 。WordPress Playground 自体は知っていたけど、それを利用するための VSCode の拡張機能があることは知らなかった。VSCode 愛用者なのでさっそくさくっと試してみようと思う。 T
【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サイトエディター対応のブロックテーマ開発（theme.json編） – Kiwi blog
この中で特に重要となるのがsettingsとstylesです。 settingsの項目ではテーマに関する各種設定を記載します。以下のような内容に反映されます。 WordPressから出力されるCSS変数 theme.jsonを利用すると、JSONで設定した内容（およびデフォルトの設定値）をもとにCSS変数が出力されます。stylesの設定値やテーマCSSなどで参照することができます。 サイトエディターやブロックエディターでの、ブロックの設定パネルの内容 設定の有効化・無効化 指定可能な値の設定 など stylesの項目ではルート要素や各ブロックに設定する値を記載します。以下の内容に反映されます。 WordPressから出力される各要素に適用されるCSS（サイト/エディター） stylesの設定値には具体的な値のほかvar()などの関数も利用可能です。 日本語の解説記事 Aki Hamano
WordPress の翻訳に便利なLocoTranslateの使い方
インストール型の WordPress を使う醍醐味は、なんといっても豊富なプラグインを使ってサイトに様々な機能を持たせることができることです。 メルマガの発行から、チャット機能、予約の受付などなど、便利なプラグインを使いこなせるようになると、もう WordPress から離れられません（笑）。 でもここで問題になるのは、便利そうなプラグインも、いざ使い始めてみると、一部の表記が英語のままになっていたり、日本語にはなっていても細かな表現が自分のサイトと合わない、ということが多々発生します。 そこでこの投稿では、そんなときにとても便利なプラグイン、LocoTranslate を紹介します。使い方も、とても簡単です。 ◆ テーマやプラグインなどの翻訳は、そもそも誰がやっているのか？ LocoTranslate の使い方を理解するために、まずは背景として、WordPress の多言語化がどのように
WordPressのプラグイン・ACF Extendedの充実した機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさい！ エンジニアのうーまーです。沖縄からフルリモートでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこともあります。そういうかゆいところに手が届くようにしてくれるのがこのACF Extendedです。 機能があまりにも多すぎてすべては紹介しきれないのですが、個人的にすごいと思う機能をいくつかピックアップして紹介したいと思います。 ACFとは？その拡張とは？ Advanced Custom Fields (ACF) とは、WordPressの投稿ページや固定ページ、カテゴリ、コメント欄など任意の箇所へ入力欄を追加できるWordPressの追加機能（プラグイン）です。 テキストや画
WordPressの管理画面でログインユーザー以外のコンテンツを非表示にする - Qiita
/** * 管理画面でログインユーザー以外のユーザーのコンテンツを非表示にする。 */ 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サイトのアカウント権限は、管理者、編集者、投稿者、寄稿者、購読者とあります。 記事の執筆を外注する場合は、自分は管理者権限で、外注ライターは投稿者権限で運用するのが一般的ですが、投稿者権限だとビジュアルエディタで表示が崩れたり、メディアがアップできなかったり、思うような挙動をしないことがあります。 そんな時に、外注ライターには、投稿者権限ではなく編集者権限を付与することで解決できますが、すべての投稿一覧が表示されてしまいます。 この記事では、編集者権限を付与していても、投稿一覧はそのアカウントのみを一覧表示させることができるカスタマイズ方法をまとめています。 WordPressの投稿者権限で発生する問題 AddQuicktagを使った運用に問題が発生する コンテンツ作成を便利にする『AddQuicktag』を使って、下線やマーカーを設定する方法をしている人は多いと思います
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
【WV.10】WordPress高速化のためのCore Web Vital チェックリスト – Capital P – 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） 最後に宣伝なのだが、連載で紹介した内容の
theme.json を使ったテーマデザインの設定
以下は、Jeff Ong が書いた WordPress.org 公式ブログの記事「Configuring Theme Design with theme.json」を訳したものです。 誤字脱字誤訳などありましたらフォーラムまでお知らせください。 WordPress 5.8以降、新しいツールである “theme.json” をテーマ開発に利用できるようになりました。初めて聞いたかもしれませんし、すでにこれを試用し、テーマを開発しているかもしれません。いずれにせよ、今は WordPress テーマにとってエキサイティングな時期ですので、この記事を読んでいただけて嬉しく思います。 当記事では、この新しいフレームワークを簡単に紹介し、実用的なヒントと例をいくつか共有することで、何ができるのかを説明していきます。 theme.json とは 技術的に言えば、theme.json はテーマのディレクト
【コードある】Nuxt + WordPress で netlify 運用が爆速すぎて神だった - Qiita
まずは作ったサイトを貼っておきます。 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
WEBメディアのためのコンテンツ販売サービス
ペイウォール型の課金 ペイウォールはコンテンツを一部有料化し課金をおこなったユーザーにのみ表示させる仕組みです。ユーザーはダウンロードや、別画面に遷移することはなく、あなたのサイトのページ内で直接コンテンツを閲覧することができます。 タグの貼付けだけ 導入には複雑なシステム構築は必要なく、タグをコピー＆ペーストするだけで完了します。あなたのコンテンツはペイウォールから提供される課金・認証機能により購入者へ適切に配信されます。
【追記あり】ワードプレス 5.5 のアップデートでクラシックエディターがうまく動作しなくなった方へ
【2020/09/02 追記】 今日 WordPress 5.5.1 がリリースされた。今回はセキュリティリリースではないが、ブロックエディターのバグ修正も含まれているのでアップデートしておこう。 今日（2020/8/12）WordPress 5.5 がリリースされたが、 アップデート後に『クラシックエディターが編集できなくなった』『クラシックエディターの切り替えボタンが動作しない』など「クラシックエディターに関するトラブル」の報告が多数ある模様。 ここではトラブルシューティングの手順と、その解決方法を探ってみる。 1. まずプラグインを一つずつ無効化してみるどれかのプラグインを停止した段階でエディターがうまく動作するようになったのではないだろうか？ 少なくともクラシックエディターだけ有効化された状態になったらエディターはちゃんと動く（自分の環境で動作の確認済み）。 今回のようなトラブルに
“WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック
“WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック：とにかく速いWordPress（20）（1/4 ページ） エンタープライズ用途での利用が増えている「WordPress」の高速化チューニングテクニックを解説する本連載。今回は、「WordPressアプリケーションレベルで実施する高速化チューニング」のポイントを解説します。 連載バックナンバー 前回は、「WordPress実行環境としてのサーバのセキュリティ対策」と「開発者がWordPressアプリケーションを開発する際に実施すべき対策」のポイントを解説しました。今回は、WordPressアプリケーションレベルで「もっと高速化する」テクニックを紹介します。 「全体キャッシュ」と「部分キャッシュ」の違い WordPressの高速化チューニングと聞いて、皆さんはどういった手法が思い浮かぶでしょうか？ 具体的には、
既存ブロックを活用したInnerBlocksテンプレートの紹介 – Capital P – WordPressメディア
Gutenberg導入以前からカスタムフィールド製造業界では「入稿の制限」を目的としてACFなどが活用されてきた。多くの場合、レイアウト上の工夫や入稿フローの固定化（e.g. ライターへの説明を省く）が目的なのだが、似たようなことはブロックエディターでも活用できる。 ただ、「ブロックを作るのが大変」という人も多いと思われるので、今回は既存のブロックを組み合わせただけのブロックの作り方を紹介しよう。以前紹介したブロックの入れ子をもっとカジュアルにしたやり方である。 たとえば、下記の様なレイアウトを想定する。 画像は人気テーマOceanWPのデモから。 これはよく見るブロックで、基本的な構成要素は以下の3つ。 画像（アイコン）見出しテキスト（段落） いずれもコアブロックとして含まれているものなので、三つ組み合わせれば完成だ。このためには InnerBlocks のテンプレート機能を利用すること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
【WordPress】 受託開発におけるハイブリッドテーマ開発 - Qiita
Arkhe | ミニマム、シンプル、ちょうどいい。WEB制作用の無料WordPressテーマ
