tips Advanced Custom Fieldsとは長く付き合いたい、けど縛られたくない、そんな人のためのTIPS。Jun 14, 2016 Advanced Custom Fieldsの便利さを享受しながら、クローズド化の罠を回避する Advanced Custom Fields（以下ACF）が世に出てから４年は経つでしょうか。いくつかスマートげなプラグインも出たものの、いまだにシェアは圧倒的。今ひとつよくわからん機能があっても、管理・入力補助にすぐれ、結局クラインアントワークでは欠かせないんですよね。 しかし出力に独特の癖があるACF。この先、プラグインの乗り換えを検討する時が来るかもしれません。カスタムフィールドはWPで今後も利用されていくでしょうが、ACFに依存するテーブルデータや出力関数があるせいでプラグインやテーマを互換性がないなんて、オープンプラットフォームを使っている

〜少しでも早く公開したいあなたに〜 レビュワーの経験から学んだ、 公式テーマディレクトリ審査の攻略テクニック Yusuke Takahashi 2017.09.16 WordCamp Tokyo 2017 それでは、「レビュワーの経験から学んだ、公式テーマディレクトリ審査の攻略テクニック」というタイトルでお話させていただきます。高橋と申します。

WordPressでSPAをつくるオープンソース Ionic-WP.comは、WordPressのREST APIを通してデータを取得してきて表示するSPA（Single Page Application）テーマです。 デモはこちらをご覧ください。 SPAはGoogleが推進している「ウェブのアプリ化」のための技術です。 SPAにすることでTwitter LightのようにWebページをアプリとして扱えたり、オフラインでも表示できるようになり 大きくUXを向上することができるといわれていますが、どこから手をつけたらいいかわからないとよく聞くので、 簡単にconfigファイルをいじるだけで自分のWordPressをSPAで表示することができるようにテーマをつくり、オープンソースとして公開しました。 WordPress.comだけではなく、自分でホスティングしているWordPress（org）

About Disallowed Items By no means are we suggesting any of these disallowed plugins are “bad” plugins. Some of them, like related posts plugins, can be great for content discoverability. As your managed host for WordPress, our primary concern is to provide the fastest and most secure hosting experience we can. These plugins have proven that they will negatively impact performance or security on o

最近人気の WordPress テーマでは豊富なカスタマイザー項目が設置してあるものが多いかと思います。ただ、カスタマイザーに関する日本語の情報が思ったよりなかったので、Coldbox テーマを作った時の知識を基にカスタマイザーの設定方法をまとめてみようかと思います。 カスタマイザーファイルの設置場所 これは決まりがあるわけではないんですが、カスタマイザー系のファイルは一つのフォルダにまとめて書いてあることが多いです。私は普段 czr/ というフォルダを作ってその中で管理しています。 また、ほかのテーマを見ていると、customizer-setting.php, customizer-section.php, customizer-control.php のように用途別のファイルにしているものも多いようです。 もちろん functions.php に書くことも出来ますが、あまりに複雑化しす

WordPress5.0から採用されるGutenbergだが、決定的に新しい概念として、「ブロック」というものがある。ブロックの正体は <!--wp:xxx--><!--/wp:xxx--> というHTMLコメントで囲まれた独自タグのようなものだが、これは独自に追加することができる。ショートコードのようなものだと思ってもらっていい。 このコメント、筆者はあまり好きではない。純粋なHTMLを保存したかった。 これにかなり近い機能として、現時点でも使えるプラグインに Shortcake というものがあり、筆者も便利に使っていたのだが、こちらはBackbone製でおいそれとカスタマイズできるものではないので、公式採用にいたらなかったのだろう。 なにはともあれ、Gutenbergをカスタマイズして使いこなすにあたって避けられられないのがブロックである。今回はReactがなんなのかをよくわからないま

2020-04-10 iOS 13から追加されたフルページのスクリーンショットの機能と対応方法の紹介 iOS こんにちは！ ZOZOTOWN部の遠藤です。 iOS 13がリリースされて半年が経ちましたね。iOS 13といえばダークモード機能が注目を浴びましたが、それ以外にもたくさんの新しい機能が追加されました。 本記事では新しく追加されたフルページのスクリーンショットに… iOS 13から追加されたフルページのスクリーンショットの機能と対応方法の紹介 2020-03-13 技術書典 応援祭にて「ZOZO TECH BOOK VOL.1」頒布中 #技術書典 お知らせ こんにちは、ZOZOテクノロジーズ CTO室の池田（@ikenyal）です。 ZOZOテクノロジーズでは、現在開催中の技術書典 応援祭にて、有志で制作した技術同人誌【ZOZO TECH BOOK VOL.1】の頒布を開始しました

『サガ スカーレット グレイス 緋色の野望 Limited BOX 【邪神】』 の Nintendo Switch 版と PlayStation 4版のどちらを予約すべきか長々迷った挙句、結局 Switch 版を選んだ kagata です。いずれにしてもハードを買ってこないといけません。 今回は、WP-CLI の中ではあまり注目されていないような気がするコマンド wp shell を紹介します。地味ながら、いろいろな場面で活用できる万能コマンドです。 wp shell とは wp shell は、コマンドラインから入力した PHP コードを対話的に実行するコマンドです。WordPress 向けの REPL というと、プログラマーには通りがよいかもしれません。 wp shell | WordPress Developer Resources 使い方はシンプルです。WP-CLI をインストール

正直あまり時流に乗れていないのですが、昨今フロントエンドとバックエンドを分離してフロントにより自由度を！ とのコンセプトのもと「Headless（ヘッドレス） CMS」なるものが流行しているそうです。 国内ではあまりサービスは見られないものの、海外ではHeadless CMSの先駆けとして「Elemeno」、そしてFacebook社も「GraphCMS」をリリースしています。 確かにCMSからViewを分離できれば、 CMS側ではJSON（API）のみになるためフロント側が言語に依存しないホスティングされたものが使えるため自前のサーバーがいらず、セキュリティ等もおまかせ等のメリットがあります。 とはいえ、やはりそこは枯れたWordPress。 痒いところに手が届くプラグイン群や日本語のUIはクライアントワークには欠かせません。 そこで、「インストールしたらまずはREST APIをオフに」等

前述したハンドブックでも基本的なことはできるのですが、全ての API やコンポーネントの情報が載っているわけではないので、もう一歩進んだことをやろうとすると、どうやってやるんだ…となってしまいました。 Gutenberg はもうだいぶ API も固まってきたんじゃないかなぁと想像していますが、これまですごい勢いでどんどん開発されてきているので、ググってでてきた情報を試してみても動かなかったりすることがあります。 そこでおすすめなのは GitHub にある Gutenberg のリポジトリを覗いてみることです。つまりソースを見るということですね。プラグインとしてインストールした Gutenberg にはビルド後のファイルしか入っていないので見てもよくわからないのですが、リポジトリにはビルド前のファイルがあるので、コアブロックのソースファイルとかをみるとかなり参考になります。 「いや、難しくて

WordPress® の各記事（投稿や固定ページ。以降、単に「ページ」と記載）には、ステータスと公開状態の二つの属性があります。 これらの設定値（及びその日本語訳）がわかりづらいため、ここに整理します。 WordPress の投稿や固定ページには、ステータスと公開状態の二つの属性があり、用語として似ているためわかりづらくなってしまっています。 公開状態 英語では Visibility （ビジビリティ） となっており、「ページの可視性」あるいは「保護状態」を表す項目です。 tune 公開 （特別な保護なく）誰でも閲覧可能なページです。 tune パスワード保護 パスワードで保護されているページです。パスワードの入力欄が表示されたページまでは誰でも閲覧可能ですが、本文やコメントの内容はパスワードを正しく入力したユーザーにしか表示されません（例え管理者であってもパスワードの入力なしに閲覧すること

tips PDF Image Generator : PDFのサムネイル画像を自動生成するプラグイン。Sep 26, 2014 PLUGIN : PDF Image Generator PDF Image Generaterwordpress.orgから最新版をダウンロード DEMO : PDFのサムネイルを生成&リンクに画像を挿入する WORDPRESSの記事内にPDFを表示するプラグインとしてはGoogle Docs Viewerを用いた「Embed PDF」「Google Doc Embedder」(GDEは2016年現在開発が継続しています。ちなみにEmbed系のプラグインは大抵当プラグインと共存可能です。)が有名ですが、サイト設計の都合で充分なドキュメント表示スペースがないからPDFを使うケースもあるし、PDFビューアだと読込み時間がかかったりデザインの可塑性にかけたりで用途が限

サイト２とサイト３の管理者は殆どの権限があると書きましたが、プラグインのインストールなど一部の機能は特権管理者しか操作が行えないため、『サブディレクトリ』のWordPressでも自由にプラグインを入れたりしたいとなると『サイトのネットワーク』機能では対応出来ません。 そのため、当記事では『サイトのネットワーク』機能ではない、サブディレクトリにKUSANGI環境のWordPressを設置する手順の紹介となります。 なお、主な手順は以下のKUSANAGIユーザーグループにあった投稿を参考にさせていただきましたが、 当記事では　http://example.com/wp1/ と wp2/ を作成し、 http://example.com/には設置しない手順となります。 kusanagiユーザーグループ:TOP › フォーラム › インストール › DocumentRoot以下のサブディレクトリに

自身の趣味である「釣り」について綴った記事の一覧。釣り具や仕掛けの細かい説明よりも、釣りに訪れた際の雰囲気をメインに綴っています。海釣り・川釣り、釣った魚を捌いての釣り飯や釣具のレビューもしています。

ホームページ制作でWordPressのテーマを作っていると、functions.php で add_action や add_filter を使うことがよくあると思います。テーマをよりカスタマイズしたりプラグインを制作したりすると、このあたりをしっかり理解するというのは避けて通れません。言い方を変えると、アクションフックやフィルターフックを使いこなせるようになると WordPress のカスタマイズの幅が劇的に広がります。ということでここではアクションフックとフィルターフックについてみていきます。具体的なアクションフック・フィルターフックの利用例は「【WordPress入門】アクションフック・フィルターフックを使い倒してWordPressをカスタマイズする」にまとめていますので、そちらも合わせてご覧ください。 主要なアクションフック テンプレート表示時に有用なアクションフック テーマのテ

WordPressにはoEmbed という仕組みが導入されていて、たとえばYouTubeのURLを投稿の本文に入れるだけで、自動的に動画の埋め込みタグに変換してくれます。すごく便利なんですが、埋め込みコードの外側のpタグにclassを追加したり、iframeの属性をカスタマイズしたい場合、WordPressのフィルター機能 を使う必要があります。 今回はそのカスタマイズの方法をご紹介します。 WordPressでoEmbedでYouTube動画を埋め込むには 以下のURLを本文に書くと… https://www.youtube.com/watch?v=IEsunlfXLig 自動的に以下のHTMLに変換されます。 <p><iframe width="500" height="281" src="https://www.youtube.com/embed/IEsunlfXLig?featur

ホームWordPressReally Simple CSV ImporterでWordPressのカスタムフィールド（Smart Custom Fields）の繰り返しフィールドにデータをインポートする方法 Really Simple CSV ImporterでWordPressのカスタムフィールド（Smart Custom Fields）の繰り返しフィールドにデータをインポートする方法 2022 2/25 カスタムフィールドのプラグインは Smart Custom Fields を使っています。 CSVをインポートするプラグインは Really Simple CSV Importer を使いました。 Smart Custom Fields は、繰り返しフィールドが使えるので大変重宝しているプラグインです。今回、カスタムフィールドの繰り返しフィールドをCSVで一括登録したく、インポートする

WordPress で投稿のスラッグを英語に自動変換してくれるプラグイン「Simple Slug Translate」を作りました。 Simple Slug Translate — WordPress Plugins Simple Slug Translate について 使用方法 パーマリンク設定に投稿名（%postname%）を使用している場合、例えば新しい投稿を作成してタイトルに日本語を入れると「%E6%B2%88%E9%BB%99%E3%81%AF%E9%87%91」みたいなパーマリンクができあがって、ちょっと残念な感じになりますよね。 そこで「Simple Slug Translate」を入れると、タイトルの文字を翻訳して自動的に英語のパーマリンクを作ってくれるようになります。 パーマリンクを手動で変更した時はちゃんとそちらが反映されますので、自動変換された文字列をそのまま使うのも

高速化の重要性が叫ばれる昨今だが、WordPressもその例に漏れない。WordPressのようなPHP+MySQLという構成のCMSは、データベースやサーバー間ネットワークがボトルネックになることが多く、その対処法（キャッシュなど）はたくさんあるのだが、フロントエンド高速化となると、フロントエンド業界からの情報発信に埋もれてWordPressに固有のハックを見つけるのが難しいというのが現状ではないだろうか。フロントエンド業界の情報にはSPAを主に作っている人からの発信も含まれるので、WordPressとは必ずしも相性がよくない場合がある。 今回はそんなせわしない時代においても手軽に高速化を実現できるハックを紹介する。 フロントエンド高速化とは？ フロントエンドでの高速化には色々あるが、昨今よく言われているのは次のようなものではないだろうか。 HTTP/2導入でのストリーム並列処理。HTT