株式会社オンズのブログ記事一覧
-
【WordPress Plugin】プラグイン[Search Everything]使用時に、記事を公開するタイミングでエラーが出る問題。 WordPressのサイト内検索は、デフォルトのままだとカスタムタクソノミーの値が検索対象に含まれません。 この検索機能を拡張する便利なプラグインが[Search Everything]ですが、残念なことに、新規投稿の公開時にエラーが発生す... 【WordPress Plugin】プラグイン[Search Everything]使用時に、記事を公開するタイミングでエラーが出る問題。続きを読む →
-
【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法 スマートフォンやタブレット端末で、デバイスを回転させて画面が縦横に切り替わったときに、イベントの判定処理を行う方法を紹介します。 回転イベント「orientationchange」を使う デバイスを回転させたときにイベントを発火させるには「... 【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法続きを読む →
-
コレ知ってた? IE10以降は条件付きコメント「〜」が効きません。 とあるJavaScriptのライブラリを実装したところ、IE11でエラーが発生したので、問題解決のために「Polyfill.io」を使うことにしました。 Polyfill.io : https://polyfill.io/ IEのときだけ読... コレ知ってた? IE10以降は条件付きコメント「〜」が効きません。続きを読む →
-
【WordPress】PHPのバージョンアップに伴うエラーの解消 このブログを見たクライアント様からワードプレスに関するエラー解消のご依頼をいただきました。 曰く「ウェブサイトの修正をしていた際に急にワードプレスにログインできなくなってしまった」とのこと。 一時的にワードプレスをデバックモードにして、試し... 【WordPress】PHPのバージョンアップに伴うエラーの解消続きを読む →
-
IT導入支援事業者に採択されました。 株式会社オンズは、このたび経済産業省が行う「サービス等生産性向上 IT導入支援事業(通称:IT導入補助金制度)」のIT導入支援事業者に認定されました。 IT導入補助金は、中小企業・小規模事業者等の皆様が自社の課題やニーズに合ったITツール(... IT導入支援事業者に採択されました。続きを読む →
-
【Font】近未来っぽいフリーフォント[EVAA]がカッコいい! 近未来の宇宙っぽい雰囲気の[EVAA]というフリーフォントを見つけてきました。 サンプルで掲載されている画像もカッコいいですね! ダウンロードは下記、公式配布サイトからどうぞ。 FREE DOWNLOAD : EVAA FONT 【Font】近未来っぽいフリーフォント[EVAA]がカッコいい!続きを読む →
-
【JavaScript】超軽量でカード型レイアウトを実装できる[Magic Grid]の使い方 今日こちらで紹介するJavaScriptのプラグイン[Magic Grid]は、高さの異なる複数のカード型レイアウトを実装する際に役立つライブラリです。 高さが揃っている複数のカードを配置するのであれば CSS Grid や Flexbox... 【JavaScript】超軽量でカード型レイアウトを実装できる[Magic Grid]の使い方続きを読む →
-
【.htaccess】特定のディレクトリをWordPressの管理下から除外する方法 例えば、「http://example.com/sample/」というURLを、WordPress の管理下から除外する方法を紹介します。 [.htaccess]を書き換える WordPressをインストールすると[.htaccess]に下... 【.htaccess】特定のディレクトリをWordPressの管理下から除外する方法続きを読む →
-
【WordPress】自動挿入されるGutenberg用CSSを削除する方法 WordPress 5.x系以降から、新エディタ「Gutenberg」で出力されるHTMLに対応したスタイルシートが自動で挿入されるようになりました。 具体的には下記のようなコードがwp_headのときに出力されるようになります。 <... 【WordPress】自動挿入されるGutenberg用CSSを削除する方法続きを読む →
-
Our Amazing Solar System SUN MERCURY VENUS EARTH MARS JUPITER SATURN URANUS NEPTUNE PLUTO Via : SPINNING BLUE BALL Our Amazing Solar System続きを読む →
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.pe... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.pe... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
【WordPress】ユーザーのプロフィール情報で改行を有効化する方法 通常、ワードプレスのユーザーのプロフィールをテンプレート内で出力する際には、次のようなコードを使用します。 <?php the_author_meta('description'); ?> ユーザーを指定する場合は引数内にユーザ... 【WordPress】ユーザーのプロフィール情報で改行を有効化する方法続きを読む →
-
URLの「www」の有無を統一してドメインを正規化する方法 ウェブサイトを公開したとき、多くの場合ドメインはデフォルトで以下のように、wwwのアリ・ナシ、どちらでもアクセスできてしまいます。 http://example.com http://www.example.com 一部のサーバーではwww... URLの「www」の有無を統一してドメインを正規化する方法続きを読む →
-
【jQuery】テキストにアニメーションを施す[textillate.js]の使い方 テキストにアニメーションを追加するjQueryプラグイン[textillate.js]の使い方を紹介します。 まずはサンプルをご覧ください。 textillate.js : http://textillate.js.org エフェクト部分は... 【jQuery】テキストにアニメーションを施す[textillate.js]の使い方続きを読む →
-
【jQuery + CSS】レスポンシブでヌルヌル動く[Expanding Column Layout]を使ってみました。 先日CODEPENで「何か使えるテクニックはないかな〜」とネットサーフィンしながらイロイロと物色していたところ、「Expanding Column Layout」というスタイルシートのテクニックを見つけました。 以前、本ブログで「CSS3 ... 【jQuery + CSS】レスポンシブでヌルヌル動く[Expanding Column Layout]を使ってみました。続きを読む →
-
【jQuery】指定したアニメーションでモーダルウィンドウが表示される[animatedModal.js]の使い方 指定した様々なアニメーションでモーダルウィンドウを表示するjQueryプラグイン[animatedModal.js]の使い方を紹介します。 まずはサンプルをどうぞ。 DEMO : https://on-ze.com/demo/jquery-... 【jQuery】指定したアニメーションでモーダルウィンドウが表示される[animatedModal.js]の使い方続きを読む →
-
【JavaScript】ツールチップを表示させる超軽量ライブラリ[Tippy.js]の使い方 今日ご紹介する[Tippy.js]は、jQueryやZeptoなど他のリソースに依存せずに、単体で簡単に使えるJavaScriptのライブラリです。 特定の要素にマウスカーソルを合わせると、シンプルなアニメーションと共にツールチップが表示さ... 【JavaScript】ツールチップを表示させる超軽量ライブラリ[Tippy.js]の使い方続きを読む →
-
【WordPress】ループ処理の最初と最後で違う出力をする方法 ワードプレスのテーマファイル「index.php」や「archive.php」などで、投稿をループして表示させる際に、最初の投稿または最後の投稿で違う処理をする方法を紹介します。 ループの最初だけ違う処理 ワードプレスのデフォルトの機能「$... 【WordPress】ループ処理の最初と最後で違う出力をする方法続きを読む →
-
【CSS】重なり順(z-index)の値が下の要素をクリックする方法 ウェブサイトを装飾する目的で、要素の重なり順をz-indexで指定したときに、装飾目的の要素が前面になり、クリックしたいボタンなどの要素が背面になってしまうケースがあります。 このままだとボタンがクリックできずに困るので、なんとかして前面の... 【CSS】重なり順(z-index)の値が下の要素をクリックする方法続きを読む →
-
【jQuery】ページのスクロールに応じて要素を表示する[Scrolla]の使い方 Webページのスクロールに合わせて要素を表示させるjQueryプラグイン[Scrolla]を紹介します。 同様の機能を持つプラグインでは[ScrollReveal]や[jquery.inview]または[WOW.js]などが有名ですが、これ... 【jQuery】ページのスクロールに応じて要素を表示する[Scrolla]の使い方続きを読む →
-
複数のjQueryライブラリ併用時のコンフリクト(衝突)を回避する jQueryプラグインをいくつか同時に使っていると、稀に正しいコードを記述しているはずなのに動かないという事態に陥ります。 これはjQuery同士がコンフリクト(衝突)しているのが原因です。 コンフリクト(競合)とは バージョンの違うプラグ... 複数のjQueryライブラリ併用時のコンフリクト(衝突)を回避する続きを読む →
-
【jQuery】テキストで背景を切り抜く[TextHoler.js]の使い方 今回ご紹介する[TextHoler.js]を使うと、テキストで背景画像をマスキングして切り抜き表示してくれます。 まずはサンプルをご覧ください。 DEMO : https://on-ze.com/demo/jquery-textholer.... 【jQuery】テキストで背景を切り抜く[TextHoler.js]の使い方続きを読む →
-
【ICON】使いやすいSVGアイコンセット[Zondicons]が便利そう。 ジャンルを問わず様々なWebデザインに使えるSVGアイコンセット[Zondicons]が便利そうです。 公式サイトでは、ポートフォリオ、マップ、アプリ、テキストエディタなどでの使用例が紹介されています。 クセがないので汎用的に使えそうですね... 【ICON】使いやすいSVGアイコンセット[Zondicons]が便利そう。続きを読む →