WordPressのプラグインは数多くあり、同じジャンルでどのプラグインを使えばいいのか、自分にぴったりなのはどれなのかを見つけるのは非常に大変です。また、説明が英語で分かりにくい、ウイルスは大丈夫なのか、など不安点もあるでしょう。 今回オススメする本は、作者自ら全てのプラグインの安全性を確かめ、プラグインの機能・使い方を分かりやすく解説した「WordPress プラグイン100選」を紹介します。
要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」 2013年06月27日- Vague.js 要素をPhotoshopの「ぼかし」バリにぼかすことができるjQueryプラグイン「Vague.js」。 次のように通常の要素をSVGフィルタを使ってぼんやり、ぼかすことが出来ます。対応するブラウザは限られますが、ブラウザだけで出来るというのがいいですね パラメータでぼかし強度を選べたりもします。 実装サンプルコードです。 近い将来、画像編集ソフトで今やってるようなことは殆どブラウザ上で、スクリプトで動的に実現出来るようになるんでしょうね。 関連エントリ Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」 jQueryでフリップエフェクトを使った良プラグインやサンプル集10 エフェクトが色々選べるイメー
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。
WordPressのログインフォームへの攻撃が問題になっているみたいですが、ユーザー名とパスワードだけの認証という方式自体を見なおしてみるという方法があります。具体的にはユーザー名とパスワードに加えてスマートフォンに表示される認証コードを入力してログインする2要素認証がWordPressでも利用できます。 利用するには下記のプラグインを使います。 WordPress › Google Authenticator « WordPress Plugins また下記のアプリケーションをスマートフォンにセットアップしてください。 Google 認証システムのインストール – Google アカウント ヘルプ プラグインを有効にするとアカウントごとのパスワード設定ページにアプリに読み込ませるQRコードが出てくるのでこれをアプリでスキャンします。またこの認証を使うかどうかはアカウントごとに有効かど
[対象: WordPress利用者] その記事に対してGoogle+で共有されたコメントを、WordPressのコメントエリアに表示するWordPressのプラグインをこの記事では紹介します。 米TechCrunchが公開した Google+ Comments for WordPress というプラグインになります。 Googleが運営しているBloggerは、Google+のコメントをブログで閲覧できる機能を標準機能として組み込みました。 Google+ Comments for WordPressは、これと同じ機能をWordPressに実装するプラグインです。 インストール&設定 インストール方法はほかの一般的なプラグインと同じです。 WPの管理画面から直接インストールするか公式プラグインディレクトリからダウンロードしてWPのPluginsディレクトリにアップロードし、有効化します。
Jquery-flip Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」。 次のように、縦にも横にもページをめくる風のUIが作れます。アプリ程ではないにせよ、面白いエフェクトがブラウザ上で作れるのはいいですね 使い方次第だとは思いますが、1から作ろうとすると大変そうなので覚えておくとよさそう 関連エントリ 1ページ内で複数ページに分割できるjQueryプラグイン「windows」 マスクを使ったお洒落なスライダーが作れるjQueryプラグイン「Maskify Slider」 レスポンシブなカバーフローっぽいスライドショーが作れるjQueryプラグイン「Flipster」 レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」 テーブル内容を入力値でフィルタリングできるjQueryプラグイン「FilterTable
テーブルを手軽に作成、管理する為のWordPressプラグイン・TablePressのご紹介です。今まで見てきた中では一番機能性が高そう。良さそうなので後で日本語にして利用しようと思います。 面倒臭いテーブルを作れるようにするプラグイン。クライアントさんは作れないのでこういったプラグインを使ってもらうと良いかも。機会があれば提案してみたい所です。 管理画面でテーブルを作成、ショートコードで表示する、というもの。管理も楽そうです。CSVのインポート/エクスポートにも対応してるみたい。 テーブルは管理画面で列や行を追加、中身を書き込んでいく形となります。Advanced Editorを使えばセル内でWYSIWYGを利用できます。 セル同士の結合も可能なのでそこそこ複雑なテーブルも作れそうです。 一部有料ですが、レスポンシブWebデザイン対応やセル内でのPHPコード実行用のエクステンション等もあ
多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub rCrumbsのデモ rCrumbsの使い方 rCrumbsのデモ 一行で長いパンくずは表示幅を変更すると、最適化されて表示されます。 主要なモダンブラウザをはじめ、IE8+でご覧ください。 デモページ:幅1200, 780, 480pxで表示 幅1200pxで表示 先頭のHomeから、長いページタイトルまで全部が表示 幅780pxで表示 先頭のHome側からはみ出るアイテムを省略 幅480pxで表示 長いページタイトルもはみ出る場合は省略 ※省力無しの固定表示することもできます。 rCrumbsの使い方 実装は簡単で、パンくずはリスト要素で実装されています。 Step 1: 外部
Maskify Slider demos マスクを使ったお洒落なスライダーが作れるjQueryプラグイン「Maskify Slider」。 画像をマスクでくりぬいて更にその中身の画像を切り替えられるというものです。 元画像 繰り抜き 繰り抜いたり、重ねたり、応用することで様々なことができそうですね 関連エントリ パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 様々なタイプのスライダーが作れるjQueryスライダープラグイン「Jquery Slider Shock」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 タッチ可能でレスポンシブなスライダー実装「RoyalSlider」 これは新しい円形のスライダーが実装できる「Tiny Cir
jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう8年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みのデザインを選びたい放題 Windowsっぽいスキン。LightBoxが出たのってポップアップを禁止するツールが多く出てきたことが背景にありますが、ページ内ポップアップされていて面白い。 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 今こそ知っておくLightbox風プラグイン20+
最近、WordPressの 事もあまり書く機会がなくなっていたので、たまには書いてみようかと思いまして、とりあえず、今このブログで使っている『WordPress プラグイン』をすべて挙げてみようと思います。 …というか、改めて挙げると、ぼくはやっぱり WordPress のことなんかちっともわかっちゃいないな…(・_・; まぁ、いっか。 ということで、今この『ノリロウ戦記』で使っているプラグインはこんなものたちです。 合わせて、参考にさせていただいた記事を掲載しておきます。ありがとうございます。(○´―`)ゞ。o ○ WordPressでまずは最初に入れておきたいプラグイン なんだかよくわからないけど、WordPressをインストールしたら、まずはとりあえず入れとけと言われた(誰ともなく)ので入れているプラグインたち。 1. Akismet WordPress › Akismet « Wo
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. We have received a couple of requests on how to use the BookBlock plugin in fullscreen. So, we decided to create a fullscreen layout, apply BookBlock to it and add a sidebar menu. We’ll show you how to c
10月でこのブログもまる5年になることをつい最近気づいて驚いている@hitoxuです。 ブログを長く続けていると、過去の記事が溜まっていきますよね〜。私は月別アーカイブの“長さ”を見てニヤニヤするのが好きだったりします(^_^;)。 でもさすがに、5年分となるとサイドバーの専有面積も多くなり、目障りになってきました。(管理者の私がいうなって?(^_^;)) そこで月別アーカイブを“いい感じで”折りたためるWordPressプラグインを探していたのですが、ようやく見つけられたのでご紹介します。 月別アーカイブプラグインに求める3つの条件 探していたプラグインの仕様でつぎの3つは欲しいな〜と思っていました。 今年は従来通り「月」が表示される 昨年以前は「年」のみ表示されていて、「月」を展開できる 「月」、「年」に記事数が表示されている 月別アーカイブをまとめる方法として、例えばプルダウンがあり
Hiker, photographer and software engineer documenting his travels around the world.
[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js
珍しいタイプだし、普及して欲しいな、 という願いも込めて記事にします。デ ジタルコンテンツの販売に特化した、 ECサイトを構築できるWordPressのプラ グイン、Easy Digital Downloadsです。 こういうのも無料なのがWPのいい所。 まだ出来たばかりなので日本語ファイルもありませんが、多言語化は可能なので自分で作ってみようかと思いますが、その前に普及を願ってご紹介です。 デジタルコンテンツ・・今ならいろいろ思いつくのでは無いでしょうか。電子書籍やフォント、写真、アイコン、やWordPressのテーマなんかもそうですね。こういったデジタルコンテンツの販売に特化したECサイト用プラグインです。 軽く使用してみた感じなので何ともいえませんが、直感的には手軽に使えそうに感じました。 スクリーンショット プラグインを有効化すると、カスタム投稿タイプを追加したようにメニューに項目
img要素ではなく背景画像(background-image)を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御(開始/停止/リセット) ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く