ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」:phpspot開発日誌
ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」 2011年04月20日- highlight: JavaScript text higlighting jQuery plugin ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」。 検索エンジンから来た時や、ユーザの入力に応じてインタラクティブにテキストをハイライトできると色々と分かりやすい場面が結構ありそうな気がします。 普通のテキストサイトがあったとして 文字をハイライトさせることで望んでいるテキストがどこにあるか一発で分かります。ページ内検索で１つづつ辿るよりも分かりやすいですね。 使い方は、.hightlight { /* スタイル */ } のようにスタイルを定義しておいて、$(element).highlight('ハイ
使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」:phpspot開発日誌
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 2011年02月17日- Skinkers Labs : TouchSwipe iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」。 タッチパネルを触って左にスライド、右にスライドといった操作をスワイプといいますが、このイベントを取得するjQueryプラグインのご紹介です。 1本指だけではなく、2本指でスワイプした際のイベントを取ることも出来ます（それぞれ区別可能） ブラウザ上でiPhoneアプリっぽい動作を簡単に実現できますね。 demoをiPhone等で見てみましょう(違和感なくスワイプできるはずです） 1本指スワイプのデモ 2本指スワイプのデモ スワイプを使った画像ギャラリー 実装はjQueryベースということでや
デザインそのままにfacebookのウォールをサイトに埋め込めるjQueryプラグイン「fb.wall」:phpspot開発日誌
Facebook Wall - a jQuery Social Media Plugin デザインそのままにfacebookのウォールをサイトに埋め込めるjQueryプラグイン「fb.wall」 facebookのウォールとはTwitterのタイムラインのようなものですが、それを簡単にサイトの特定エレメント内に埋め込めるプラグインです。 Twitterのタイムラインを表示している方もおおいですが、facebookのタイムラインも表示させたいという場合はこれが便利に使えそうです。 デザインは次のようにそのままのデザインでページに埋め込むことが可能。 Live Demo として動作デモをカスタマイズして動かせるので試してみましょう。 コード例は次のようにIDなどをオプションしてあげればOK $('#live-demo').fbWall({ id:'pehpspot', showGuestEnt
ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」:phpspot開発日誌
ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」 2011年02月10日- WordPress ? WP-OGP WordPress Plugins ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」。 OGPはOpen Graph Protocol の略で、ページ内の<meta>タグに、ページのタイトルやURL、サイト名を記述しておくことで、facebookで「いいね！」を押したとき等に、facebook側がOGP情報を使ってより分かりやすい形でリンクしてくれるというもの。 facebookだけはなく、国内のmixi や gree でも対応しているそう（ OGPについてより詳しくはこちら ) このプラグインを使えば、有効にするだけで次のように、<meta>
WordPressにFAQ管理機能を追加するプラグイン「FAQ Manager」:phpspot開発日誌
WordPress ? FAQ Manager WordPress Plugins WordPressにFAQ管理機能を追加するプラグイン「FAQ Manager」。 プラグインをインストールすると管理メニューにFAQsメニューが追加され、FAQの追加、管理、FAQのカテゴリ、タグ等の設定が出来ます。 この機能によって、WordPressをベースとしたFAQサイトが作れそうです。 記事やページ以外の括りとして、FAQのページ管理したい場合に使えます。 作成したFAQのURLは、「http://example.com/question/質問タイトル」 のようになり、FAQ内で各々にカテゴリやタグの設定が可能。 /question/ 以下をgoogle カスタム検索などで対象にすれば検索機能も付けられますね。 お問い合わせを出来るだけ減らし、無駄なやりとりを防ぐFAQですが、別に用意するのでは
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」:phpspot開発日誌
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」 2011年01月31日- Activity Indicator 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」。 通常こうしたローディングイメージを実装するにはアニメーションgif等で対応しますが、このプラグインを使うと、画像なしに綺麗なアニメーション付きの読み込みエフェクトを実装出来ます。 SVGやVMLを使ってクロスブラウザで動作するように設計されており、なんとIE6等でもＯＫだそう。 背景が何色だって気にする必要もありません。 関連エントリ クリックした位置にそのままローディング画像を出せるjQueryプラグイン「Spinner」 現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoade
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」:phpspot開発日誌
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 2011年01月28日- WordPressにソーシャルブックマークボタンを楽々設置：WP Social Bookmarking Light | NINXIT-BLOG Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 インストールして有効にすればすぐさま、次のようなボタンを記事上や記事下に設置できるプラグインです。 管理画面から並びを変えたり、ボタンを追加したりすることが容易にでき、はてぶ・ツイッター・facebookだけ、という感じでチョイス可能。 普通に設置しようと思うと大変ですが、プラ
WordPressのアーカイブをテレビ番組表っぽいレイアウトで表示するプラグイン・Snazzy Archives - かちびと.net
題名がやや謎ですが・・・ブログの過去 記事を、新聞のテレビ番組表のような レイアウトで表示するWPプラグインです。 アーカイブをじっくり探せるように、見や すいレイアウトにするのはコンテンツに よっては大きなユーザビリティとなりそう です。 結構使われているのかもしれませんけど、僕は最近まで知らなかったので一応ご紹介。覚えておいて損は無さそうです。もちろん、IE6や7でも動きます。 アーカイブをこんな感じで表示してくれます。テレビ欄っぽい。画像は投稿の最初の画像を自動で取得してくれるみたいです。 このようにクリックで開閉するタイプも選べます。こちらもスマートでいいかもしれませんね。 テスト環境に入れた際のキャプチャです。見出しになっている月をクリックすると全部開きます。 管理画面です。画像も用意してくれていますし、そう困る部分は無いかなと思います。 使い方 デモがありますので導入前に見てみ
画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」:phpspot開発日誌
画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」 2011年01月21日- pictureMenu 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」。 マウスカーソルを合わせるとメニューの幅がニュイーンと伸びるUIが作れます。 動きがなかなかクールなので、うまく画像と組み合わせることでカッコいいサイト作りに役立てられそうです。 次のような比較的整ったHTMLコードを初期化する感じです。 デモはセンスがいいとは言えないかもしれませんが、工夫すればかなりカッコよく出来そう。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 ビローンと伸びるドロップダウンメニュー実装jQueryサンプル クールにアニメーションする色合い様々なjQueryメニューサンプル色々
WordPressで作られたWebサイトの表示速度を早くするためにできること
WordPress 楽しんでますか？ 今回は WordPress で作られたWebサイトを少しダイエットさせて、表示速度を早くするために、やっておいたらいいかもしれない Tips をいくつかご紹介します。 私は WordPress が大好きなので、もちろんこのブログも WordPress で作っています。でも WordPress は PHP で作られているブログツール。ブラウザで表示されている Webページは、PHP によって動的に作られた HTMLです。 Webページを表示するたびに、Webサーバの中で PHP が働き、HTMLを吐き出しているので、最初からHTMLで書かれた Webページに比べて、表示が遅くなる傾向があります。 私のブログは、毎日のアクセスがそれほど多い訳ではないので、それほど神経質にはなっていませんが、一時キャッシュ系のプラグインの使用と、その他にもいろいろ工夫をした
WordPressでテキストリンクをさまざまなデザインのボタンに変更するプラグイン -Button Shortcodes
WordPressのショートコード：Black Glass [button link="#" variation="black_glass" size="large"]Your Text[/button] [button link="#" variation="black_glass"]Your Text[/button] WordPressのショートコード：Hot Pink [button link="#" variation="hot_pink" size="large"]Your Text[/button] [button link="#" variation="hot_pink"]Your Text[/button] ボタンで使用している画像は下記のようになっています。 自分用にカラーやサイズを変更する時は参考にしてください。
WordPressの記事ごとに個別のCSS, JavaScriptを追加できるプラグイン -Custom CSS and JS
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
2010年に当ブログでご紹介した全てのWordPressプラグイン・まとめ
今年もWordPressにお世話になった 1年間でした。そんな2010年度を振り 返り、当サイトでご紹介したWPプラグ インの数々を全てご紹介致します。 見逃した方もご覧頂いた方もぜひ確認 なさってみてください。新たな発見が あるかもしれません。 基本的にすでに他サイト等で紹介されているような情報はあまり配信しない方針ですので、必ず「良いプラグイン」という訳ではありません。良いかどうかは間違いなく個人差が出る思います。「こんなのあるんだ」程度に見て頂けると。 リンクは過去記事とプラグインの両方ありますので、使い方などを見たい方は宜しければ過去記事へお進みください。 順不同です。 アップロードした複数の画像の一括投稿が可能なプラグイン・File Gallery なぜプラグインでこんな事しなきゃいけないのか、という疑問も否めませんが、無いので仕方ないですね。WordPressは画像の一括アップ
WordPressの管理画面をiPhoneなどのモバイル対応にするプラグイン -WordPress Mobile Admin
WordPress Mobile Admin [ad#ad-2] WordPress Mobile Adminの特徴 モバイルから新しい記事を投稿することができます。 モバイルで撮った写真をWordPressに投稿することができます。 モバイルから記事、ページ、タグ、カテゴリの編集ができます。 モバイルからコメントに返答することができます。 モバイルからプロフィールページを編集できます。 Gravatarをサポートしています。 多言語対応 -WordPressが対応している全ての言語をサポートしています。 [ad#ad-2] WordPress Mobile Adminのスクリーンショット iPhoneを持ってないので、WordPress日本語版でも大丈夫なのか分かりませんが、導入した際の管理画面はiPhoneで下記のように表示されるようです。 多言語対応なので、日本語も平気だと思うのです
縁の下の力持ちWordpressプラグイン。
brBrbr 連続改行に対応させます。 キレイなコードでブログをやりたい方は使わない物ですが、楽なので・・・ http://camcam.info/wordpress/101/ Disable Revisions and Autosave 自動保存、編集履歴を自動保存させないプラグインです。 WPは自動保存しますが、DBを圧迫する要因の一つです。 http://exper.3drecursions.com/2008/07/25/disable-revisions-and-autosave-plugin/ Google XML Sitemaps XML生成。 誰もが知ってるんじゃないかと思うプラグイン。 http://www.arnebrachhold.de/redir/sitemap-home/ Insights 画像、ブログ、動画などを検索、投稿できる超便利物。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA