WordPressのuploadsにあるファイルへの直接アクセスを制限（WP新仕様対応） - Qiita
WooCommerceというWordPress用プラグインでショップを構築している。最近、デジタル商品（PDF）の販売もやり出しているのだが、一つ問題があって、WordPressはメディアファイルをアップロードすると/wp-content/uplaods/というディレクトリ以下にファイルが置かれるのだが、これには何も制限がかかってなくて、直接URLを入力したらファイルが表示されてしまう。これじゃ販売してる意味がないし、検索エンジンクローラーにも引っかかってしまう。 まぁFTP使って、直接アクセスできない領域に置けばいいじゃないかという話もあるのだが、諸事情からそれは見送り（詳細省きます）。次のような要件を.htaccessで実現することにした。 要件 デジタル商品（.pdf、.mp3、.zip）へのアクセスは禁止 ただし拡張子の前に_sampleと着いているものはアクセス可能。 e.g.
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
サイト URL の変更
ドキュメンテーションを現在英語版から翻訳中です。どなたでもご協力いただけます。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションからお知らせください。 WordPress のシングルインストールでは、「設定 → 一般設定」画面に「WordPress アドレス (URL)」と「サイトアドレス (URL)」という2つの欄があります。これらは「ホーム」および「サイト URL」設定と呼ばれることもあります。両方とも、WordPress がサイトの場所を制御するために重要な設定です。管理画面やフロントエンドの URL 表示をコントロールしたり、WordPress のコード内のあちこちで使われたりしています。 「WordPress アドレス (URL)」設定は、WordPress のコアファイルを配置する場所のアドレスです。「サイトアドレス (URL)」設定は、WordPr
WordPressが改竄された時の復旧方法と絶対に改竄されない対策
どういうハッキングをされるのか？ さて、本題です。ここ10年ちょっとWordPress専門で仕事をしていますが、自分が遭遇したり知り合いが遭遇したケースは「サーバー内のファイルが書き換えられて、アクセスすると他のサイトにリダイレクトされる」というケースです。 サーバーのファイルを見てみると概ね以下の症状になります WordPressをインストールした各ディレクトリのindex.phpなど、phpファイルの文頭に怪しげなコードを書き込まれているwp-content/uploads/ の中には通常画像ファイルなどばかりのはずが、見に覚えのないファイルを大量に置かれる通常の投稿内にいろいろ投稿される（このケースは近年は自分や周りでは遭遇していない） これらのファイルは全部キレイに駆除しない限り、該当部分を削除したり、該当ファイルを削除しても残っているファイルから再度改竄してくるので面倒です。 復
WordPressでCSS/JavaScriptをfunctions.phpで読み込む推奨方法 - ゆうきのせかい
functions.phpでCSS読み込み処理を一元化する今まで僕は必要なCSSはheader.phpへ、JavaScriptはheader.php・footer.phpへ、という風に、HTMLで静的サイトを作る時と全く同じ感覚で書き込んでいました。 しかし、WordPressではfunctions.php内でCSS,JSの読み込み制御をすることが推奨されているんですね。 というわけで、まずはCSSファイルのあるべき読み込み方から。 CSSをwp_enqueue_style関数 + アクションフックで読み込むテーマフォルダにあるfunctions.phpファイル内に、wp_enqueue_style() という関数で読み込むCSSを指定し、wp_enqueue_scriptsフックに登録します。 関数リファレンス/wp enqueue style wp_enqueue_style( $ha
画像をクリップボードからコピペできるOnePress Image Elevatorの使い方
みなさん、ブログに使う画像はどのように編集していますか。 ほとんどの方がフォトショップや似たようなソフトで トリミングや画像サイズを変更しているかと思います。 そこで編集した画像は、どのようにWordPressにアップロードしていますか。 ファイルを開くやドロップ＆ドロップでしょうか。 この作業、意外と面倒ですよね。 そこで画像編集ソフト、ネットブラウザなどからクリップボードにコピーして そのまま記事にペースト(コピペ)できるプラグイン OnePress Image Elevatorを紹介します。 これだけなので大きな機能というわけではないですが 画像のアップロード作業がなくなると意外と嬉しいものですよ。 ここでは画像付きでインストールから使い方まで 説明しているので参考にしてみてください。 OnePress Image Elevatorとは パソコンにある画像をクリップボードにコピーして
WordPressのURLを変更する4つの簡単な方法
WordPressのアドレスと、サイトのアドレス（またはURL）は非常に重要で、ウェブ上のサイトアドレスを表すと同時に、サイトのファイルや管理画面の場所も示します。 WordPressのURLの変更が必要になる場面は、ドメインの変更、サブドメインへの移動、wwwから非wwwへの更新、ファイルの移動、HTTPからHTTPSへの移行など様々です。 どのケースでも、URLの変更にはいくつかの選択肢があり、簡単なものから複雑なものまであります。 この記事では、「WordPressのURL」と「WordPressサイトのURL」を変更する4つの方法をご紹介します。なお、後で解説するように上の2つのURLは異なりますので注意してください。 WordPress URLの変更方法について動画での解説もご用意しています。 管理画面からのWordPressのURLの変更 最初の方法は最も一般的な、管理画面から
WordPressフックのまとめ - Qiita
WordPressを使ったコーポレートサイトやメディアの バグ修正 機能を追加 plugin依存をやめる pluginコンフリクトの解消 の作業を行いました。 その中で得た知見をまとめておきます。 WordPressを触るのが初だったので、基礎的な内容多めです。 後半のフックがメインです。 情報源 Codex Codexとは、WordPress開発者向けの公式ドキュメントです。 APIリファレンスなどがまとまっています。 わからないことを検索すると9割9分ここにたどり着きます。 日本語版もあります。 フォーラム WordPressのフォーラムです。 プラグインの仕様を調べている時に何度かたどり着きました。 プラグイン開発者目線的には、利用者からのフィードバックに使っている人がいるそうです。 僕はまだ使っていませんが、本当に困ったら質問するのもありかもしれません。 技術者ブログ 簡単なカスタ
Gulp + Webpack + Babel + Vue.js で作るWordPressテーマ開発環境 - Qiita
Gulp > browserify > babel > Vue —————————————————— - stream (vinyl-source-stream) - ~ify (babelify) (vueify) + present Gulp + Webpack + Babelの概念に関してはこちらが秀逸 参考：gulpとbabelとwebpackというフロント開発３銃士 Gulp先輩 > Webpack先輩 > Babel君という理解でいいかと思います。 チュートリアルに従って、npm i -Dしていくとなんだかわけの分からないものを何も考えずにインストールしていることが多いので、モジュール類も含めて概念をまとめてみました。 Gulp先輩の下に webpack や browserify を従えるときは、 -streamモジュールが必要で、 webpack や browserify の
ネイティブLazy-loadをWordPressで簡単実装するプラグインをGoogleが公開
[レベル: 中級] ネイティブ Lazy-load を簡単に実装する WordPress 用のプラグインを Google が公開しました。 ネイティブ Lazy-load は JavaScript のライブラリを利用することなく loading 属性を追加するだけで、画像と iframe の遅延読み込みを可能にします。 1 か月前にリリースされた Chrome 76 でサポートされました。 設定不要、インストールするだけで WP で Lazy-load Native Lazyload プラグインの使い方は非常にシンプルです。 インストールして有効にするだけです。 設定項目はありません。 有効にすると、img タグと iframe タグに loading=”lazy” 属性をプラグインが自動的に追加します。 現状では、loading 属性をサポートするブラウザは Chrome 76（以上）だ
原因はDISQUS？Amazonアソシエイトのリンクタグが「ssjp_st-22」に改ざんされていた件
どういうことだよおい…このブログでは製品レビューの紹介などでAmazonアソシエイトのアフィリエイトリンクを導入しています。 例えば以下のリンクを見てもらえれば分かると思いますが、URL内に「tag=unsolublesugar-22」という形でアフィリエイト用のリンクタグが挿入されています。 このリンクから製品を購入してもらうと、わずかながら僕に収益が入るってやつです。 Amazonアソシエイトのリンクタグが改ざんされていたで、ふとした時に気付いたのですが、このリンクタグが改ざんされていました。 僕が貼ったAmazonアソシエイトのリンクから飛んだ先のURLが、知らんうちに「tag=ssjp_st-22」というタグに置き換わっていたのです。 はじめは「別サイトからコピってきたリンクを間違えて貼っちゃったのかな？」なんて思いましたが、基本的にアソシエイトのツールバーやプラグインを使って挿入
添付画像の初期サイズ設定を変更する方法、WordPressでいちいちプルダウンを変えたくない人へ | Damonge Tech
option.phpへは管理画面にログインした状態で上記のURLにアクセスします。optionではなくoptionsなことに注意です。 options.phpにアクセスすると多数の項目が表示されているかと思います。 デフォルトの画像サイズを変更する その中から「image_default_size」という項目を探してください。 この項目がデフォルトの画像サイズとなります。初期設定では空欄となっています。 画像サイズとして選べるのは「サムネイル」「中サイズ」「大サイズ」「フルサイズ」の4種類です。 サムネイル： thumbnail 中サイズ： medium 大サイズ： large フルサイズ： full 画像を挿入する際に、わざわざ自分でサイズを設定しなくてもオリジナルサイズの画像を表示したい場合は「full」を入力します。 最後に 大量の画像ファイルをふんだんにページに挿入する記事を作成し
WordPress でも大丈夫！実例で見るウェブパフォーマンス改善
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
Table of Contents Plus: 記事の目次を生成するWordPressプラグイン
Table of Contents Plusは、記事の目次を自動生成できるWordPressプラグインです。 投稿・固定ページの記事に記述した見出しのHTMLタグ（H1〜H6）を基に目次を自動生成します。 記事の目次が自動生成されるので、手動で目次を作成したり、内部リンクを張る手間が省けます。 目次を利用すれば、記事の閲覧者が記事の内容を一目で把握しやすくなります。 このプラグインを利用するには、見出しのHTMLタグ（H1〜H6）を階層的に記述する必要があります。 仕様に慣れるまでに少し戸惑うかもしれませんが、慣れれば便利なプラグインなので活用しましょう。 はじめに このプラグインが優れていること 記事の目次を自動生成できる。 H1からH6までの見出しのHTMLタグを基に目次が自動生成される。 投稿・固定ページ・カスタム投稿タイプに対応。 プラグインの管理画面で目次の表示位置や表示内容を細
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Use Webpack in WordPress | WP Tips
Free Dynamic DNS(DDNS) by POP3,IMAP4,FTP,HTTP-BASIC for Home Server, VPS | MyDNS.JP
WordPressで困った時に頼りになる必携の書！設定やカスタマイズ、運用のノウハウまでも詳しく解説された良書
Docker+Gulpでいい感じにWordPressのテーマ開発を始められるスタートアップキットをつくってみました - Qiita
管理画面のoptions.php からメディアの初期設定を行う方法
PHPMailer