以前お伝えした通り、Reactのライセンス問題がWordPressのライセンスに影響を与えるのではないかと危惧されていたが、共同創業者のMatt Mullenwegのブログ “On React and WordPress” によれば、WordPressはReactの利用をやめることになったようだ。 I’m here to say that the Gutenberg team is going to take a step back and rewrite Gutenberg using a different library. これは特許条項を問題視したものであると同時に、Webサイトの28%を占めるWordPressにこうした複雑な問題を持ち込むことをよしとしないのが決定の理由のようである。 これにより、Gutenbergは書き直しを余儀なくされるため、おそらくはリリースが来年にずれ込

WordPressのテーマはカスタマイズしやすいように「自分が全部の構造を知っときたい」っていうマイテーマがあるので、テーマは自作するようにしている。 この前作ったモバイルテーマで4つ目。 しかし、いつも作り替えたいとは思うものの、作り始めがとっても面倒な気持ちでいっぱいになる。なぜなら昔作ったテーマをコピーして、いらないところを削ってからやっと自作テーマを作り始められるという本質的じゃない作業からはじめなければいけないからだ。 WordPressをいじる案件があったときにいろいろ調査していると、この面倒くさい作業をものすごく短縮できる空テンプレートを発見するというラッキーに見舞われた。 Underscoresという最強スターターテンプレートテーマ自作テーマを作る時の最強テンプレート、その名は「Underscores（_s）」。 名前だけはなんとなく知っていたけど、「なんのためのもの」かを

動作環境 サーバー： さくらインターネット 共用レンタルサーバー プレミアムプラン Wordpress : 4.5.2 頻発するDB障害 以前、さくらインターネットでDB障害が起きるー、という記事を書きました。 以下、そのリンク https://www.kabanoki.net/879 この記事を書いた以降もDB障害が頻発し、クライアントもどうしたもんかねー、と言う始末。 これは、いい加減に直さなきゃなと思い立ち、早速調査開始！ 原因は検索フォーム 対象のサイトでは、求人情報を掲載しています。 どうもそこにある求人を検索する機能が怪しいと判明！ 一見すると、ただの検索フォームに思えます。 しかし、queryを調べてみると、とんでも仕様になっているのが解ります。 以下query SELECT SQL_CALC_FOUND_ROWS hoge_posts.ID FROM hoge_posts

ちょっと暇なので、はてなブログに投稿しようと思い、今回はこのタイトルにしました。 「ワールドプレスってなんですか？」と読者の方に質問があったので、 今回は、ワールドプレスの解説をしていきます！！ ワールドプレスとは？ ワールドプレスとは、 ウェブサイトでコンテンツをウェブページに表示させるシステム。 「、、、。意味わからん。」ってなってますよね（笑） ウェブサイトでコンテンツをウェブページに表示させるシステムとは、 「ブログ、会社などのウェブサイト」のことです。 ブログ運営を独自でサーバーなどを借りて運営するなら「ワールドプレス」というぐらい有名なんです！！ Googleさんもワールドプレスを使って下さい！！と推奨しているぐらいおすすめしてます。 今、ワールドプレスってカタカナで書いてますけど「WordPress」英語だとこう書くんですよ。 ワールドプレスは、難易度高い。 ワールドプレスは

以下は、James Nylen が書いた WordPress.org 公式ブログの記事、「WordPress 4.7.3 Security and Maintenance Release」を訳したものです。 誤字脱字誤訳などありましたらフォーラムまでお知らせください。 WordPress 4.7.3 が公開されました。これは過去の全バージョンのためのセキュリティリリースであり、即時のサイト更新を強く勧告するものです。 WordPress 4.7.2 およびその他過去のバージョンに、次の6件のセキュリティ上の問題が存在します: メディアファイルのメタデータを介したクロスサイトスクリプティング (XSS) 脆弱性。Chris Andrè Dale、Yorick Koster、Simon P. Briggs による報告。 制御文字を利用したリダイレクト URL 検証回避の可能性。Daniel C

WordPress の開発環境は、その人のワークフローや普段の仕事内容によって適切なものが変わります。 今回の記事では、それぞれの特徴とメリット、デメリットを著者自身の主観と偏見でご紹介します。 この記事は普段 WordPress でなんらかのプログラミングをしているプログラマーが対象で、想定しているユースケースは上級者向けです。 また、それぞれの環境の構築方法には一切触れておりませんので、あらかじめご了承ください。 MAMP 系 もっとも広く利用されているのが、この MAMP とか XAMPP ではないかと思います。 これらは GUI 等がそなわっており、情報量もおおいことから、初心者向けとされています。 ただし、ローカルの OS とファイルシステム等が一枚岩で動作しており、多くのみなさんが使うであろう Linux 系のサーバーとは似て非なるものであるため、デプロイした後の動く動かない問

今回の記事では、WordPress のテーマ開発にしぼって、安全なテーマを開発するためのポイントについて説明します。 現在この記事の著者は、WordPress の公式テーマディレクトリのテーマレビューの自動化に取り組んでいて、実際のテーマレビューの経験もあります。 その経験をもとに、これがやられてないと確実に突きかえすでっていう内容を書いていきます。 想定読者 この記事が想定している読者は、WordPress のテーマを仕事でつくっているけど、プログラミングの知識があまりなくて自信がないという方です。 WordPress のテーマ開発で重要なのはとにかくエスケープすること 以下で紹介することを確実に守れば、みなさんが作るテーマに脆弱性がまぎれこむ可能性がとても低くなります。 意外と簡単なので、ぜひ覚えておくといいと思います。 the_* 関数を使う テーマの中で、タイトルや本文、その他なん

WordCamp Kansai 2016 で使ったスライドです：D

うちのブログ塾では、基本的にlivedoor Blogをおすすめしてます。アメブロはNG。WordPressも、あんまりおすすめしてません。 一般的には「ブログはWordPressが一番」という認識があろうかと思います。が、これはもう、古い考えだと思うわけですよ。 理由はごくシンプルで、WordPressはカスタマイズが面倒なのです。 特に面倒なのはスマホへの対応。WPtouchのようなプラグインを入れるとうまく対応できるんですが、CSSを別に用意するのが超面倒です。レスポンシブなテーマにするのもありですが、得てしてうまく動作しなかったり。ぼくの知人のブログも、盛大にバナー広告がズレてます。 また、WordPressはセキュリティ面での不安が常に残ります。それはもう、頻繁にニュースになってます。「セキュリティのためにWordPressのバージョンをアップデートしたらプラグインが動かない」な

local: vhost: "http://wordpress.local/" wordpress_path: "/var/www/wordpress/" # use an absolute path here database: name: "wordpress" user: "wordpress" password: "wordpress" host: "localhost" staging: vhost: "http://example.com" wordpress_path: "/var/www/your_site" # use an absolute path here database: name: "database_name" user: "user" password: "password" host: "localhost" exclude: - ".git/" - "

@inc2734 @Toro_Unit それだ！ブログに書いてーｗ — Takayuki Miyauchi / Geolonia (@miya0001) December 8, 2014 ということだったので、VCCW + Wordmove でさくらのレンタルサーバーに一発で簡単デプロイする方法を書きたいと思います。@Toro_Unitさんがすでに記事をかかれているので良いかなとも思ったのですが、僕は公開鍵認証を使った方法でやってて、紹介されている方法と少し違うようでしたので、公開鍵認証を使った方法をご紹介します。 なぜ公開鍵認証？ 公開鍵認証の設定を行っていれば、sshでログインしたりWordmoveでデータのアップロード・ダウンロードするときにパスワードを入力する必要がなくなります。本当はパスワードログインも禁止したいのですがさくらのレンタルサーバーで方法あるのですかね？ 鍵を作成して

プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。

{<1>} wordmoveとは wordmove wordmoveは、WordPressをDBごと管理できるrubyのライブラリです。 ローカルからホストに、ホストからローカルに、SSH（FTP）を用いてDB、テーマ、プラグインなど利用法に合わせてアップロード・ダウンロードすることが出来ます。 Vagrant（VCCW、VVV）と一緒に使ったりすると便利です。 2014年9月18日更新 インストール方法 VCCWであれば2014年9月18日に取り込まれました。 ruby1.9.3～、rubygemsは最新であれば動きます。 使い方 wordmove help wordmoveのヘルプ wordmove help [TASK] wordmove help pull 等でpullの詳細オプションを表示 wordmove init wordmoveの設定に必要なyaml形式のMovefileを

WordPressには便利なプラグインが沢山あり、それらを使うことであまり知識がない方でも様々な機能を実装して自分好みのブログやサイトを作ることができます。 ソーシャルボタンやページネーションを簡単に設置できたり、関連記事や人気記事を手軽に表示できるといったような見栄えを変えたりするユーザー向け（表向き）の機能を実装するタイプのプラグインはよく見かけるのでご存じの方も多いと思いますが、WordPressにはこういったプラグインだけでなく、何かと捗る開発者向けの裏方タイプのプラグインも便利なものが数多くあるので、それらの中から自分が覚えておいて損はないと思うものを紹介します。 全部のプラグインを普段の開発時に使用しているというわけではありませんが、以下で紹介しているものはいずれも個人的に開発時に便利だと思ったプラグインです。 有名なデバッグ系プラグインをはじめ、テンプレートファイルやIDを容

作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ