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

香港と中国は違う！　匿名のデザイナー集団が作った25枚のイラスト。 香港のデザイナー集団「本土工作室 - Local Studio Hong Kong」が制作した、中国と香港の違いを紹介したイラストが話題になっています。 左側が中国で、右側が香港。 中国に対しての皮肉が込められていますが、なかなか鋭い視点で... 香港と中国は違う！　匿名のデザイナー集団が作った25枚のイラスト。続きを読む →

【WordPress】コアファイルやプラグイン、テーマのアップデート通知を非表示にする方法。 最近はクライアント様にWordPressで構築したウェブサイトを納品するときに役立つテクニックを多数紹介しています。 今日もその１つ。 タイトルのとおり、ワードプレスの本体ファイルやプラグインなどの「アップデート通知」を非表示にする方法を紹... 【WordPress】コアファイルやプラグイン、テーマのアップデート通知を非表示にする方法。続きを読む →

【WordPress】プラグイン［Advanced Custom Fields］のメニューを非表示にしたかった。 先日 WordPress の管理画面のメニューを非表示にする方法を紹介しました。 【WordPress】特定のユーザー以外は管理画面のメニューを非表示にする。：https://on-ze.com/blog/3171 これはこれでウマく機能す... 【WordPress】プラグイン［Advanced Custom Fields］のメニューを非表示にしたかった。続きを読む →

【WordPress】サブディレクトリにインストールしたWordPressをドメイン直下に表示する方法。 例えばWordPress本体を「http://sample.com/wordpress/」にインストールしたときに、ドメイン直下のURL「http://sample.com」でWordPressのトップページを表示させたいときの設定方法を紹... 【WordPress】サブディレクトリにインストールしたWordPressをドメイン直下に表示する方法。続きを読む →

【WordPress】コメントを投稿した後に特定のページへリダイレクトさせる方法。 WordPressで構築しているサイトで、投稿記事に対してコメントを投稿すると、通常はページ遷移せずに「投稿したコメント」が表示された状態になります。 このときURLは「http://example.com/archives/1234#co... 【WordPress】コメントを投稿した後に特定のページへリダイレクトさせる方法。続きを読む →

【iOS 9対応】iPhoneの説明書（ユーザガイド）が公開されています。 9月25日。いよいよ今日は新しい iPhone の発売日ですね。 皆さんはもう予約は済んでいますか？ オンズのスタッフはもちろん早々に予約をしたので、「iPhone 6s」「iPhone 6s Plus」共に近日中には事務所に届く予定です。... 【iOS 9対応】iPhoneの説明書（ユーザガイド）が公開されています。続きを読む →

【WordPress】特定のユーザー以外は管理画面のメニューを非表示にする ワードプレスで構築したサイトを納品するときに、しばしば利用するテクニックを紹介します。 ワードプレスの管理画面（ダッシュボード）にログインすると、通常は左側にズラリとメニューの一覧が並びます。 これらのメニューの中でも、特に「外観」「プラグ... 【WordPress】特定のユーザー以外は管理画面のメニューを非表示にする続きを読む →

【.htaccess】サイトにアクセスしたときに「index.html」以外をトップページに指定する方法。 例えば「http://sample.com」にアクセスしたとき、通常サーバーは「index.html」や「index.htm」を先に読み込ませるような設定になっています。 同一のディレクトリ内に「index.php」「index.htm」「... 【.htaccess】サイトにアクセスしたときに「index.html」以外をトップページに指定する方法。続きを読む →

【JavaScript】特定の要素内の複数のボックスの高さを揃える［Right Height］の使い方。 ウェブサイト製作時に、ほぼ必ずと言っていいほど発生する問題。 その１つは「複数のボックスの高さを揃える」ことではないでしょうか。 もしテーブル・デザインで対応できる範疇ならば簡単ですが、そうではなく、ボックスの枠線を表示させたり背景に画像や... 【JavaScript】特定の要素内の複数のボックスの高さを揃える［Right Height］の使い方。続きを読む →

レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。 ウェブサイトに Google Maps API を埋め込んだとき、稀にコントローラーのUIが崩れるなどの怪奇現象が起こることがあります。 実はコレ、単にスタイルシートの設定が原因です。 レスポンシブ対応のサイトを構築するとき、画像の大きさを... レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。続きを読む →

【jQuery】レティナ・ディスプレイ（Retina Display）に対応するための解決策［Retina-Srcset.js］を開発しました。 Retina Display - レティナ・ディスプレイ もう聞き馴れた名称かと思います。 もともとは Apple が開発した高精細ディスプレイで、初めて採用されたのは iPhone 4 のときでした。 レティナ（Retina）とは英語で「... 【jQuery】レティナ・ディスプレイ（Retina Display）に対応するための解決策［Retina-Srcset.js］を開発しました。続きを読む →

リコー（RICOH）のサーバーにWordPressを構築する方法 先日、某クライアント様のウェブサイト制作で、リコー（RICOH）様が提供しているサーバーとデータベースを扱う機会がありました。 リコー（RICOH）と言えば、コピー機、ファックス、プリンターをはじめとする複合機や、カメラ、プロジェクターなど... リコー（RICOH）のサーバーにWordPressを構築する方法続きを読む →

「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。 ウェブサイトに［Google Maps］を埋め込んだとき、またはブラウザで直接［Google Maps（https://www.google.co.jp/maps）］を表示させるとき。 Internet Explorer で閲覧すると不具合... 「Internet Explorer」でGoogle Mapsの表示が乱れるときの解決策。続きを読む →

【jQuery】縦スクロールができる［Multirole Slider］の使い方 数あるスライダー系のjQueryプラグインの中で、縦方向のスクロールに対応しているものは珍しく、探そうとしてもなかなか見つかりません。 今日はその悩みを解決する［jQuery Multirole Slider］の使い方を紹介します。 まずは... 【jQuery】縦スクロールができる［Multirole Slider］の使い方続きを読む →

【WordPress】固定ページの編集時にだけビジュアルエディターを使用不可能にする方法。 今日もクライアント様にウェブサイトを納品する時に役立つテクニックを紹介していきます。 WordPressをベースにウェブサイトを構築するとき、ほとんどの場合、固定ページはHTMLとCSSを駆使して細かなデザインを施していくことになります。 ... 【WordPress】固定ページの編集時にだけビジュアルエディターを使用不可能にする方法。続きを読む →

【WordPress】アーカイブページのURLから余分な文字列「archives」や「category」を削除する方法 WordPressのアーカイブページ、またはカテゴリーページのパーマリンクには「/archives」や「/category」という文字列が含まれます。 http://sample.com/archives/category/news/ また... 【WordPress】アーカイブページのURLから余分な文字列「archives」や「category」を削除する方法続きを読む →

【WordPress】各ブラウザごとに条件分岐できるグローバル変数 各ブラウザごとにコンテンツを切り替えて表示させたいとき、WordPressではデフォルトの機能で条件分岐のためのグローバル変数が用意されてます。 ブラウザ判定のために用意されているグローバル変数 以下が各種ブラウザを判定するためのグローバル... 【WordPress】各ブラウザごとに条件分岐できるグローバル変数続きを読む →

【ADS】SAMSUNGの掃除機「Because they can't fight back.」キャンペーン広告 「SAMSUNG」がインドで展開している掃除機のキャンペーン広告が面白かったので紹介します。 「Because they can't fight back」とタイトルが名付けられており、「インディアン」「ペルシア人」「スパルタ人」の各兵士が... 【ADS】SAMSUNGの掃除機「Because they can't fight back.」キャンペーン広告続きを読む →

【iOS】リンクをタップしても1回では挙動しない原因とは？ 「iOS」の「Safari」等、モバイル端末でウェブサイトを閲覧しているとき。 リンクをタップしても1回では反応せず、2回目でようやく画面が遷移するという現象が起きていませんか？ いま実機で調べた結果、この現象が起きるのは iPhone の... 【iOS】リンクをタップしても1回では挙動しない原因とは？続きを読む →

【jQuery】レスポンシブ対応のスライドショーには最新版の［Glide.js］がオススメです。 本ブログではこれまでも数多のjQueryスライダーを紹介してきました。 いずれも素晴らしい完成度で、すべて自信を持ってオススメできるものばかりですが、今回取り上げる［Glide.js］も他に負けず劣らず使い勝手がよく、実際、弊社でもクライア... 【jQuery】レスポンシブ対応のスライドショーには最新版の［Glide.js］がオススメです。続きを読む →

【WordPress】投稿記事の「カテゴリー」と「タグ」の説明文を出力する方法 ワードプレスの投稿記事には「カテゴリー」と「タグ」をそれぞれ設定することができます。 このとき「名前」を決めると「スラッグ」もほぼ半自動的に設定されますが、「説明文」も指定できることはご存知でしょうか。 今日は、ここで指定した「カテゴリー」... 【WordPress】投稿記事の「カテゴリー」と「タグ」の説明文を出力する方法続きを読む →

【jQuery】画像がスムーズに拡大縮小する動きが気持ちイイ［zoom.js］の使い方 画像をクリックすると、スムーズな動きで拡大表示され、ウィンドウをスクロールすると再び気持ちのイイ動きで縮小される、ライトボックス風のjQueryプラグインを紹介します。 ［zoom.js］と名付けられたこのjQueryプラグインですが、シン... 【jQuery】画像がスムーズに拡大縮小する動きが気持ちイイ［zoom.js］の使い方続きを読む →

【WordPress】Jetpackの共有設定でエラーコード「-32300」が出たときの解決方法 ワードプレスのプラグイン［Jetpack］使用時に、パブリサイズ共有を設定しようとした際にエラーコード「-32300」が吐き出されたときの解決方法を紹介します。 これはサーバー側の「国外IPアドレスからのアクセス制限」が原因となっているケー... 【WordPress】Jetpackの共有設定でエラーコード「-32300」が出たときの解決方法続きを読む →

【jQuery】水面に滴る雨を再現した［Raindrops.js］でウェブページに癒しと冷涼感を。 夏ですね！ 例年以上の猛暑が続いている今日この頃。皆様いかがお過ごしでしょうか。 さて。今日は、こんな暑い夏に相応しい「冷涼感」を演出してくれるjQueryプラグインを紹介します。 ［Raindrops.js］と名付けられたこのプラグインは... 【jQuery】水面に滴る雨を再現した［Raindrops.js］でウェブページに癒しと冷涼感を。続きを読む →