WP REST APIでの情報の取得と表示・使い道について - ソフプラント
WP REST APIはWordPressで作成したサイトの投稿やデータにアクセス可能になるAPIです。 WordPress 4.7で本格的にプラグインから統合されたREST APIですが、最近利用する機会がありましたので、Tipsをまとめてみました。 今回行ったのはyanooや楽天などのプログラムを動かせない、htmlとjsのみで作成するページと、wordpressサイトでの情報の共有です。 私なんかはphpでwp-load.phpを読み込んで、好きなようにデータを出力して、読み込ませればREST APIとか特ににいらないかなと短絡的に考えてしまうのですが、REST APIはそのようなちょっとしたカスタマイズの話ではなく、ある程度の規模の開発や汎用性が必要になってくると効果を発揮するのではないかと思われます。 それでは具体的にはどのようなメリットがあるのでしょう。 WordPressのあ
WP REST APIを使ってWordpressをAPI化してみよう！ | 東京上野のWeb制作会社LIG
こんにちは。バックエンドエンジニアのヤスタカです。 前回の記事（前回の記事へのリンク入れる）では WordPress でいろいろなデータの取得方法について、WP_Query を使って紹介しました。 今回はこれを REST API 化してみようと思います。 使うプラグインはこちら、WP REST API（versino2） です。 「このプラグインを有効にすると、Wordpress で投稿した情報を簡単に json 形式で返してくれる API ができるので、俺は PHP なんか書きたくない！ javascript が書きたいんだ！！」 って人は、Wordpress の管理画面だけを利用して、後は自分の好きなように javascript で実装できるかもしれませんね＼(^o^)／ 導入してみる それではさっそく WP REST API の使い方を見ていきましょう。この導入はとっても簡単です。
WordPressの新しいエディター「Gutenberg」の基本的なカスタマイズ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、ウラカワです。 今回はWordPressの新しいエディターGutenbergについてです。 挙動が怪しかったり調整不足だったりして、お世辞にも使いやすいとは言えないですが、じわじわと改善されています。 まだリリースされていないので仕様変更は十分ありうると思いますが、執筆時点での基本的なカスタマイズ方法をまとめてみました。 目次 そもそもGutenbergを使いたくない場合 テーマで使う機能の設定 カスタム投稿タイプで使う方法 ブロックを制御する方法 スタイルを設定する方法 そもそもGutenbergを使いたくない場合 そもそも使いたくないという場合は以下でクラシックエディターに戻ります。 ただ、スタイルの読み込みがそのままだったりと完全に取り除くわけではありません。専用のオプションが欲しいですね。
テーマ を Gutenberg に対応させる時、最低限やっておく事 – ねんでぶろぐ
WordPress5.0では新しいエディタ「ブロックエディタ」が搭載されます。 公開画面では「ブロックエディタ」で入力したコンテンツはテーマ側が対応していなくても だいたい表示するようになっています。 【ブロックエディタ 公開画面】 管理画面(編集画面)では、テーマ のデザイン(公開画面) と同じデザインで編集できるようにする事で ユーザーは簡単にイメージ通りのコンテンツを作成する事ができます。 しかし デフォルト(ブロックエディタ非対応テーマ) では 管理画面(編集画面)では テーマのデザイン(公開画面)と だいぶん違う状態になっていますので それぞれテーマ側で対応しなくてはなりません。 【ブロックエディタ 編集画面(非対応)】 ※基本表示幅は 580px になっています。「Gutenberg を試してみよう」画像が大きいのは「幅広」設定になっているためです。 【ブロックエディタ 編集画
無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
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サイトのためのAMPの基本と実装方法
グーグルが推進しているモバイル向けの高速化技術「AMP」、もう対応しましたか？ WordPressを利用しているサイトなら、意外なほど簡単に対応できます。 グーグルのAccelerated Mobile Pages（AMP、モバイル向け専用の高速ページ）プロジェクトは2016年2月24日に始まりました。何千もの開発者が参加者として名を連ね、無数のWebサイトがAMP版ページを用意して、多くの開発者がAMPを学んでいます。ここでは、WordPressでAMPを使う方法を学びます。 グーグルは真剣にAMPに取り組んでいます。検索エンジンのランキング基準の1つにして、多くのサイトにとってAMPが必要になるように仕向けました。まずは、グーグルのAMPプロジェクトの詳しい情報を紹介します。WordPressサイトでAMPを利用する方法も含まれます。 AMPとは？ AMPとは、モバイルブラウザー上でW
さくらのクラウドにWordPressをインストール
さくらインターネットの、さくらのクラウドにWordpressをインストールしたので作業メモ。 まずは、さくらインターネットに会員登録。 その際、電話承認があったので用意をしておくといいかも。 その後、さくらのクラウドアカウント作成。 さくらのクラウドにログイン後、管理画面を開いてからは、KUSANAGI for さくらのクラウドのページの通りに行けば大丈夫。 仮想マシンイメージの作成 -「KUSANAGI for さくらのクラウド」の仮想マシンイメージを作成 -仮想マシンのオーダー *ここの「アーカイブからKUSANAGI を選択します。」は上メニューのシンプルモードにチェックが入っていると出てこないので注意。 *管理ユーザー（root）のパスワードが求められるので、メモ。 仮想マシンにログインして初期設定の準備を行う *管理画面内でコンソールが使えるので楽 コンソール画面から仮想マシンに
WordPressで記事の評価を点数で把握するプラグイン「WP One Metric」
忙しい人があれこれ数字を見て記事の評価を判断するのは大変です。たった1つのスコアだけを見ればよい記事評価の仕組み「One Metric」というものがあります。 「One Metric」とは Web担当者Forumのこちらの記事で知りました。 期待値に対する結果を適切に重み付けしてスコア化することで、たった1つの数字を見るだけで結果の善し悪しが分かるようになるというものです。 「One Metric」は単一のスコアであり、それ以前のコンテンツの平均的パフォーマンスと比較することによって、コンテンツがどれほどの成功を収めたかを明らかにするものだ。 僕たちは、いくつかの異なる指標（「材料」）を組み合わせてOne Metricを開発したのだが、そうした指標は、次の3つのカテゴリに分類される。各カテゴリの比重は同等だ。 Googleアナリティクス オンページ（インハウス）指標 ソーシャル指標 Web
WordPressエディターが自動付加するrel="noopener noreferrer"を除去する方法
どうやら、外部リンクに「target=”_blank”（リンクを新しいタブで開く）」が指定されていると、そのリンクに対して「rel=”noopener noreferrer”」属性が自動的に付加されるので、参照元が取得できなくなるようです。 ただ、リファラ（参照元）が取得できた方が何かと便利です。加えて、アフィリエイトサービスによっては、リファラ情報がないと成果が発生しないケースも考えられます（アフィリエイトURLにIDとかがなくリファラで判断するASPの場合）。 なので、一旦設定を元に戻して「自分のサイトにどのような影響が出るか？」を確かめるため、「rel=”noopener noreferrer”を無効にするコード」を書いたので紹介です。
WordPressの新機能 複数タクソノミークエリーまとめ – Simple Colors
先日、「WordPress 3.1 RC3 をみんなでテスト！ 」に参加し、その際、複数カスタムタクソノミークエリー（en. Multiple Taxonomy Handling）のテストを担当させてもらいました。 ついでに、仕様などについても探ってましたので、まとめてみることにします。 複数タクソノミークエリーとは なるべく正確に言うと、query_posts または get_posts の引数に新たに設けられた tax_query により、カテゴリー、タグ、カスタムタクソノミー等による記事抽出条件を、複数かつ様々なパラメータで細かく設定できる機能。 tax_query の値は、抽出条件毎の配列と各条件の結合方法（パラメータ名：relation）で構成される。 こう書いても、分かりにくいと思いますので、もっとかみ砕いて、粉状にして言うと「これさえ憶えておけば、WordPressでの絞り込
複数タクソノミーで絞り込めるアーカイブページを作成する。 | 投稿 | web.contempo.jp
wordpressで複数タクソノミによるPOSTの絞り込みの方法はそちこちで紹介されています。（個人的にはここが参照しやすいと思う。）こいつを、従来のカテゴリページのようにページングができる複数タクソノミのアーカイブページとして設置したい、というわけです。 パーマリンクがないからパラメータでURLをカスタマイズする 例えばポストに次のような２種類のカスタムタクソノミを割り当てているとします。 taxonomy: color terms: red / blue / green taxonomy: form terms: square / circle / triangle 普通にタクソノミーのテンプレートでは //example.com/color/red …とか //example.com/form/square/page/2 …とかは表示できても、colorはredかつformは
WordPressのカスタムナビでBootstrapを使ってドロップダウンメニューの親要素をクリックさせる方法 | たけめも
泣きながらBootstrapをWordPressに組み込んでました。Bootstrapのナビゲーションを使って、かつWordPressのカスタムナビを使いたい。 けっこう手間取ったので、二度とハマらないようにメモ。 まずBootstrapは通常だとドロップダウンメニューの親要素はリンクが聞かなくなる。これ大事。 なので、あまり知られていないBootstrapスタイルテクニック、小技16個まとめ – PhotoshopVIPにあるように、 $('.dropdown-toggle').click(function() { var location = $(this).attr('href'); window.location.href = location; return false; }); を追記すると、リンクが効くようになる。 wp-bootstrap-navwalkerを導入。
WordPress プラグインなしでシンプルなページネーションを実装
WordPressのページネーションをプラグインなし、シンプルなデザインで実装してみます。 Screen shot 参考：出力されるコード <div class="pagenation"> <ul> <li class="prev"><a href="....">Prev</a></li> <li><a href="....">1</a></li> <li><a href="....">2</a></li> <li><a href="....">3</a></li> <li class="active">4</li> <li><a href="....">5</a></li> <li class="next"><a href="....">Next</a></li> </ul> </div>
ブラウザキャッシュの設定をしてWordPressブログの表示スピードを上げる方法
先日、PageSpeed Insightsというツールを知りました。 PageSpeed Insightsとは、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールです。 早速、僕のブログも試してみたところ、速度がさんざんな結果になりました。 photo by DAVID MELCHOR DIAZ PageSpeed Insightsでのテスト結果 モバイルのテスト結果、43点。 パソコンのテスト結果、61点。 「これはいけませんぞ！」と思いましたが、とりあえず、いきなり全ての問題を一度に解決するのは不可能なので、まずはパソコンの方から修正していくことにしました。 パソコンの修正提案の概要 PageSpeed Insightsでは、サイトの表示スピードが高速になるように修正箇所を提案してくれます。 当ブログが今
さくらインターネット、超高速WordPress環境「KUSANAGI」を「さくらのVPS」で実行可能に
さくらインターネットは10月31日、プライム・ストラテジーが開発した超高速WordPress仮想マシン「KUSANAGI（くさなぎ）」を「さくらのVPS」で実行できる「KUSANAGI for さくらのVPS」の提供を開始した。 KUSANAGIは、WordPressを高速に動作させるための仮想マシンおよびそのイメージ。WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現するという。 KUSANAGI for さくらのVPSでは、さくらのVPSのコントロールパネルから、「CentOS 7（64bit）」上に「KUSANAGI」がインストールされたサーバーを簡単に作成可能だとしている。追加料金不要で導入可能なため、企業のウェブサイトはもちろんのこと、個人のブログにおいても、より快適にWordPress環境を利用できるという。
「MTS Simple Booking C」による予約システムの作成 | 西沢直木のWebサイト【スカイプ対応IT講座】
作成する予約システム 画面構成は次のようになります。 作成するシステム 日付選択 --- 予約する日付を選択します。 時刻選択 --- 選択した日付で任意の時刻を選択します。 お客様情報入力 --- お客様の名前や連絡先を入力します。 確認画面 --- 入力・選択内容を確認します。 予約完了 --- 予約が完了します。管理者とお客様に確認メールが送信されます。 このようなシステムをプログラミングせずにDIY感覚で組み立てるイメージで作成できます。さっそく始めましょう。 始める前に：WordPressの準備 事前に、システムを組み込むWordPressを準備しておいてください。3.5以降のバージョンが必要です。使用中のWordPress、業務で使い込んでいるWordPressでも構いませんが、テスト用にWordPressをインストールしていただいた方が無難です。 さくらインターネットをお使い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5449
http://blog.yukarien.com/tech/how-to-fix-no-category-pagination/
WordPressの可能性がさらに広がる！Webデザインのトレンドを効果的に取り入れる便利なプラグインのまとめ
