プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。
タイトル長いな。 WordPressのコアの実装に関するあれこれを紹介するMake WordPress Coreブログでちょっと前に「Introducing plugin icons in the plugin installer – プラグインインストーラーのプラグインアイコンの導入」という投稿があったので、かいつまんでご紹介。 通常版のプラグインアイコンの大きさは縦横128pxの正四角形で、HiDPI (retina) 版用の縦横256pxもサポートしている ファイル形式はPNGもしくはJPG、もしくはSVG ファイル名はicon-128x128.(png|jpg)および/もしくはicon-256x256.(png|jpg)、もしくはicon.svg ファイルを置く場所は/assetsディレクトリ SVGを使う場合は、SVGをサポートしていないブラウザ用にPNGも用意することをおすすめ
こんにちは、工藤です。 今回はよくお世話になるjQueryプラグインをまとめました。 コードがまったく書けない人間なのでありがたいです・・。 yuga.js yuga.js公式ページ お名前の通り、『Web制作を優雅にするために』作られたそうです。 このブログでもお世話になっています。 まずはjQuery本体と『yuga.js』をheadで読み込みます。 ロールオーバー ロールオーバー時に画像を切り替えることが出来ます。 やり方はすごく簡単で ロールオーバー前の画像と、ロールオーバー前の画像名に『_on』とつけた画像を用意します。 ロールオーバー前の画像のimg要素に『class=”btn”』と記述します。 これだけでロールオーバーが再現できます。 もし『class=”btn”』で都合が悪かったらyuga.jsのたぶん87行目のあたりにロールオーバーの記述があるのでそこに好きなclassを
Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images. With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery image carousel
WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。 1ページコンテンツ用のスクロール関連 パララックス スクロール関連 スクロールで定位置関連 その他スクロール操作・補助関連 スクロールバー関連 レスポンシブ関連 エフェクト関連 ナビゲーション関連 レイアウト関連 画像ギャラリー関連 画像拡大・配置・キャプション関連 コンテンツスライダー関連 カルーセル関連 アニメーション関連 フォーム関連 コンテンツのツアー関連 テキスト関連
TOP > plugin > クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。 （Drop） そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。 詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas
50 Amazing jQuery Plugins That You Should Start Using Right Now jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good
使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。 モーダルウィンドウ実装用のスクリプトです。jQueryに依存します。 使いやすそうなモーダルウィンドウです。 スタイルもカスタマイズしやすそう。 $('.modalLink').modal({ trigger: '.modalLink', olay:'div.overlay', modals:'div.modal', animationEffect: 'slidedown', animationSpeed: 400, moveModalSpeed: 'slow', background: '00c2ff', opacity: 0.8, openOnLoad: false, docClose: true, closeByE
66種類ものスライドが使えるjQueryプラグイン PAGE TRANSITIONSをつかってみた。 http://tympanus.net/Development/PageTransitions/ 非常にクオリティの高いエフェクトが揃っており、 様々なオブジェクトに対して利用できるため、これだけ使ってれば良いのではと思えた。 設置方法は <ul class="dl-submenu"> <li data-animation="1"><a href="#">右から左へスライド</a></li> <li data-animation="2"><a href="#">左から右へスライド</a></li> <li data-animation="3"><a href="#">下から上へスライド</a></li> <li data-animation="4"><a href="#">上から下へスライ
・シンプルイメージlightbox ・ギャラリーlightbox ・videoやmapのポップアップ ・Ajaxポップアップ など、使い勝手がよい基本機能が揃っています。 →Unslider 関連記事 きっと初心者でもわかる、HTMLの書き方の考え方。 2014/12/14 読んでもらえる、ファンになってもらえる、ブログの書き方とデザイン。 2014/11/20 web制作で気疲れしないようにする方法を考えてみました。 2014/10/17 最近気になったウェブ制作に関するキーワードを振り返ってみる 2013/06/30 レスポンシブデザイン対応のlightbox系プラグイン＋コンテンツスライダー系プラグイン 2013/05/31 自分でできる！Facebookページの活用方法 2013/04/11 Webで発信するすべてのWEBビギナーさんへ。突然犯罪や裁判に巻き込まれないようにするため
先日、郵便番号から住所を補完する jQuery のプラグイン jquery.ajaxzip2 を紹介しました。 これは AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版）を jQuery プラグインとして実装したもので、利用するためには自前で JSON 形式の住所データをサーバーに配置する必要がありました。そこで JSON 形式の住所データを準備しなくても良いように JSONP 形式の住所データも読み込めるように jquery.ajaxzip2 を少し拡張してみました。 外部の API を利用して住所を補完する JSONP については、詳しくは検索すれば情報が沢山でてきますのでここでは割愛しますが、要するに JSONP を使えば外部のサービスが提供する郵便番号検索 API などから住所を補完できるようになります。 郵便番号から住所データを引ける JSONP
Gaming Laptop 4 Best Mini-LED Laptops in 2023 Regardless of whether you’re gaming or just need an excellent display, our recommendation for the best Mini-LED laptops in 2023 that you can buy should help. Read More 2-in-1 Laptops 4 Best 2-In-1 Gaming Laptops 2-in-1 gaming laptops do exist. Certain 2-in-1 laptops have beefy specs that make them viable for modern gaming. Read More Buying Guides 5 Bes
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
twitter facebook hatena google pocket リンクなどをクリックする前にどんなページか示したりしたいですよね。 また、画像に付加情報を省スペースで出したくもなるものです。 そんな時、Tooltipster - The jQuery Tooltip Pluginを使用すると吹き出しを与えてくれます。 sponsors 使用方法 Tooltipster - The jQuery Tooltip Pluginからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href="tooltipster.css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="jquery.tooltipster.
紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。 去年までは33+1選としてましたが、今年から新たなフォーマットで。
作成：2013/01/7 更新：2013/06/16 WordPress > 集客もSEOもちゃっかり強くしたい プラグインの中で強力に集客の効果を発揮するものをインストールしておきたい。 これと・・・このプラグインを入れてっと（１５分） よっしゃ！あとはブログを書くだけでOKOK！ 初心者さんも、熟練者さんも絶対に入れておくべきSEO強化に必須のプラグイン。今回は僕がWordPressをインストールしたらまず最初に必ず入れている秘蔵のプラグインと設定方法を用途ごとにまとめました。もちろんアクセスアップさせるためのものです。 使い方をどこよりも詳しく解説してあるサイトのURLをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．画像検索でも、ちゃっかり集客したい ２．内部SEOをトコトン強くしたい ３．メタを個別に自動生成させたい ４．リンクのち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
