WordPress公式dockerパッケージ wp-env による開発環境構築 – Capital P – WordPressメディア
二ヶ月ほど前に WordPressによる公式Dockerコンテナである wp-env がリリースされたが、現在は日本語ドキュメントの整備も進み、かなり成熟してきたようだ。 wp-envの特徴 さて、wp-envはDockerのnpmラッパーといった趣で、次のような .wp-env.json をリポジトリに用意しておくことで、開発環境がまるっと用意できる。 { "core": null, "plugins": [ "." ] } Dockerを利用したWordPress開発環境はいくつかあるが、利点は下記の通り。 公式でサポートされている。たとえば Docker がリリースしているWordPressイメージなどはファイルパーミッションなどがやや微妙だった。DockerとNode（v12以上）がインストールされていれば、環境を再現できる。追加ソフトウェアのインストールは不要（というより、npm
WordPress でも大丈夫！実例で見るウェブパフォーマンス改善
ウェブパフォーマンス、あるいはウェブページの表示速度は、ウェブサイト品質の重要な指標の1つです。今注目されているウェブパフォーマンス改善ですが、そもそも何をすればいいのか、具体例を交えながらその施策を紹介いたします。具体例としては、WordPress を利用したブログの PageSpeed Insights (Lighthouse) のパフォーマンススコアを、30点以下から95点以上に改善した際、実際に行った施策を用います。
Nginx で WordPress REST API へのアクセス制限 – Webを汚すWeblog
久しぶりに WordPress に大きな脆弱性が公開されました。 WordPress 4.7 と 4.7.1 の REST API に認証を回避してコンテンツを書き換えられる脆弱性が存在します。攻撃は容易で、攻撃が成立するとコンテンツの書き換えが実行可能なため影響は大きいです。 Content Injection Vulnerability in WordPress 4.7 and 4.7.1 Make WordPress Core WordPress の脆弱性対策について：IPA 独立行政法人 情報処理推進機構 技術的な検証と考察については以下の記事を参考にしてください。 WordPress 4.7.1 の権限昇格脆弱性について検証した | 徳丸浩の日記 REST APIへのアクセス制限 REST API は WordPress 4.6 まではプラグインで利用可能でしたが、 WordPr
WP REST API v2 Documentation
はじめに WordPress はアプリケーションフレームワークへと生まれ変わろうとしています。このプロジェクトは、簡単で理解しやすく、信頼性の高い API フレームワークを開発することを目的として生まれました。そして WordPress 本体の API を開発することも目的としています。 このプラグインは簡単な HTTP ベースの REST API を提供します。あなたのサイトのユーザー、投稿、タクソノミー、その他のデータに対してシンプルな HTTP リクエストを送信することで、取り出したりアップデートすることが可能です。 投稿を取得したい？ GET リクエストを /wp-json/wp/v2/posts に送るだけです。 IDが4のユーザーをアップデートしたい? POST リクエストを /wp-json/wp/v2/users/4 に送ってください。 “awesome”という単語が含まれ
WordPressブログのフロントエンドをGatsbyJS + Netlifyで構築する
今までWordPressでブログを運用してきたのだが、HTMLとPHPを絡めたテーマ開発が煩雑で表示速度も遅かったため、フロントエンドにGatsbyJS, Netlify, WP REST APIを導入することで改善した。 あまり時間がない中、ガガガッと移行したので忘れないように備忘録を残しておきたいと思う。 目次 ブログのシステム構成WordPressからデータを取得する準備GraphQLを試すビルド・デプロイ設定ケーススタディ ブログのシステム構成 フロントエンドのソースコードはGithubに置いておき、masterへのプッシュをNetlifyが検知してGatsbyのソースコードを自動ビルドする。 このビルドでWordPressから記事データを引っ張ってきて静的ファイルを生成してくれる。 ビルド後はそのままNetlify上でサイトデータをホスティングという流れになる。 ブログの更新はこ
WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end
サーバーサイドのレンダリング（SSR）を使用して、数分の1秒以内にページが高速に表示されるWordPressのフロントエンドを構築するテクニックを紹介します。 バックエンドのキャッシュと組み合わせることで、非常に高速になり、しかも安価にWordPressサイトを構築できます。 Zero-latency WordPress Front-end -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスを元に翻訳しています。 デモページ サーバーサイドのレンダリング（SSR） バックエンドのサービス 非キャッシュページのアクセス キャッシュページのアクセス キャッシュのパージ 始めてみよう Nginxの設定 バックエンドのJavaScript フロントエンドのJavaScript Cordova 終わりに デモページ サンプルのコードで何ができるのか
WordPressでSmartNews向けにRSSをカスタマイズ - flappe
※当サイトでは、収益手段としてGoogleアドセンスやアフィリエイトサービスを利用しており、ページ内には広告・アフィエイトリンクが含まれている場合があります。サイト・記事内の広告やアフィリエイトリンクをクリックしたり、遷移先で商品・サービスを購入したりした場合、運営者に収益が発生します。 ※当サイトでは、収益手段としてGoogleアドセンスやアフィリエイトサービスを利用しており、ページ内には広告・アフィエイトリンクが含まれている場合があります。サイト・記事内の広告やアフィリエイトリンクをクリックしたり、遷移先で商品・サービスを購入したりした場合、運営者に収益が発生します。 ニュースアプリのSmartNews。 この度ファッションニュースサイト「ぐーぱん」で、SmartNewsに対応したRSSを自作してみました。 まだ申請出してる段階なので、実際に配信されるかは話は別…。 ですが、メモ代わり
【WordPress】RSSをカスタマイズしてSmartNewsに記事を配信する方法
どうも、イソップです。 WordPressで作成したメディアサイトを、SmartNewsに対応させることがありました。 SmartNewsではSmartFormatという配信の仕組みがあり、 サイトからSmartFormatの仕様に沿ったフィード情報を配信することで、SmartNewsでサイトの記事が表示されます。 WordPressでは、RSSテンプレートをカスタマイズすることで、SmartNewsに対応させることができます。 今回は、WordPressでのSmartNewsへの対応方法を紹介します。 WordPressのRSSテンプレートの複製・読み込み設定 まず始めに、WordPressのインストールディレクトリにある、wp-includes/feed-rss2.php を、 現在使用しているテーマディレクトリへコピーします。 コピーしたファイルの配置ができたら、現在のテーマの fu
VCCW 3.0 でローカル環境を構築（WordMoveでエックスサーバーにデプロイ） | UNORTHODOX WORKBOOK | Blog
VCCW3.0でWordPressのローカル環境を構築したので、何をどうやったのか（すぐ忘れるので）自分用の覚書として記録しておきます。併せて、WordMoveを使って、本番環境（エックスサーバー）とローカル環境を同期するようにしたので、それらも含めすべてまとめて記載しておきます（v2を全て削除して、新しくv3を入れ直しています）。 完全に自分用なので、確実に分かる部分はざっくりとしか記載していません。また、自分特有のやり方をしている部分がありますので、もし参考にされる際は注意してください。さらに、エックスサーバーと同期させることを前提としているため、エックスサーバー特有のことも多いです。 それと、v2との比較記事ではありませんので、v2とv3の違いについては、以下の記事をご参照ください。 VCCW v3での変更点と新機能まとめ VCCW 3.0.0 beta 1 がリリースされました。
VCCW + WordMove + StaticPress + GitHubページでWordPressサイトを永代供養 | Firegoby
イベントのサイトをWordPressでつくったあと、そのイベントが終わったらもうWordPressの管理はしたくないよってことはまあまあ多いですよね。 そんな時に、GitHubページとして公開しておけば、ドメインの維持費以外は無料でホスティングできちゃうじゃんということでやってみました。 やりかた VCCWを起動 以下から最新版を入手して、vagrant up するだけ。 VCCW 特になにか設定を変える必要はありません。 WordMoveで既存のサイトを吸い込む vagrant upの後に自動的に生成されているMovefileを編集してください。 設定方法は、以下のサイトを参考にしてください。 ふつうのレンタルサーバーでも、VCCWとWordmoveを使って快適にローカル環境で開発しようぜ！ | Toro_Unit さくらのレンタルサーバーにWordPressをデプロイするのはVCCW
ゼロからできるWordPress開発〜VCCWでローカル開発環境構築編〜
こんにちは〜、1月からマークアップエンジニアになりましたCandyです。 VCCWを使ったWordPress開発環境構築とデプロイのフローを、出来る限り丁寧にまとめたいと思います。 今回はローカル開発環境構築編です。 公式サイト（http://vccw.cc/）にも結構わかりやすく書いてあるのですが、WordPressの日本語化等の設定を含めて、初心者にもわかりやすく書いていこうと思います。黒い画面が苦手な人もきっと大丈夫！ VCCWとは 後ろの席のイケメンがこう説明しておりました。 VCCWとは仮想環境を構築するためのツール Vagrant とインフラ構築自動化ツール Chef をベースにしたWordPress環境構築ツールです。 簡単に言うと、XAMPPやMAMPのようにローカル環境の構築を容易に出来るものです。 VCCWのもうひとつのCはなんの頭文字なんでしょうね。知ってる人がいたら
Push7という Webプッシュ通知サービスを WordPressで使ってみました – ねんでぶろぐ
「Push7」というWebプッシュ通知サービスが最近リリースされてました。ブログの記事を新規・更新するとWebブラウザ(Google Chrome Firefox)にプッシュ通知されるようになります。 つまり、スマホにも簡単にプッシュ通知できるという事です。 また、カスタム投稿タイプにも対応されたとの事なので早速使ってみました。 Push7 https://push7.jp/ 基本的にはサービスに登録してブログに購読ボタンを張り付けるだけのようです。 ※↑このボタンは IEだとちゃんと表示されません。 ユーザーが購読ボタンを押すとブラウザ上で許可を求めてきますので許可をすると通知が来るようになります。 その後、ブログが新規記事又は更新されると(Google Chromeを使ってると) モニターの画面右下に通知が来ます。 記事を保存して１秒くらいで通知が来たので思ってたより早くてび
フロントエンドエンジニアのためのWP REST API + JavaScriptによるWordPressサイト構築 岡本 秀高
WordCamp Tokyo 2016 �セッションスライドです。
WordPressコアコントリビューターに聞く「ぼくのかんがえた最強の開発環境」
WordPressで開発をするなら、いまどきどんなツールを使うのがいい？ WordPress専門のデベロッパーであり、コアコントリビューターでもあるMatt Geriさんがおすすめるする、最高の開発環境とは？ 近年、WordPressによる開発は大きな進展を遂げています。特に、ツールに関しては。以前は、WordPressでサイトを構築しようものなら、ほぼ確実にMAMP/WAMPのローカルホスティングの設定をしなければならず、それはもう悩みの種でしたよね。ひょっとしたら、本番の状態でサイトの開発を進めなければならなかったりしました。 そう、私もその一人でした。 幸い、時代は変わり、いまではそんな頭痛の種や反復作業を取り除くツールが出てきました。 WordPress開発業者としてフルタイムで開発をしていた私は、WordPressから離れて丸3年後の2015年12月、再びフルタイムのWordPr
InstagramからWordPressに自動投稿するようにしてみた
ご覧のブログ「オニマガ」にInstagramカテゴリーを作りました。 今まではInstagramの投稿はTumblrに自動投稿してたんだけど、 やっぱり本家ブログ記事としてまとめることにしました。 自分もやりたい！という人がいるかもしれないので、 以下、InstagramからWordPressに自動投稿する方法です。参考にどうぞ。 InstagramからWordPressに自動投稿する方法（１）IFTTTを使う 何でもかんでも自動化してくれるIFTTTを使う方法です。 レシピはこんな感じ。 Instagramに投稿されたら、WordPressのInstagramカテゴリーに自動投稿って感じです。 簡単ですね。 特定のハッシュタグを付けた投稿だけ、とかレシピ次第で色々出来ます。 IFTTT ＞ InstagramからWordPressに自動投稿する方法（２）Intagrate Lite（旧I
BuddyPress と bbPress の使い方で参考になったサイトまとめ - Naifix
WordPress で 会員制サイトを作るときに便利な「BuddyPress」と「bbPress」という 2 つのプラグインがありますが、設定方法やカスタマイズに関する日本語の情報はかなり少ないです。 古いバージョンだといくつか見当たるのですが、最新版となるとほぼ海外のサイトを頼るしかありません。 両プラグインを使ってサイトを作るにあたって、役立った情報・サイトを備忘録としてまとめておきます。 BuddyPress と bbPress を使ってできること この 2 つのプラグインはもともと一つだったようですが、のちに SNS を担当する「BuddyPress」とフォーラムを担当する「bbPress」に分かれたようです。 どちらも単独で動きますが、それぞれのプラグインでできることを簡単にご紹介します。 BuddyPress BuddyPress は会員制の SNS を作れるプラグインで、以下
WordPressで会員制サイトを作るときに使ったおすすめプラグイン 10 選 - Naifix
会員制サイトの概要 会員制サイトを作るときは「どんな仕組みにするか」をざっくりでもよいので決めておいたほうがよいです。 とくに WordPress での会員制サイト作成は複数プラグインを組み合わせますので、仕様が定まっていないとプラグイン同士の機能干渉なども起こり得ます。 以前運営していた会員制サイトの概要は以下のとおりです。 完全非公開の会員制サイト（有料・匿名可） 会員サイトにアクセスすると必ずログインページへリダイレクト 各ユーザーに個別の ID とパスワードを発行する ユーザー一覧は CSV で出力できる ユーザーのパスワードは管理者からわからない（強制変更は可能） 登録ページから申し込みがあったら、管理者が確認して承認作業を行う ニックネームやアイコンを自由に設定してもらう 掲示板に投稿すると、ニックネームとアイコンが表示される 掲示板のほか、会員専用の個別記事にも画像投稿機能付
AMPをワードプレスにプラグイン無しで設定する方法 | q-Az
2月より Google が AMP（Accelerated Mobile Pages）のインデックスを始めるようで、SEO 界隈ではそれなりの盛り上がりをみせています。 AMP というのは簡単に言うと「スマホ高速表示技術」のようなものです。 AMPとはモバイルで閲覧する人が PC で閲覧する人数を超え、スマホで見れるのは当たり前という時代。Google はさらなるモバイル用の閲覧環境を高速化するため AMP プロジェクトを立ち上げました。表示 HTML に制限を加える事でより高速にモバイル用のページを表示させます。 HTML にかなりの制限があるため、モバイルフレンドリー対策以上にしなくてはいけない項目が多く、その対策を適当にしてしまうと AMP でのインデックスがされないため何の意味もなくなってしまい、モバイル対策以上に深刻です。 ワードプレスは AMP 対策のため、プラグインを開発中で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Blogger Base