株式会社オンズのブログ記事一覧

【WordPress】アーカイブページで、次のページと前のページが存在するかを判定する方法 記事の一覧ページ、例えば index.php や archive.php などで、「次のページ」や「前のページ」が存在するかを判定する方法を紹介します。 WordPress Codex で調べてみると、get_previous_posts_... 【WordPress】アーカイブページで、次のページと前のページが存在するかを判定する方法続きを読む →

【PHP】処理にかかった実行時間を計測する方法 PHPでスクリプトの実行時間を計測する方法を紹介します。 使用するのはPHPのmicrotime()関数。 これを使ってスクリプトの開始時間と終了時間を取得し、要した時間を計算します。 「処理の終了時間」-「処理の開始時間」=「処理に要した... 【PHP】処理にかかった実行時間を計測する方法続きを読む →

【JavaScript】ラジオボタンのチェックをすべて外す方法 ラジオボタンは通常、何も選択されていない状態ですが、一度どれかを選択してチェックマークをつけると「何も選択していない状態」には戻れないんですよね。 そこでJavaScriptを使って「どのラジオボタンにもチェックが入っていない状態」に戻す機... 【JavaScript】ラジオボタンのチェックをすべて外す方法続きを読む →

【WordPress】ユーザー権限 × 5種類を徹底解説 今日はWordPressの「ユーザー権限」について解説します。 ユーザー権限の一覧 WordPressの権限の種類と、それぞれができることを一覧表にまとめています。 権限 管理者 編集者 投稿者 寄稿者 購読者 各種設定 〇 ユーザーの管理... 【WordPress】ユーザー権限 × 5種類を徹底解説続きを読む →

【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src... 【HTML5 + jQuery】音声ファイルの再生／停止を制御するボタン続きを読む →

【PHP】画像サイズを取得する［getimagesize］の使い方 ワードプレスで運用しているウェブサイトで、サムネイル画像の縦・横のサイズをループ内で動的に取得、表示する必要があり、その方法を調べたのでメモします。 PHPのgetimagesize()を使って簡単に実装できました。 基本的な使い方は以下の... 【PHP】画像サイズを取得する［getimagesize］の使い方続きを読む →

【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応） みんな大好きインスタグラム。 今日はInstagramの投稿をウェブサイトに表示させる方法を紹介します。 前半部分では［Instagram Graph API］を使って、Instagramの投稿を表示させるのに必要な「アクセストークン」と「... 【PHP】特定の Instagram の投稿写真を［Instagram Graph API］を利用してウェブサイトに表示させる方法（v7.0対応）続きを読む →

TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法 ［nitter］でTwitterをRSS化する まずはnitter公式サイトへ移動しましょう。 nitter:https://nitter.net なおMacOSをお使いの場合は、後々のことを考えSafariではなくGoogle Chrom... TwitterをRSS化できるサイト［nitter］を利用して、ウェブサイトにツイートのリストを表示させる方法続きを読む →

【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法 通常、ワードプレスのカスタムメニューを出力するときは wp_nav_menu を使います。 一例を挙げると次のように記述しますね。 <ul> <?php wp_nav_menu ( array('menu'=>'he... 【WordPress】カスタムメニューの［wp_nav_menu］から不要なタグを削除する方法続きを読む →

【JavaScript】非推奨の「document.write()」の代替方法 これ。 つい先日まで知らなかったんですが。 JavaScriptの「document.write()」を使うのは現在はNGとされているようですね。 W3CではHTML5でのdocument.write()の使用を非推奨としています。 またG... 【JavaScript】非推奨の「document.write()」の代替方法続きを読む →

書籍『配色デザイン良質見本帳』にオンズ制作のサイト［錦鯉］が掲載されました。 SBクリエイティブ様が出版された『配色デザイン良質見本帳』に、株式会社オンズが制作したウェブサイト［錦鯉］が秀逸事例掲載されました。 配色デザイン良質見本帳 内容は全4章の構成になっています。 Part.1 配色の基本 Part.2 イメー... 書籍『配色デザイン良質見本帳』にオンズ制作のサイト［錦鯉］が掲載されました。続きを読む →

【WordPress】大きいサイズの画像が自動で縮小される問題を解決 WordPress 5.3 以降、大きなサイズの画像をアップロードすると、自動で縮小される機能が追加されました。 これ、ちょっと余計なお世話的な、無駄な機能なんですよね。 デフォルトの閾値は2560ピクセルで、画像の高さ、または幅がこの閾値... 【WordPress】大きいサイズの画像が自動で縮小される問題を解決続きを読む →

【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します WordPressで投稿（または固定ページ）を編集するとき、デフォルトではタブ（インデント）が使えません。 オンズのブログのようにコードの紹介や解説がメインのサイトでは、タブを使用する頻度が多いのでかなり不便です。 そこで登場するのが［Ta... 【WordPress】投稿の編集画面でタブ（インデント）が使えるようになるプラグイン［Tabs in Post Editor］を紹介します続きを読む →

2019年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。 今年で第4弾！ 舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが公開されました！ めっちゃカッコいいので紹介していきます！ うずまきナルト 松岡 広大 うちはサスケ 佐藤 流司 春野さくら 伊藤 優衣 はたけカカシ 君沢 ユウ... 2019年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。続きを読む →

【WordPress】ウィジェットのタイトルを非表示にする方法 WordPressで構築したサイトのサイドバーなどで、設定したウィジェットを表示するとき、タイトルだけを非表示にする方法を紹介します。 ウィジェットのタイトルを非表示（出力しない）にする方法 以下のコードを［functions.php］に記... 【WordPress】ウィジェットのタイトルを非表示にする方法続きを読む →

【WordPress Plugin】改竄インシデント謝罪文自動生成 面白い（？）ワードプレスのプラグインを見つけてきたので紹介します。 はじめに申し上げますがこの記事は実用性ゼロですので、多くの方にとって時間の無駄です。 ほんとうに興味がある方以外はこのページを閉じるのが賢明です。 紹介するのはタイトルのと... 【WordPress Plugin】改竄インシデント謝罪文自動生成続きを読む →

【jQuery】右クリックを禁止する方法 ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。 ウェブサイト全体で右クリックを禁止にする方法 なにがなんでも、とにかく右クリックを禁止にする方法です。 以下のコードで実装できます。 $(func... 【jQuery】右クリックを禁止する方法続きを読む →

【WordPress】ログアウト後のリダイレクト先URLを変更する 例えばWordPressプラグイン［WP-Members］などを利用して会員サイトを作っているとき。 ユーザーがWordPressからログアウトすると、通常は以下のようなWordPress専用のログイン画面が表示されます。 この画面を表示さ... 【WordPress】ログアウト後のリダイレクト先URLを変更する続きを読む →

【WordPress】検索結果ページのURLを変更する方法 WordPressで検索を行うと、通常は下記のようにURLの末尾に「?s=xxx」がつきます。 http://example.com/?s=検索キーワード この「?s=検索キーワード」のパラメーター部分を変更する方法を紹介します。 検索結果... 【WordPress】検索結果ページのURLを変更する方法続きを読む →

【jQuery】特定の要素をクリックしたことにする .trigger() の使い方 jQueryの.trigger()メソッドを使うことで、特定のイベントを強制的に発生させることができます。 例えば、ボタンやリンクのクリックイベントをプログラム上で発生させたいときに使います。 ある要素をクリックしたことにする .trigg... 【jQuery】特定の要素をクリックしたことにする .trigger() の使い方続きを読む →

【WordPress】「wp_body_open」を利用してbody開始タグの直後にソースコードを挿入する方法 WordPress5.2より、新しく［wp_body_open()］というテンプレートタグが導入されました。 この［wp_body_open()］を利用すると、<body>タグの直後にソースコードを挿入することができます。 事前... 【WordPress】「wp_body_open」を利用してbody開始タグの直後にソースコードを挿入する方法続きを読む →

【jQuery】順番に処理を実行する .when() と .done() の使い方 JavaScript を書いているときに、複数の処理を順番に実行したい場面に遭遇します。 そんなときに［.when()］と［.done()］を使うのが便利です。 .when() は先に実行したい処理。 .done() は後で実行したい処理。... 【jQuery】順番に処理を実行する .when() と .done() の使い方続きを読む →

JavaScriptが無効な環境でのスタイルシートの読み込み タイトルのとおり。 JavaScriptが無効なブラウザや、都合によりJavaScriptが使えない環境でのみ、特別にCSSを読み込みたいときの方法を紹介します。 解決策はとても簡単で、「noscript」タグを使います。 <head... JavaScriptが無効な環境でのスタイルシートの読み込み続きを読む →

【WordPress Plugin】プラグイン［Search Everything］使用時に、記事を公開するタイミングでエラーが出る問題。 WordPressのサイト内検索は、デフォルトのままだとカスタムタクソノミーの値が検索対象に含まれません。 この検索機能を拡張する便利なプラグインが［Search Everything］ですが、残念なことに、新規投稿の公開時にエラーが発生す... 【WordPress Plugin】プラグイン［Search Everything］使用時に、記事を公開するタイミングでエラーが出る問題。続きを読む →