wp-envとViteで作る爆速WordPress開発環境
Viteの速さを知って以来その開発体験の虜になってしまい、Viteを使ったWordPress開発環境を考えたので紹介します。あくまで自分の開発フローに合わせたものであり、全ての開発シーンで利用できるとも限らないので予めご了承ください。 こちらがそのリポジトリになります ViteのHMRを効かせながら開発できるので高速なWordPress開発体験を提供できるはずです。 前提とコンセプト この開発環境は下記前提とコンセプトに基づいています。 旧来のPHPをベースとしたクラシックテーマでの開発を想定しています。新しいブロックテーマ開発で適用できるかどうか分からないです。 MacOS環境を前提としています。（Windowsでも動くと思いますが、NPM Scriptsにrmコマンドが入っているので適宜置き換えてください） 静的なHTMLを作成してからWordPress開発を行うフローを前提としていま
WordPressをComposerでモダンな運用 - Qiita
2020/12 追記 本文中でおすすめした、 WP Offload Media Lite for Amazon S3, DigitalOcean Spaces, and Google Cloud Storage は現時点でおすすめできません。 S3のメタデータのキャッシュ実装に問題があり、大規模サイトではMySQLに高負荷がかかります。 また、ページ閲覧時におけるパフォーマンス低下があります。 代替として、 S3 Uploads をおすすめします。 はじめに モダンPHPの技術を利用して、WordPressをより簡単にデプロイしたいと思いませんか？ 通常のWordPressのセットアップでは、サーバに上げれば動作しますが、テーマやプラグインなどがファイルベースでの管理となっているため、Gitでの管理や複数台への展開など大規模構築に構築しようとすると、メリットが辛みになってしまいます。 そこ
Vagrant + WordPress + Amazon S3でブログをセキュア＆快適に運用する方法 – littlebird
WordPressは手軽にWebサイトが構築できるパワフルなツールですが、昨今その脆弱性を狙った攻撃が多様化しており、保守に関わるコストも増大しています。 そこで本サイトでは、ローカルの仮想環境に構築したWordPressからHTMLファイルを生成し、完全な静的サイトとして安全に公開・運用するフローを導入しました。 仮想環境や、WordPressの静的化というと難しく聞こえるかもしれませんが、便利なツールやプラグインを使えば、比較的簡単に実現することができるので、今回はその方法を紹介します。 注意：このページの解説はMac OS X 10.9.5環境での作業を前提に動作の検証を行っています。 WordPressのセキュリティ対策について 近年、WordPressに対するアタックが増加しており、度々ニュースにもなっていますが、皆さんWordPressのセキュリティ対策はどうされていますか？例
mongopress.org
The goal of the Free Monitoring service Once you’ve landed on this article, then you probably want to learn what a Free Monitoring service is. Okay, great. In the previous article, we explained what Heartbeat Monitoring is. Its function is to check the physical state of your devices. But do these two things have anything in common? The answer is yes. Free Monitoring service is a set of goodies thr
wordpressをAmazon S3で運用する方法 | ITANDI技術ブログ
はじめまして。3月17日付でイタンジに入社しました、永嶋(@eiei19)と申します。 よろしくお願いします。 さて、一発目のネタとして何を書こうかと迷ったのですが、最近プライベートで新たにブログを作ったのでその構成について書きたいと思います。 もうすでにいろんなとこで書かれているネタではありますが、「wordpressをAmazon S3で運用する方法」です。 wordpressをAmazon S3で運用? wordpressをS3で運用といってもwordpress自体を動かすわけでなく、別サーバに構築したwordpressサイトを静的HTMLに変換して、S3のスタティックホスティング機能を利用して公開するという構成になります。 やっていることだけ見ると、それなんてmovabletype？という感じなのですが、慣れ親しんだwordpressを使いつつS3と静的サイトのメリットを享受できる
Vagrant＋Amimotoで超高速＆鼻血がでるぐらい便利なWordPress環境をコマンド一発で起動する。 | Firegoby
Vagrant＋Amimotoで超高速＆鼻血がでるぐらい便利なWordPress環境をコマンド一発で起動する。 AmimotoというAWS上で超ハイパフォーマンスなWordPress環境を動かすためのソリューションがありまして、これを使うとほんとうに数分の手間でWordPressが立ち上がってくれやがります。 で、数年前までの手間暇を考えたらこれだけでも鼻血が出そうなぐらい便利になったんですが、実は最近ひそかに儲かっておりまして（笑）、マネージメントコンソールにログインして何回かクリックというこの手間がまあまあめんどくさくなってきました。 そこで、AmimotoをVagrantで起動できるようにすれば、コマンド一発でサイトが起動するじゃん！ということで、これが他ではありえないぐらいに簡単にWordPressが立ち上がっちゃうぞーってことで、そのやリ方をご紹介します。 https://git
WordPressのテーマ作成で気をつけてほしいこととか・アンチパターンとか。 - Toro_Unit
WordPressのテーマ作成で、ありがちなアンチパターンです。 テンプレート内にロジックは書かない query_postsは使わない。 wp_head(),wp_footer()はちゃんと書く .alignleft, .alignright等のCSSは定義する JavaScriptは、wp_enqueue_scriptを使って読み込む 更新のあまりないページでも静的にせず、固定ページに入れる テンプレート内にロジックは書かない 関数はここから引用。 http://www.2ndgate.jp/archives/614 before <ul> <?php while(have_posts()):the_post();?> <li> <?php the_post_thumbnail();?> <p>ファイルサイズ: <?php $attachment = get_post_thumbnail
WordPressでの開発をちょっと楽にするプラグイン MW WP Hacks を公開しました。 | モンキーレンチ
WordPressでコーポレートサイトを構築するときに、毎回functions.phpに書いているコードがあって、それに修正があったり、ちょっとした変更の際にオプション的に設定変更ができたら便利だなーと思っていました。そこで、それらをプラグインとして1つにまとめてみました。ついでに設定ページもつけたので簡単に設定することができます。 MW WP Hacksでできること プロフィールページにGoogle+ IDの入力フィールドを追加 プロフィールページに追加されたGoogle+ IDの入力フィールドにID（半角数字）を入力すると、シングルページを表示した際、head内に次のタグを出力します。 <link rel="author" href="https://plus.google.com/{ID}/" /> メインフィードに表示する投稿タイプを設定 設定ページからメインフィードに表示する投稿
WordPress高速化: nginxとphp-fpmの最適化 | メモ置場のブログ
前回はWordpressで構築したWebサイトが、Webサーバーを帰ることによってどのようにパフォーマンスが変化するのかを確認しました。 その結果、nginxによって若干高速化するものの、もはやボトルネックはhtmlデータを作る処理(PHPとMySQL)にあることがわかりました。 今回はnginxとphp-fpmを最適化し、高速化を狙ってみます。 Debian 6.0(Squeeze)ではphp-fpmの設定値は/etc/php5/fpm/pool.dにあるファイルを変更することによって行います。 何を変えたらよいのかイマイチわかりませんが、下記のページにメモリ512MB～1GBのVPSで試した結果見つけた設定値というのが載っています。 nginx + php-fpm + debian squeeze tutorial – the fastest way to host php 私の契約し
WordPressをStaticPress+Amazon S3+Vagrantでセキュリティ万全にする方法 [前編] - @masuidrive blog
最近、大規模なWordPressのサイトの乗っ取りが発生しました。今回の原因はWordPressではなくサーバの設定に問題があったようですが、LAMPサーバの設定を正しく行うのは難しいですし、ApacheやPHP、WordPressのバージョンアップをきちんと行っていくのは、結構大変です。 自分でサーバを運用していて、セキュリティ対策をきちんとしていると言える人は、実はあまり多くないのでは無いでしょうか？プラグインなどを複数導入している場合には、それらのプラグインのセキュリティ対策を行うのはかなり難しいといえます。 そんな中、高セキュリティ環境でWordPressを運用する方法はないのか考えてみました。それにはサーバ上でアプリを動かさないのが一番では無いでしょうか？ 私のブログであれば、Voteなど動的な機能は使っていないので、WordPressのデータから静的なHTMLを生成して、Ama
![WordPressをStaticPress+Amazon S3+Vagrantでセキュリティ万全にする方法 [前編] - @masuidrive blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c5c3e4330805bfc33fc80aa0e5843be18a0177d/height=288;version=1;width=512/http%3A%2F%2Ffarm1.staticflickr.com%2F6%2F5961468_60d27d4dde_m.jpg)
PHPカンファレンス2013 & WordCamp Tokyo 2013 講演資料まとめ #phpcon2013 #wctokyo
当日の発表資料がアップされはじめているようなので、今年も講演資料などの情報をまとめさせていただきたいと思います。随時更新予定です。 ※執筆時点では、WordCamp側の資料が圧倒的に不足しております…(´；ω；｀)ﾌﾞﾜｯ 2013年9月16日 追記：WordCamp側の講演資料も追加しました！ リンクの誤りや追加情報などございましたら、星影（@unsoluble_sugar）までご連絡いただけるとありがたいです。よろしくお願いします。 昨年の講演資料ちなみに昨年の講演資料まとめはこちらになります。 PHPカンファレンス2012 & WordCamp Tokyo 2012 講演資料まとめ #phpcon2012 #wctokyo | Time to live forever PHP、WordPressに興味のある方は、ぜひご覧ください！ タイムテーブルPHPカンファレンス2013 タイムテ
レスポンシブなアドセンスのコードをWordPressのショートコードで実装。 | Firegoby
http://twitter.github.io/bootstrap/scaffolding.html#responsive 以下のサンプルはサイドバーに適用するのが前提なので、横幅が 480px 〜 980px あたりが一番領域が狭くなる(スマフォだとfloatが解除されて結果的に広くなるので)ので、以下のような感じの条件分岐になりました。 細かいところはそれぞれの環境に合わせて書き換えてください。 add_shortcode('responsive_adsense', 'responsive_adsense'); function responsive_adsense(){ $adsense =<<<EOL <script type="text/javascript"><!-- google_ad_client = "ca-pub-xxxxxxxxx"; var width = jQu
Exec-PHP愛好家向けショートコードプラグインの作り方 | Firegoby
僕もExec-PHPネタに便乗してみました。笑 Exec-PHP愛好家さんの声をブログ等でみてみると、便利だからって声がちらほらあって、実はそこにかなり違和感を感じるんですよね。 メンテナンス性とかも考えると、ぜんぜん便利じゃない。。。 そんなわけで、Exec-PHPが便利に感じてる人は、ショートコードをマスターするとセキュリティとかメンテナンス性とか改善されるので、ぜひ挑戦しましょう。 ショートコードプラグイン作成の手順 大体の手順は以下のような感じ。 実際には1から3までは頭のなかですることなので、大した手順ではないです。Exec-PHPから移行するなら10分ぐらいかな？？？ プラグインの名前を決める プラグインのファイル名 ショートコードの名前を決める プラグインのファイルを作る 実際にコーディング 作成したファイルを .zip で圧縮して本番環境にアップロード この記事で紹介する方
高品質なWordPressの有料/無料テーマをひたすらまとめている・Themegraphy
コメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。 WordPressのテーマギャラリーとしても素敵です。国産のサイトなので日本語ページもありますよ。 有料/無料のテーマがずらっとまとめられています。2013/7/9現在で500以上あるので探しがいもありそうですね。 販売元別でも探すことが出来ます。 Shotokuもご紹介いただきました！休みが取れたらアップデートしたい、と思いながら既に半年休めてない・・貧乏怖い。 Themegraphyは以下よりどうぞー。 Themegraphy
functions.phpに機能追加する時、コード挿入の目安となる位置
Warning: Undefined array key "width" in /home/rikumaxs1014/rikumalog.com/public_html/wp-includes/media.php on line 1659 Warning: Undefined array key "height" in /home/rikumaxs1014/rikumalog.com/public_html/wp-includes/media.php on line 1660 少しの記述ミスでもブログ表示がおかしくなる WordPressのテーマをカスタマイズするとき、慣れない方々が最も恐れるのは「functions.php」というテーマファイル。 他のテーマファイルもPHPコードの記述ミスなどにより表示を崩してしまう時はありますが、functions.phpの記述ミスは表示崩れだけでは済
WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！
WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！ 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました！ これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう！ 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす！ 今回はチェック＆勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く（Webデザイナー・HTMLコーダーのスキ
WordPressのwp-config.phpで出来る事いろいろ
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにするdefine('WP_DEBUG',
さくらの VPS に nginx を入れてリバースプロキシ設定するまでの作業メモ（検証用）
さくらの VPS で CentOS 6.2 に nginx を入れてサーバーを作ります。今まで Apache を使ったサーバーしか作ったことがなくて、nginx も Apache と合わせて稼働させていたレベルだったので、今回初めて nginx オンリーのサーバーの構築です。ただ、この作業メモも検証用サーバーの域を脱しないので、後日本番で使えるレベルの記事を公開します。一応勉強した項目に参考サイトを細かく記載しているので、自分用に公開しておきます。 この記事で構築する環境 今回は下記のような WordPress や CakePHP で作った自作サイトなど様々な構造の Web サイトをしっかりと運営できるようなサーバーを構築していきます。 WordPress ベースの Web サイトをリバースプロキシで高速表示 CakePHP などで作ったキャッシュを必要としないサイトでも動かす 様々なライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nginx - WordPress Codex 日本語版
html5-memo.com
