【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src="sample.mp3" id="audio" pause="pause" l... 【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン続きを読む →- 【PHP】画像サイズを取得する［getimagesize］の使い方 画像の縦・横のサイズをループ内で動的に取得、表示する必要があり、その方法を調べたのでメモします。 PHPのgetimagesizeを使って簡単に実装できました。 基本的な使い方は以下のとおり。 <?php $file = "sample.png"; ?> <img src="<?php echo... 【PHP】画像サイズを取得する［getimagesize］の使い方続きを読む →
- 【JavaScript】非推奨の「document.write()」の代替方法 これ。 つい先日まで知らなかったんですが。 JavaScriptの「document.write()」を使うのは現在はNGとされているようですね。 W3CではHTML5でのdocument.write()の使用を非推奨としています。 またGoogleの PageSpeed Insights でも、document.wr... 【JavaScript】非推奨の「document.write()」の代替方法続きを読む →
【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応） みんな大好きインスタグラム。 今日はInstagramの投稿をウェブサイトに表示させる方法を紹介します。 前半部分では［Instagram Graph API］を使って、Instagramの投稿を表示させるのに必要な「アクセストークン」と「InstagramビジネスアカウントID」の取得方法を。 後半部分ではPHPでJ... 【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応）続きを読む →- TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法 ［nitter］でTwitterをRSS化する まずはnitter公式サイトへ移動しましょう。 nitter:https://nitter.net なおMacOSをお使いの場合は、後々のことを考えSafariではなくGoogle Chromeを使ったほうがいいです。 手順は以下のとおりです。 画面中央の「Enter u... TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法続きを読む →
【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法 通常、ワードプレスのカスタムメニューを出力するときは wp_nav_menu を使います。 一例を挙げると次のように記述しますね。 <ul> <?php wp_nav_menu ( array('menu'=>'header-navi', 'container'=>false, 'item... 【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法続きを読む →- 【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します WordPressで投稿（または固定ページ）を編集するとき、デフォルトではタブ（インデント）が使えません。 オンズのブログのようにコードの紹介や解説がメインのサイトでは、タブを使用する頻度が多いのでかなり不便です。 そこで登場するのが［Tabs in Post Editor］というプラグイン。 Tabs in Post... 【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します続きを読む →
- 【jQuery】右クリックを禁止する方法 ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。 ウェブサイト全体で右クリックを禁止にする方法 なにがなんでも、とにかく右クリックを禁止にする方法です。 以下のコードで実装できます。 $(function(){ $(document).on("contextmenu",fun... 【jQuery】右クリックを禁止する方法続きを読む →
- 【WordPress】ウィジェットのタイトルを非表示にする方法 WordPressで構築したサイトのサイドバーなどで、設定したウィジェットを表示するとき、タイトルだけを非表示にする方法を紹介します。 ウィジェットのタイトルを非表示（出力しない）にする方法 以下のコードを［functions.php］に記述すればOKです。 add_filter( 'widget_title', 'm... 【WordPress】ウィジェットのタイトルを非表示にする方法続きを読む →
- お知らせ 11月8日： メインのサイトを非同期通信（AJAX）に対応しました。 株式会社オンズ - メインサイト：https://on-ze.com 11月5日： 制作実績のページにつくば市研究学園のレストラン「Gastro Kitchen Junboo」を追加しました。 制作実績：https://on-ze.com/works... お知らせ続きを読む →
- 【WordPress Plugin】改竄インシデント謝罪文自動生成 面白い（？）ワードプレスのプラグインを見つけてきたので紹介します。 はじめに申し上げますがこの記事は実用性ゼロですので、多くの方にとって時間の無駄です。 ほんとうに興味がある方以外はこのページを閉じるのが賢明です。 紹介するのはタイトルのとおり『改竄かいざんインシデント謝罪文自動生成』プラグインです。 配布先は以下。 ... 【WordPress Plugin】改竄インシデント謝罪文自動生成続きを読む →
- 【WordPress】検索結果ページのURLを変更する方法 WordPressで検索を行うと、通常は下記のようにURLの末尾に「?s=xxx」がつきます。 http://example.com/?s=検索キーワード この「?s=検索キーワード」のパラメーター部分を変更する方法を紹介します。 検索結果ページのURLの変更方法 使用しているWordPressのテーマファイル内、「f... 【WordPress】検索結果ページのURLを変更する方法続きを読む →
- 【jQuery】特定の要素をクリックしたことにする .trigger() の使い方 ある要素をクリックしたことにする .trigger() の使い方を紹介します。 $('#sample').trigger("click"); これで［id="sample"］と名付けられた要素をクリックしたことにできます。 ピュアJavaScriptで書くと以下のようになります。 document.getElement... 【jQuery】特定の要素をクリックしたことにする .trigger() の使い方続きを読む →
- 【jQuery】順番に処理を実行する .when() と .done() の使い方 JavaScript を書いているときに、複数の処理を順番に実行したい場面に遭遇します。 そんなときに［.when()］と［.done()］を使うのが便利です。 .when() は先に実行したい処理。 .done() は後で実行したい処理。 覚えるのも使うのも簡単です。 .when() と .done() をメソッドチ... 【jQuery】順番に処理を実行する .when() と .done() の使い方続きを読む →
- 【WordPress】ログアウト後のリダイレクト先URLを変更する 例えばWordPressプラグイン［WP-Members］などを利用して会員サイトを作っているとき。 ユーザーがWordPressからログアウトすると、通常は以下のようなWordPress専用のログイン画面が表示されます。 この画面を表示させず、独自に指定したURLにリダイレクトさせるために、以下のコードを「funct... 【WordPress】ログアウト後のリダイレクト先URLを変更する続きを読む →
コレ知ってた？ IE10以降は条件付きコメント「〜」が効きません。 とあるJavaScriptのライブラリを実装したところ、IE11でエラーが発生したので、問題解決のために「Polyfill.io」を使うことにしました。 Polyfill.io : https://polyfill.io/ IEのときだけ読み込みたかったので、以下のようなコードを記述。 <!--[if IE]&g... コレ知ってた？ IE10以降は条件付きコメント「〜」が効きません。続きを読む →