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

【WordPress】プラグイン Advanced Custom Fields の全フィールドの出力方法 ワードプレスで構築したウェブサイトで、ちょっと変わった機能を実装したいとき。非常に多くのケースで［Advanced Custom Fields］（以下「ACF」）が役に立ちます。 今日は［ACF］での全フィールドタイプの出力方法を紹介します... 【WordPress】プラグイン Advanced Custom Fields の全フィールドの出力方法続きを読む →

【ADS】インドネシアの［Tiket.com］の妄想を掻き立てる広告キャンペーン インドネシアの［Tiket.com］が楽しい広告キャンペーンを展開していました。 タイトルは『Book anytime, go anywhere』と名付けられています。 訳すと『いつでも、どこでも、旅行の予約』といったニュアンスでしょうか。... 【ADS】インドネシアの［Tiket.com］の妄想を掻き立てる広告キャンペーン続きを読む →

【ADS】イギリスの老舗百貨店［John Lewis］の素敵なプリント広告。 イギリスの老舗百貨店チェーン［John Lewis］がオシャレなプリント広告を展開していました。 イギリス南部の都市サウサンプトンの店舗に新たなコーナーが新設されることを紹介しています。 A new beauty department ha... 【ADS】イギリスの老舗百貨店［John Lewis］の素敵なプリント広告。続きを読む →

プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。 これ、ちょっとした裏ワザです。 ワードプレスのプラグイン［Jetpack by WordPress.com］で提供されている『Photon』を、WordPressを経由せずに利用する方法を紹介します。 Photon の仕組み Photonは... プラグイン［Jetpack］の機能『Photon』はWordPress外からでも使えます。続きを読む →

【最新バージョン7.3対応】jQuery無しで動く神スライダー［Swiper］が便利すぎて。 今日紹介する［Swiper］は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。 初見の感想は「反応速度が早く軽量でサクサク動く」という印象。 レスポンシブにも対応済み。マウスのドラッグ... 【最新バージョン7.3対応】jQuery無しで動く神スライダー［Swiper］が便利すぎて。続きを読む →

【Icon】計1001種類のデザインが揃った［Linearicons］が素敵！ このアイコン使いたい！ 合計1,001種類のデザインが揃ったアイコンフォント［Linearicons］が可愛くて素敵です。 基本は有料になりますが、このうち170種類のアイコンをピックアップした無料版［Linearicons Free v1... 【Icon】計1001種類のデザインが揃った［Linearicons］が素敵！続きを読む →

【jQuery】ページのスクロール量に連動してプログレスバーを実装する［Scrollgress］の使い方 ウェブページをスクロールさせると、その動きにシンクロしてプログレスバーが表示される［Scrollgress］の使い方を紹介します。 実際に導入してみましたので、まずはサンプルをご覧ください。 ［Scrollgress］：実装サンプル ウィン... 【jQuery】ページのスクロール量に連動してプログレスバーを実装する［Scrollgress］の使い方続きを読む →

わりと本気でウェブサイトの高速化に取り組んだ結果。 この連休中に弊社ウェブサイトの表示スピード高速化に取り組みました。 もともと不満が無いほどのスピードを誇っていましたが、さらに完璧を目指して様々なアップグレードを試みたので、その結果と共に、皆様にも参考になるであろう読み込み速度UPのための... わりと本気でウェブサイトの高速化に取り組んだ結果。続きを読む →

地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？ ウェブサイトに「Google Maps」を埋め込んでいる方は、今すぐブラウザでエラーコンソールが発生していないか確認してください。 下記のようなエラーメッセージが出力されていませんか？ Google Maps API warning: Se... 地図を埋め込んであるサイトで［Google Maps API］のエラーメッセージが発生していませんか？続きを読む →

【ADS】メキシコの美容メーカー［CANIPEC］がヘア・コンディショナーを宣伝しています。 最近、週末は世界各地の面白い広告を集めてくる【ADS】シリーズを紹介しています。 今日はメキシコの美容メーカー［CANIPEC］の、ヘア・コンディショナーを宣伝するキャンペーンをピックアップします。 Brooms have never be... 【ADS】メキシコの美容メーカー［CANIPEC］がヘア・コンディショナーを宣伝しています。続きを読む →

【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。 今日は、誰でも無料で利用できる Google Fonts の中から、オススメのサンセリフ体のフォントを11個まとめて紹介します。 サンセリフ（仏: Sans-Serif）とは、セリフのない書体の総称である。セリフとは、文字の線の端につけられ... 【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。続きを読む →

【用語集】初心者のための Google AdSense 用語解説 最近オンズのブログも業界で注目されつつあるようで、いくつかの有名なサイトでご紹介いただき、アクセス数が急激に伸びてきました。 具体的な数字の公開は控えますが、そろそろ月間30万PVに手が届きそうです。 おかげさまでアドセンスからの収益も増え... 【用語集】初心者のための Google AdSense 用語解説続きを読む →

【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方 今日は超簡単にポップアップ・ウィンドウを実装できる［Remodal］を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/... 【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方続きを読む →

【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。 「黒」×「ピンク」ってオシャレな色の定番の組み合わせのはずなのに、過激な印象が先行してしまうためか、ウェブデザインに限定して探してみると意外に人気がなく、採用しているサイトが少ないんです。 特に性的なイメージを喚起させる側面があるためか、企... 【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。続きを読む →

【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法 通常「モーダル・ポップアップ」はjQueryを利用して実装するケースが多いかと思いますが、今回紹介する［Pure CSS Modal Popup］は、その名のとおりスタイルシートの設定だけで実装できる便利なテクニックです。 まずは下記URL... 【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法続きを読む →

【ADS】メキシコのビール［Victoria］が禍々しい広告を展開しています。 国内外を問わず、世界中の面白い広告デザインを紹介するADSシリーズ。 今回はメキシコのビール［Victoria］が制作した禍々しい広告を見つけてきました。 日本ではまったく馴染みのない衣装を身にまとい、ド派手メイクを施していますが、これらは... 【ADS】メキシコのビール［Victoria］が禍々しい広告を展開しています。続きを読む →

ウェブブラウザ iOS 版の［Firefox］が登場したので早速ダウンロードしてみた。 ついにiOSでも［Firefox］が使えるようになりましたね。 Mozilla : Firefox for iOS 早速ダウンロードして使ってみたのでスクリーンショットを紹介します。 ［Firefox for iOS］を App Store... ウェブブラウザ iOS 版の［Firefox］が登場したので早速ダウンロードしてみた。続きを読む →

【WordPress】プラグイン［Table of Contents Plus］をカスタマイズ！ ワードプレスの超有名プラグイン［Table of Contents Plus］は、記事の目次を自動で生成してくれるので読者に優しく、またSEOにも効果があるとの情報が氾濫していることもあり多くのブロガーの方たちが支持しています。 最近ではオ... 【WordPress】プラグイン［Table of Contents Plus］をカスタマイズ！続きを読む →

【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する［particles.js］の使い方。 以前［Geometryangle］と［Particleground］という２つのjQueryプラグインを紹介しましたが、今日ピックアップする［particles.js］も同じような機能で、ウェブページの背景に幾何学模様を描画することができま... 【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する［particles.js］の使い方。続きを読む →

【jQuery】気持ちいいアニメーションで切り替わるタブ・プラグイン［TabTab.js］の使い方 タブ・メニューを実装する際の選択肢の１つとして、気持ちいいアニメーションで切り替わる［TabTab.js］をお勧めします。 メニュー部分をクリックするとクルッと回転するようなエフェクトでコンテンツ部分が切り替わっていきます。 文章の説明だけ... 【jQuery】気持ちいいアニメーションで切り替わるタブ・プラグイン［TabTab.js］の使い方続きを読む →

【WordPress】プラグイン［Welcart］を利用時に読み込まれるCSS「usces_cart.css」を無効化する方法 ワードプレスで構築したサイトにショッピングカートを設置したいとき、プラグイン［Welcart］は非常に便利な解決策の１つです。 国産のプラグインなので完璧に日本語に対応。カスタマイズの自由度も高く、簡単にECサイト化できます。 Welcar... 【WordPress】プラグイン［Welcart］を利用時に読み込まれるCSS「usces_cart.css」を無効化する方法続きを読む →

【ADS】映画［スターウォーズ／フォースの覚醒］各キャラクターのポスターが解禁！ 今冬、2015年12月18日に全世界で映画［STAR WARS］シリーズの最新作『フォースの覚醒』が一斉公開されます。 それに先駆けて、主要な登場人物のポスターが解禁になっていました。 シリーズ初登場のキャラクター『フィン』は今作の主役のよ... 【ADS】映画［スターウォーズ／フォースの覚醒］各キャラクターのポスターが解禁！続きを読む →

【SEO】まだキーワード設定で消耗してるの？ 有名な煽りタイトルをリスペクト。オンズの 原はら 一勢いっせい です。今日もヨロシクお願いします。 最近WordPressの投稿内で<ruby>タグを挿入できるようにカスタマイズしたので無駄に使いまくっています。 参考：【Wor... 【SEO】まだキーワード設定で消耗してるの？続きを読む →

【WordPress】プラグイン［Crazy Bone］にXSS脆弱性が発見されたので使用を止めましょう。 ワードプレスへのログイン履歴を保存するプラグイン「Crazy Bone」にXSSの脆弱性が存在するようです。 既にプラグインの公式ディレクトリからも削除されています。 今後はメンテナンスを行う予定も無いとのこと。 現在［Crazy Bone... 【WordPress】プラグイン［Crazy Bone］にXSS脆弱性が発見されたので使用を止めましょう。続きを読む →