WordPress のプラグイン無しですごく簡単に「ページの先頭へ」ボタン表示しよー
jQuery でページの先頭へ！ Scroll to Top Button ？ よく見かけるじゃないですかー？「このページの先頭へ」みたいなボタンっ！page top ボタン？スクロールボタン？なんて言うんでしょー？？ あれを簡単に（そもそも難しくないですよねｗ） WordPress に設置してみるのと、ついでにスクロールでのアプローチも考えてみたいと思います〜ｗ 基本的に手抜き大好き！で面倒なこと嫌い！！で細かいことも気にしないですけど、気長にお付き合いください〜ｗ このページの先頭へ！ スクロール位置の制御をするので jQuery 使います！WordPress だと標準で使えるから便利ですね！ $("body").scrollTop(0); ページの先頭位置へ移動だとこんな感じですよね？ $("#page-top").click(function(){ $("body").scroll
WordPressにjQueryのタブインターフェースを導入する｜大分のウェブデザイナー吉田亮
ウェブのコンテンツをタブに区切る事でコンテンツが縦長になるのを防ぎ、ユーザの使い勝手を向上することができます。 WordPressが利用するjQueryにはすでにコンテンツをタブ化するライブラリが備わっており、簡単な記述で追加する事ができます。 ライブラリを読み込む jQueryには簡単にタブインターフェースを実現できるライブラリがあり、WordPressにはすでにそのライブラリがインストールされています。ライブラリをウェブページで利用するためには以下のPHPコードを使います。利用するテーマのheader.phpなどに記述します。 <?php wp_enqueue_script('jquery-ui-tabs'); ?> コンテンツをタブ化する コンテンツをタブ化するにはHTMLとJavaScript、CSSを以下のように記述します。下記のコードサンプルがそのままタブの表示サンプルになって
404 Not Founds
The requested URL was not found on this server. 您要找的内容已被删除
wordpress+jQueryで実現するテクニックチュートリアル30選
世界中で使われているCMSの一つwordpress。高い拡張性もその人気の一つですが、今日紹介するのは同じく世界中で使われているjavascriptライブラリjQueryとwordpressを組み合わせて実現するテクニックのチュートリアルを集めたエントリー「30 Tutorials Combining Both WordPress and jQuery」です。 Including jQuery in WordPress (The Right Way) jQueryを正しく、テンプレートに読み込ます方法から、Ajaxを使ってランダムに記事をピックアップ表示させる方法などなど様々なjQueryとWordpressを使ったテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■WordPress Featured Post Slideshow
WordPressにおけるjQueryの仕様について | wembley
実は昨日から、新しく入れようとしているjQueryのプラグインがうまく動かずずっと悩んでしまって、下書きしていた記事を書き上げる時間がなくなってしまった。 今やっと問題を解決できたので、備忘録として。 jQueryをWordPressで読み込む まずは基本。 WordPressにはjQueryやPrototypeといったメジャーなJavaScriptのライブラリが標準搭載されており、それらを読み込む為の関数が用意されています。 WP関数wp_enqueue_script()を使うと、あらかじめ用意されたライブラリを自動的にヘッダに読み込みます。 5つも引数があるけど、必須なのは$handleのみで、後はオプションです。 具体的にはこのように記述。 $handleに読み込むスクリプト名を入れる。標準搭載のライブラリの場合、jQueryなら"jquery"、jQuery UIなら
イメージスライダーを付けてみよう
それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね！ それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像
ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。 普段、TwitterではURLとともに感想が書いてあることが多く、フィードバックのツールとしてTwitterを利用しているWebサイトも少なく有りません。このフィードバックをもっと簡易的にしてみよう、というのが今日の内容です。 サンプルは記事の下のほうにあります。 jQueryを使います。僕は基本的にWordPressを使う人なのでWPにあわせたコードです。便宜変更してください。 $(function(){ var url = "<?ph
Imbalance Free WordPress Blog Theme ⋆ Wpshower
Custom Homepage A flexible homepage layout adapts to different needs—whether for a blog, magazine, or portfolio. Clean Typography Minimal distractions for a crisp, readable design that enhances user experience. Powerful jQuery Header A sleek, jQuery-powered dropdown menu adds a touch of modern interactivity.
WordPressでjQueryを使う方法（基本）
本当に基本的のようで気が引けますが、みなさまご教授ください。 デフォルトのテーマをローカル環境下でカスタマイズしています。 http://pikachoose.com/ こちらで配布されているpikachooseというスライドショーのjqueryプラグインを使用したいのですが、動かずに困っています。 やりたい事： pikachooseを設置したい やった事： ・ダウンロードしたjquery-1.3.2.jsをhtdcos/wordpress/wp-admin/js/の下に置いた。 ・プラグインのHeader and footerを利用して、ヘッダーに以下のコードを書き込んだ。 <script type="text/javascript" src="wp-admin/js/jquery.js"></script> ・ダウンロードしたpikachoose_3.0というフォルダの仲にあったpik
病的溺愛シンドローム
病的溺愛シンドローム 愛するWordPressのプラグインを病的に体当たりレポート。その他Tipsやコラムや実験など。サボテンとか日常も書き綴られているのはご愛嬌。 最近追加したいプラグインが思いつかなかったりするんだけども そんなことを言ってるとブログを更新できないので WordPressの上部に開閉するエリアを追加するプラグイン Sliding Panel をインストールして試してみた。 サイドバーと同じようにウィジェットに追加されて、 画面の右上に表示されている「Open」をクリックすると 隠れていたパネル（トップバー？）が開く。 という感じのもの。 そんなのテーマファイルでやればいいじゃん(´ー｀)┌ とかいう玄人の方はスルーしてくださいｗ Sliding Panel は特定のテーマを使っていれば有効化するだけで、 他のテーマの場合は一行追加するだけで使える便利プラグイン。 インス
上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」
TOP > plugin , WordPress > 上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」 国内外問わず非常に多く使われているオープンソースのCMS、Wordpressですが、その魅力の一つに非常に多くの拡張機能が簡単にプラグインを導入するだけで実現できてしまう所があります。今日紹介するのは上から迫り出てくるようなスライドパネルを簡単に実装でいる「Sliding Panel」を紹介したいと思います。 上記のように画面上部に出たボタンを押すとスライド式で迫り出てきます。 詳しくは以下 実装は簡単でプラグインをダウンロード後、フォルダごと「/wp-content/plugins 」へ移動。その後プラグインの設定でプラグインを有効にすれば設定完了です。あとはheader.phpファイルの<body>タグの後に下記のコードを貼付ければO
Sliding Panel: WordPress Plugin
Ever since I redesigned Theme Hybrid back in April, I’ve gotten numerous requests for the code so that others could do something similar. Typically, I’d point people to the Web Kreation article on integrating a sliding panel into WordPress. Unfortunately, this proved to be a tough task for the average end user. Not to say anything bad about the great tutorial, but there are some problems with inte
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプ
Implement A Nice Clean Jquery Sliding Panel In Wordpress 27 » Web-kreation
<?php wp_head(); ?> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Slidin
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト 可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見や
FootballPantherShops.com
Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessen empfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/08/wp-jquery.html
http://www.angeblanc.net/2009/12/26/sliding-login-dash-panel/