jQueryに関するr-013のブックマーク (5)

  • WordPressで訪問者に時限式や認証式のポップアップ・モーダルウィンドウを表示できるプラグイン「ITRO Popup Plugin」

    ちょっとプラグイン紹介の前に、モーダルウィンドウについてモーダルウィンドウとポップアップの違いって?? ポップアップはポップアップでも、注意喚起を促すものや、ユーザーが適切な応答をしなければ操作できないようにするものを「モーダルウィンドウ」と呼ぶみたいです。 wikiより モーダルウィンドウ(英: Modal window)は、何らかのウィンドウの子ウィンドウとして生成され、ユーザーがそれに対して適切に応答しない限り、制御を親ウィンドウに戻さないユーザインタフェース設計になっているもの。モーダルウィンドウはGUIシステムで、ユーザーに注意を促したり、緊急の状態を知らせる目的でよく使われる。 プラグイン>新規追加>『ITRO Popup Plugin』検索で出てきます。 詳細設定は、設定>ITRO Popup で設定画面になります。 配布元:ITRO Popup Plugin(ver4.6.

    WordPressで訪問者に時限式や認証式のポップアップ・モーダルウィンドウを表示できるプラグイン「ITRO Popup Plugin」
    r-013
    r-013 2014/11/21
    wordpressで時限式や年齢認証のポップアップ(モーダルウィンドウ)を導入するプラグイン『ITRO Popup Plugin』詳細な仕様やデザインを変更可能
  • wordpressテーマ「Carton」レスポンシブ・折りたたみサイドバー機能が便利

    wordpressテーマの紹介記事です。 Twenty Fourteenはとても優れたテーマですが、モバイルデバイスでサイドバーが下に行っちゃうので、サイドにカテゴリ一覧を出しておきたい時なんかはちょっと残念です。 幸い、当ブログはほとんどがデスクトップからのアクセスなのでいいんですけどね。 そこで、 jQuery Masonry! モバイル用に折りたたみサイドバー カラム幅変更可能! モバイルデバイスの時にメニューボタンを押すと、左からニョキっとサイドバーが出て来るwordpressテーマを紹介します。 wordpressテーマCartonCartonは公式テーマなので、外観 > テーマ > 新規追加 > Carton で検索するとダウンロードできます。 テーマ配布元:Carton(ver1.0.5)サイトリンク:[browser-shot width=”600″ url=”https:

    wordpressテーマ「Carton」レスポンシブ・折りたたみサイドバー機能が便利
    r-013
    r-013 2014/10/30
    モバイル用に折りたたみサイドバー機能を備えたシンプルなデザインのMarsonry+レスポンシブテーマ「carton」カラム調整も管理画面から可能!
  • ピンタレスト風wordpressテーマSurfaramaにinfinite scroll導入

    ホーム » WordPress » カスタマイズ » シンプル!レスポンシブ!ピンタレスト風~!!なWordPressテーマ「Surfarama」其ノ弐 MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。 WordPressHTMLサイトのトラブル、SEO対策のご相談HTMLCSSWordPressなどのレクチャーなどが可能です。 いやいや~。 前回ピンタレスト風テーマSurfaramaを紹介し、軽~い気持ちで使ってみようと思ったんですが、こやつ、中々の曲者!! いや、色々欲を出して無限スクロール infinitscrollや画像遅延ロードlazy load を入れたいなんて言ったからなんですけどね。 軽い気持ちで発言してすんません!すんません!! 結論から申し上げると、infinitscroll も lazy load もプラグインでは上手く動

    ピンタレスト風wordpressテーマSurfaramaにinfinite scroll導入
    r-013
    r-013 2014/09/02
    surfaramaカスタマイズ其の2 infinite scroll導入
  • WordPressにto topボタンでsmooth scrollを簡単導入!しかもデザイン変更も楽々!Dynamic To Top Plugin

    ほとんどのサイトが取り入れているスムーススクロール。 実装するプラグインも沢山ありますが、今回紹介するプラグインは、なんとデザインの変更まで管理画面で出来ちゃいます! 新規にCSSを追加したり、画像を置き換えたりしなくても大丈夫! とっても便利なプラグインです。 プレビューを見ながら、サイトに合ったテイストのボタンに変更できます! Dynamic “To Top” Pluginのインストールプラグイン名Dynamic “To Top” Pluginプラグインサイト[browser-shot width=”600″ url=”http://wordpress.org/plugins/dynamic-to-top/”]プラグイン>新規追加>Dynamic To Top 等で検索 有効化しましょう。 外観>To Top が追加されていますので、こちらからデザイン変更が可能です。 デフォルトでも、

    WordPressにto topボタンでsmooth scrollを簡単導入!しかもデザイン変更も楽々!Dynamic To Top Plugin
    r-013
    r-013 2014/04/09
    wordpressでto topボタンを管理画面から作成・デザイン変更可能なプラグイン
  • WordPressでjQueryを使用したlightbox風拡大表示プラグインWP jQuery Lightbox

    ホーム » WordPress » プラグイン » アクセスアップ系 » 画像を拡大表示!でかすぎても大丈夫!jQueryを使ったlightbox風プラグインWP jQuery Lightbox MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。 WordPressHTMLサイトのトラブル、SEO対策のご相談HTMLCSSWordPressなどのレクチャーなどが可能です。 もはや画像の拡大表示には外せない機能です。lightbox。 プラグインはたくさんありますが、今回紹介するプラグインの特徴は ・jQueryを使用している つまり、他のJavascriptライブラリのものと併用すると、競合の問題が起きてしまう所を、こちらのプラグインを使えば未然に防ぐことができます。 ・ウィンドウのサイズを検知して拡大をストップしてくれる デジカメの性能はどんど

    WordPressでjQueryを使用したlightbox風拡大表示プラグインWP jQuery Lightbox
    r-013
    r-013 2014/04/09
    wordpressにLight box風のエフェクトを簡単に導入できるプラグイン。jQueryだから競合の心配もなし。
  • 1