WordPress『 WP REST API 』#1 ブログを他のサイトに埋め込む方法｜レンタルサーバーナレッジ
複数の Web サイトを運用していて、WordPress で投稿したブログの内容（タイトルやアイキャッチ、公開日など）を別の Web サイトにも表示させたいと思ったことはありませんか？ 同じサーバー上でしたら読み込むのは簡単ですが、別のサーバー上にある WordPress の投稿を参照するのはハードルが高めです。 そこで今回は、WordPress に標準搭載されている『 WP REST API 』を使ってブログの内容を他の Web サイトに表示させる方法を紹介します。 PHP を使わず JavaScript と HTML だけで実装できるので、表示させたい側の Web サイトのサーバーが PHP に対応していない場合も安心です。 目次 WordPress の『 WP REST API 』について 『 WP REST API 』で最新のブログ一覧を取得する方法 他のWebサイトに最新のブログ
複合検索（絞り込み検索）をPHPとJavaScriptで実装（後編）
複合検索（絞り込み検索）の実装後編ではループ表示とページング機能を作るとともに、JavaScriptとAjax（jQuery）を使用してより使いやすい複合検索（絞り込み検索）フォームにしてみたいと思います。ワードプレスではAjax用のリクエストルートも用意されていますので確認していきます。 2019年3月5日 検索結果のループ表示と固定ページでのページング 検索結果を標準ループで表示 前回『複合検索（絞り込み検索）をPHPとJavaScriptで実装（前編）』までの内容でWP_Queryに与える引数$argsができましたので、あとはループを回すだけになります。記述は以下のようになります。 <?php $the_query = new WP_Query($args); ?> <ul> <?php if ($the_query->have_posts()) : ?> <?php while (
jQueryをフッターに移して高速化する – Capital P – WordPressメディア
高速化の重要性が叫ばれる昨今だが、WordPressもその例に漏れない。WordPressのようなPHP+MySQLという構成のCMSは、データベースやサーバー間ネットワークがボトルネックになることが多く、その対処法（キャッシュなど）はたくさんあるのだが、フロントエンド高速化となると、フロントエンド業界からの情報発信に埋もれてWordPressに固有のハックを見つけるのが難しいというのが現状ではないだろうか。フロントエンド業界の情報にはSPAを主に作っている人からの発信も含まれるので、WordPressとは必ずしも相性がよくない場合がある。 今回はそんなせわしない時代においても手軽に高速化を実現できるハックを紹介する。 フロントエンド高速化とは？ フロントエンドでの高速化には色々あるが、昨今よく言われているのは次のようなものではないだろうか。 HTTP/2導入でのストリーム並列処理。HTT
WordPress：投稿画面でタイトル、コンテンツ、カテゴリー選択、アイキャッチなどを入力必須にする方法 - NxWorld
WordPressは新規投稿する際にタイトルやコンテンツが空欄で何も入力されていなかった場合でも公開することができてしまうのですが、それを指定した部分が入力されていないときはアラート表示して公開させないようにする方法です。 以前にもタイトルとコンテンツが未入力の場合にアラート表示させることで入力必須にする方法は書いたのですが、コンテンツ部分の記述方法を少し変更しており、そこでは書いていないカテゴリー選択やアイキャッチといった他の部分にも設定する方法も併せて書いておきます。 コードは「投稿」の新規・編集画面に対して実装する場合のもので、下記をfunctions.phpに記述します。 一応コメントをつけていますが、以下のような順で各箇所が未入力または未選択だった場合にアラート表示するという記述になっています。 タイトル コンテンツ（エディタ） 抜粋 カテゴリー タグ アイキャッチ functi
郵便番号入力で住所自動入力するシンプルな Javascript
今回はレアな情報ではありませんが、お問い合わせフォームなどで郵便番号を入力すると住所を自動入力してくれるjavascriptです。 Javascript スクリプトの実行にはjQueryが必要です。 <script type="text/javascript"> jQuery(function($){ // 郵便番号入力による住所自動入力 $('#zipcode').change(function(){ var zip = $(this).val(); var url = 'http://api.zipaddress.net?callback=?'; var query = {'zipcode': zip}; $.getJSON(url, query, function(json){ /* json.pref 都道府県の取得 * json.address 市区町村の取得 * json.fu
一般ユーザーがバカと嘆くより早くWordPressポインターを出す | 高橋文樹.com | プログラミング
この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 例によってWordPressで会員制サイトを運営するときのユーザビリティ向上Tipsです。プラグイン作ったことあるとか、functions.phpをいじってるという人向きです。 ユーザーというのは思いもよらない使い方をするもので、誰でも登録できるようにすると、とんでもないことが起きたりします。また、新しい機能を追加しても、ナビゲーションバーを発見してもらえなかったりして、「使われない」という悲しい事態に陥ります。 こういうことがあると、管理者としては「これだからユーザーってやつは！」と絶望してしまいがちですが、「管理者がWordPressの管理画面を見慣れているだけで、ほとんどの人にとってはそうではない」という専門家にありがちなジレンマが起きているだけともいえます。 とはいえ
jQueryでWordPressの続きを読むをAjaxで読み込む
Posted: 2011.04.10 / Category: WordPress / Tag: Ajax, jQuery 通常のブログではあまり使うことはないかもしれませんが、jQueryの練習がてらWordpressの続きを読むをAjaxで読み込んでみようと思います。 WordPressのテンプレート 動作はタイトルと概要と「続きを読む」ボタンを記事一覧に表示して、「続きを読む」ボタンを押すと、ボタンが本文に置き換わるということをやります。 まずはテンプレートファイルを普通（？）に作成します。 一覧を表示するための「index.php」と、本文を表示するための「single.php」ですね。 index.php <?php get_header(); ?> <div id="entry"> <?php if (have_posts()) : while (have_posts()) :
WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグイン
WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグインを公開します。 閉じた状態 開いた状態 １．機能 本文の追記部分をjQueryを使って折りたたみします。このプラグインは「Show Hide "more" with WordPress」を改造したものです。 サンプル ２．ダウンロード 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.05.09 初版 2011.05.09 v0.2 jQueryの呼び出し方法変更／本文下に表示される「閉じる」をクリックしたときの折りたたみ速度修正 wp_more_content_folder_0_2.zip アーカイブを展開し、中にあるwp_more_content_folderフォルダをpluginsディレクトリにアップロードしてください。 アップロード後、管理画面で
ショートコードで使えるタブやスライダー、Twitterのツイート表示など、30以上の機能を搭載したWordPressプラグイン・Shortcodes Ultimate
WordPressではショートコードAPIと いう便利なAPIがあって、これを使え ば記事や固定ページでより幅広い表現 が知識の無い方でも出来ます。この ショートコードで様々なコンテンツ を実装出来るようにしてあるプラグイン です。 作成されているショートコードはタブ、スライダー、Twitterのツイート表示などなど30以上あり、覚えていなくとも簡単に利用出来る工夫もなされています。 個人的にショートコードの一元管理化はやろうと思っていた事だったのですが、プラグインの作り自体が凄く参考になったのでメモ的に記事にしました。もう少しシンプルでいいんですけど、自分で作成したショートコードの管理のいい雛形になるっぽいです。こういうのはGPLのいい所ですね。 沢山のショートコードが用意されていて、手軽に記事内にスライダーやタブ、アコーディオンやツイート表示、テーブルの作成などが可能です。 引用とか、
Wordpress Tabs Slides | Blog Abdul Ibad
Summary Wordpress Tabs Slides give you tabs and slides (in post/page) gives you the ability to easily add content tabs and/or content slides. The tabs emulate a multi-page structure, while the slides emulate an accordion-like structure, inside a single page! Installation 1. Upload folder wp-tabs-slides to the /wp-content/plugins/ directory. 2. Activate the plugin through the 'Plugins' menu in Word
jQueryで動作する開閉パネル式をWordPressのショートコートで作れるようにする基本的なチュートリアル
よく見かける、クリックで開閉するパネル をショートコードでサクッと作れるように するためのカスタマイズ法です。jQueryを 使います。どこにでも手軽に追加できる ので覚えておくと結構重宝します。FAQ 以外でも応用できそうですね。 FAQなんかで良く見かける開閉パネルをショートコードで作ろう、という内容です。一応ビギナーさん向けに書いたつもりですけど、分かりにくかったらすみません。 要所要素で開閉式のパネルコンテンツを実装する機会があるならショートコードで管理したほうが楽ですので覚えておくと重宝します。 完成イメージ こんな感じのやつです。クリックでパネルが開いて、回答が出現、みたいなの。これをショートコードでサクサク追加できるようにしてあげましょう的なコード。 Sampleこの動作をする開閉パネルをショートコードで簡単にサクサク追加できる、というのが今日の内容です。 スタイルはやっつけ
記事投稿時に指定したカテゴリーのチェックボックスを選択済みにする
こんばんは。 ◆質問１ ある複数のカテゴリーに紐付く大量の記事を作成したいのですが、 記事の作成の都度、それら複数のチェックボックスを選択するのは手間がかかり、 選択ミスもありそうですので、記事の新規作成の時に、 予め決めておいた複数のカテゴリーを選択済みにしておくことは可能でしょうか？ ◆質問２ 下記のような親子関係のカテゴリーがあったとします。 例えば「孫２」を選択した場合、通常のWPでは「孫２」だけが登録されます。 これを、「孫２」を選択して記事を登録すると、自動的に「親１」、「子３」 という親のカテゴリーも登録するようには出来ないでしょうか？ 親１ -子１ –孫１ -子２ -子３ –孫２ 宜しくお願いいたします。
WordPressのアーカイブページで本文を折りたたむ「wp_content_folderプラグイン」
WordPressのアーカイブページ（月別・カテゴリなど）で本文を折りたたむ「wp_content_folderプラグイン」を公開します。 １．機能 アーカイブページに表示されている記事タイトルをクリックすることで、本文の折りたたみを行います。折りたたみ状態はクッキーに保存します。 折りたたんだ状態（Twenty Elevenテーマ） 開いた状態 以下にサンプルも用意しました。 折りたたみサンプル ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.08.24 v0.1 初版 wp_content_folder_0_1.zip プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。 アーカイブを展開し、中にあるwp_content_folderフォルダをpluginsデ
銀行カードローンは消費者金融より審査甘いってホントですか
今融資を考えているのですが、審査が通るのか不安があります。銀行カードローンは審査が甘くなってきていると最近、よく耳にするのですが消費者金融のカードローンよりも審査が甘いのでしょうか。 消費者金融のカードローンよりも銀行カードローンの審査が甘いということはないですが、甘くなっているのも事実です まず、銀行カードローンの審査が特別厳しいという情報は正しくありません。何か過去に悪質に滞納していたなどがなければ大丈夫です。しかし、銀行カードローンが通らなかった人で消費者金融で審査が通ったという人のほうが割合が多いのも事実です。稀に逆もあります。審査のハードルはほとんど変わらないところまできています。 なぜ銀行カードローンの審査と消費者金融のカードローンの審査のハードルが変わらないのでしょうか。それは近年、銀行と消費者金融会社との提携が増えているという背景があります。表向きは銀行がカードローンをやっ
WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_maker」プラグイン
WordPressのサイドバーリストをjQueryでツリー化する「wp_tree_maker」プラグインを紹介します。 プラグイン適用前 プラグイン適用後 このプラグインは、以前公開した「サイドメニューのツリー化プラグイン for WordPress」をjQueryで新たに作り直したものです。これにより、ツリー化の設定が格段に簡単になりました。 １．機能 本プラグインの主な機能は次の通りです。 階層構造のリストをツリー化します サブカテゴリーの多段階層にも対応しています ツリー化の設定は管理画面から行えます ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.05.24 v2.0 jQuery版 2011.05.26 v2.1 保存後に入力項目が表示されない不具合を修正 2011.12.03 v2.2 第1階層にもツリーを
WordPress で jQuery などの外部ファイルを読み込む wp_enqueue_script()
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
テーマでwp_enqueue_scriptを使う | Waviaei
コリスさんが作成されたページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプト「Page Scroller」を入れてみました。ページの右下の方にある「↑toTop」をクリックしてみてください。スムーズにページ上部へスクロールするはずです。 で、このスクリプトを実装するときに使ったのがwp_enqueue_script();と言うWordPressのアクションフック。Ver. 2.1から導入されたみたいなんだけど、プラグイン向けの関数と言うこともあって、その存在すら全然知りませんでした（汗） wp_enqueue_scriptとは 何をするフックかと言うと、外部参照のスクリプトを： 重複しないように 適切な順番で 読み込むように自動的に調節してくれるフックです。なぜこんなのが必要かと言うと、最近のプラグインやWPコアの機能において、jQueryやscript.aculo.
Adding Scripts Properly to WordPress Part 1 – wp_enqueue_script « Weblog Tools Collection
Use of those WP_*_URL constants is actually not recommended. Instead, you should use the functions designed for this purpose. Will produce: http://example.com/blog/wp-content/whatever There’s also plugins_url(), includes_url(), admin_url(), and site_url(). These have been around since WP 2.6. WP 3.0 adds a bunch of new ones, like home_url and network_home_url and so forth. All these work basically
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dev7studios
WordPress › JQuery Mega Menu Widget « WordPress Plugins
