今年の春頃、iOSのServiceWorker対応で、PWA（Progressive Web Apps)がWeb界隈を賑わせましたね。 私は6月にAndroid Bazaar and Conferenceに参加してまいりました。 春は東大の本郷キャンパスでしたが、秋は川崎で開催されます。現在も参加登録できます! 申込はconnpassから。 PWA for WordPress WordCamp Tokyo 2018や、私が参加した日本Androidの会9月定例会で紹介がありました。サイトをPWA化するためには、manifest.jsonとservice-worker.js、他にアイコン用の画像などが必要となります。 これらを非常に簡単に設定してくれるプラグインです！ (利用には対象のWordPressサイトがhttps化している必要があります) 使ってみました！ プラグインをインストールし

はじめに 過去にWordPressの脆弱性に関するケーススタディをご紹介しました。 Webアプリケーションの脆弱性ケーススタディ（WordPress編） Webアプリケーションの脆弱性ケーススタディ（WordPress編その２） 今回はWordPressのセキュリティ対策を行う上で大切な基本事項をまとめてみたいと思います（本記事はWordPress 4.9.4をもとに書いております。古いバージョンと異なる部分があるかもしれませんので予めご了承ください）。 WordPress本体およびプラグインやテーマのアップデートを行う WordPress3.7以降では初期状態でマイナーバージョンの自動アップデートが有効になっています（1日に2回WP-Cronイベントで更新チェックが行われます）。つまり、バグフィックスやセキュリティパッチなどは自動的に適用されているわけですが、WordPressサポートチ

Turbocharged WordPress DevelopmentYour all-in-one solution for seamless WordPress development, providing preconfigured servers, auto-reload, and streamlined workflows in a single command. Get Started // Step 1: Create a directory for the new project and // run WordPressify to generate the file structure $ npx wordpressify // Step 2: Run development environment $ npm run start // Step 3: Generate d

さくらのレンタルサーバーで無料SSL証明書が使えるようになったということで、このブログも常時SSL化してみました。やっぱりブラウザに緑のロックアイコンが表示されてると安心しますねw さくらのレンタルサーバーの無料SSL証明書の設定はすごく簡単で、説明通り にやればものの5分くらいで設定できちゃいました。設定後しばらくしたらすぐにhttpsでサイトにアクセスできるようになったので「お、楽勝か！？」と思ったのですが、そんなことはありませんでした。 このブログはWordPressを使ってるんですが、さくらサーバー特有の設定とかテーマのテンプレートに使っていた古い関数とか、けっこういろいろなところでハマったのでメモっておきます。 サーバー環境やWordPressについて 一応、ざっくり環境を書いておきます。 さくらのレンタルサーバーのスタンダードプランを独自ドメインで使ってます WordPress

WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP

WordPressでカスタムフィールドを扱いやすくするプラグイン「Advanced Custom Fields」にある「関連」フィールドで、現在の記事を除外する、下書き・非公開記事の非表示、並び順を変えるなど、表示される記事内容をカスタマイズする際の備忘録です。 紹介する内容は「Advanced Custom Fields」を既に使用（有効化）している想定のものになります。 現在の投稿を除外する 新規投稿時には気になりませんが、デフォルトでは「関連」フィールド内に該当するすべての投稿が表示されるので、編集時などに現在編集している投稿も表示されます。 ほとんどの場合は現在の投稿を関連投稿として選択することはないと思うので非表示にします。 「関連」フィールド内の出力をカスタマイズしたい場合は、主にacf/fields/relationship/queryのフィルターフックを利用します。 実装に

WordPressでビジュアルリッチエディタを使用しない場合、すべてで無効化するのであれば管理画面のプロフィールページにある「ビジュアルリッチエディターを使用しない」にチェックを入れることで無効化できますが、そうではなく特定のページでのみ無効化したい場合に使える方法です。 特定のページのみビジュアルリッチエディタを無効化（テキストエディタのみ表示）したい場合は、functions.phpを使用して下記のように記述します。 add_filter( 'user_can_richedit', 'disable_visual_editor' ); function disable_visual_editor( $default ) { $screen = get_post_type(); if ( $screen == 'page' ) { return false; } else { retur

確認・完了画面付きのフォームを簡単に実装できるWordPressプラグイン「MW WP Form」をカスタマイズしたいときに毎回ど忘れしたりググったりしているので備忘録です。 エラー文言の変更やエラーをまとめて表示するなど、エラー表示周りのカスタマイズ時のものになります。 紹介している内容は、MW WP Form Ver 3.2.1で検証した内容になります。 「MW WP Form」についての基本的なインストール・使用方法については割愛しているので、使用したことない場合などはプラグインの詳細も含め「MW WP Form」で確認してください。 formタグにエラー用classを付与する 「MW WP Form」は、入力画面では.mw_wp_form_input、確認画面では.mw_wp_form_previewというように現在の状態によってform部分に特定のclassが付与される作りになっ

主に独自のプログラムで書かれていて且つそれがWordPress外に設置されているファイルだけどWordPressのテンプレートタグや関数を使用したい、サイト全体をWordPress化するわけではないけどヘッダー・フッターなどの共通部分をテーマ内で使用しているものにしたいなど、WordPressのテンプレートタグや関数などを外部ファイルで使用したいときに使える方法です。 WordPress外でもテンプレートタグや関数などを使用したい場合は、下記のようにwp-load.phpを読むように記述することで使用可能になります。 /path/の部分は環境によって変更し、例えばルートディレクトリにWordPressとは関係ないファイルAとWordPressの各ファイルが格納されている/wpというディレクトリがあるとき、WordPress配下ではないファイルAでも下記を記述することでWordPressのテ

Intro この資料は、私が仕事で手がけた WordPress カスタマイズ系プロジェクトのコードをメンテしたり追加開発したりするステキな人たちへ向けたものですが、社内に閉じてない範囲をここに記す。コメントなどでの指摘歓迎。 WordPress、プラグイン機構（hook）が充実、というかデフォルトのブログシステムも自身のプラグイン機構に乗る形で作られている。そのため、モデルがブログ的でありさえすればフレームワークとして使うことも可能。これまで、やれアプリ向け API を追加してみたり、完全別システム用 CMS にしてみたり、よくまあやったものだ。 これ WordPress でやれるんだあ！？的な意味で魔改造と揶揄しているがいたって正攻法の改造である。1 Pros/Cons 以下、WordPress のよいところでもあり、裏返すと弱点でもある特徴のいくつか 2 とにかく利用者が多い。オープン

Scentina is a modern block e-commerce WordPress theme built to help your perfume or candle business succeed online. The theme’s design is minimalistic and powerful: it comes with sleek animations and extreme flexibility.

Noel Tock一年前、2015年の WordPress という記事を公開しました。振り返ってみて、実現されるスピードはさまざまでありながらも、そこで書いた予言の大部分が、正確であったことを嬉しく思います。ここで読むことができます。 2015年は、WordPress とそのエコシステムにとって、またしても大きな年となりました。世界中のすべてのウェブサイトのうち、WordPress が使われているサイトの割合が 25% を超え、WordPress 自体にもレスポンシブイメージや REST API の導入が成されました。周辺のエコシステムも力強く成長し、たとえば Automattic による WooCommerce の買収、30万ドルくらいであったと言われていますが、こうした出来事を私たちは目撃しました。WordPress.org 上にある4万以上のプラグインは10億回以上ダウンロードされる

このブログでもレスポンシブイメージについて何度か紹介していますが（ココとかココで）、2015年の暮れにリリースされたWordPress 4.4 Clifford からsrcsetとsizesを使ったレスポンシブイメージがWordPressのCoreに実装されました。サーバにインストールして使うWordPress.org版だけでなく、WordPress.comにも実装されたとのことで、実質的には世界で2割以上のウェブサイトでレスポンシブイメージ（srcsetとsizes）が使われていることになるそうです。 このブログも先日WordPress 4.4に更新したので、WordPressのレスポンシブイメージがどんな実装なのか確認してまとめてみました。 基本的な仕組み 管理画面での設定なし・プラグインなしで<img>タグにsrcsetとsizesが挿入される ポリフィル（Picturefill）は

The Dashicons project is no longer accepting icon requests. Here’s why: Next steps for Dashicons. Dashicons is the official icon font of the WordPress admin as of 3.8. The Dashicons project is no longer accepting icon requests. Here’s why: Next steps for Dashicons. For any issues that appear within WordPress core, please create a new ticket on trac. Use the “administration” component and the “UI”

HTMLの知識がなくてもサイト更新などが簡単にできるため、今や制作規模を問わず引っ張りだこなWordpress。Wordpressでは「テーマ」と呼ばれるものを変更するだけでデザインや機能を差し替えることができるようになっています。無料のWordpressテーマでも十分使えるものが出回っていますが、少しお金を出すとデザインクオリティが格段によく、カスタマイズ性も高いテーマが数多くあります。今回はそんな有料Wordpressをデザイナー目線で幾つかのジャンルに分けてご紹介したいと思います。それでは早速いってみましょう！ オーソドックス まずはコーポレートサイトからECサイトまで幅広く使えそうなオーソドックスなレイアウト感のテンプレートをご紹介します。企業向けに特化したテーマが多く、サービス紹介やFAQなどのフォーマットがあるテーマもあります。 ANGLE DEMO DOWNLOAD TOWE

Domain Suspension This domain has expired and is now suspended. If you would like to restore it please contact the registrar used to register your domain. You can check the registrar used for your domain at whois.CO. Este dominio ha expirado y está ahora suspendido. Si usted es el titular del dominio y quisera recuperarlo, por favor contacte el registrador que fue usado para registrar el dominio.

これらの作業によりPageSpeed Insightsのスコアが、61→77とかなり改善してきました。 毎回、一つ一つ成果を確かめながら高速化させたいので、今回は「画像最適化してブログの高速化」を行いたいと思います。 photo by Rami ™ 画像の最適化って？ 簡単に言うと、ブログで使っている画像の画質は保ったまま圧縮して転送サイズを減らし、ブログの表示スピードを速くすることです。 PageSpeed Insightsの提案には以下のように出ています。 画像を最適化する 画像を適切にフォーマット化して圧縮すると、データ サイズを大きく削減できます。 次の画像を最適化すると、サイズを 41.6 KB（15%）削減できます。 画像を適切に圧縮することで、41.6KB全体の画像サイズを削減できるようです。ちょうど上にあるPNG画像が22KBなので、トップページだけでその約2倍削減できるこ

Emmet sergeche/emmet-sublime 少ないコード記述でHTMLやCSSをサクサク記入できるパッケージです。使い方がわからなくてもチートシートを見ながら使っているうちに、手放せなくなります。 All Autocomplete alienhard/SublimeAllAutocomplete ただでさえ便利なSublime Textのコード補完機能を、さらに強化するパッケージです。自分で記入した関数や変数なども補完してくれます。 AutoFileName AutoFileName – Packages – Package Control こちらは、プロジェクトフォルダ内のファイル名などを補完してくれるパッケージです。images/のようにサブフォルダを指定しても補完してくれ、画像の場合は幅と高さまで表示＆補完してくれます。 wpseek.com WordPress Dev

追記 12/9 ついに WordPress 4.4 “Clifford” がリリースされました！WordPress 4.4 (英語版) はこちらからダウンロードすることができます。(日本語版はこちらからダウンロードできます。)または、管理画面から自動更新が利用できるのでアップデートしましょう! WordPress 4.4 “Clifford” しばらくこのブログを更新することが出来ませんでしたがそろそろ10月もおわり。今月末にはWordCamp Tokyoがありますね！！楽しみですね！！ちなみに私は行けません！！！遠いです東京！！！（ さて、気付いたら既にBeta1がリリースされていたようですが、WordPress 4.4のリリースがおおよそ1ヶ月半後、大体12月の２週目辺りを目処に予定されています。 WordPress 4.4 Beta 1 今回は自分の知っているWordPress 4.

[2013/07/25 追記] get_posts で検索してこの記事にアクセスされる方が多いのですが、この記事はquery_postsとget_postsをソースコードで比較したものですので、使い方を知りたい方は「WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】」も合わせてご覧ください。 query_posts と get_posts。どちらもWordPressから投稿のデータを取得するのに使えるので、特に使い分けを意識していない方も多いのではないかと思います。自分自身もはっきり結論がでているわけではないのですが、今回はこの違いについて考えてみます。 ※ WordPressについての立ち入った内容なので、予めお断りしておきます wp-includes/query.php に書かれています。 function &am