PHPのrequireを使って、WordPressの外にある静的トップページに新着記事＋投稿タグを表示させてみた
今回課せられた制約は大きく2つ ・/blog ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
実務で使えるjQueryプラグイン3選 (1/3)
jQueryを使ったJavaScriptライブラリー「jQueryプラグイン」を使うと、Webサイトを手軽に装飾できます。「Web制作の現場で使えるjQuery UIデザイン入門」最終回では、実用性の高いjQueryプラグインを3つピックアップし、それぞれの具体的な使い方を紹介します。 table要素にソート機能を付ける「table sorter」 「table sorter」は、テーブル（表組み）にソート機能を追加できるjQueryプラグインです。大量のデータを表形式で表示したいときに重宝します。 ■利用方法 jQuery本体と配布ページからダウンロードしたtable sorterのプラグインファイル「jquery.tablesorter.min.js」を、利用したいWebページのhead要素内で読み込みます。 <script type="text/javascript" src="jq
第7回 タブパネルを実装する（前編） | gihyo.jp
タブプラグインを作ってみよう 最近ではWebサイトを制作する際によく使われるのが、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるプラグインやライブラリといったものです。 jQueryの場合、プラグインと呼ばれますが、そのプラグインだけでも、数え切れないくらい多くのものが公開されています。 代表的なものでは、jQueryオフィシャルのUIプラグインなどが挙げられます。この連載ではプラグインの紹介は行いませんが、第7回・8回では実際にプラグインを作成してみましょう。 今回の第7回では、タブパネルを実装するスクリプトを書くところまでを紹介し、次回の第8回は今回実装したタブパネルスクリプトを元にプラグイン化するところまでを紹介していきます。 タブパネルを実装するスクリプトを書いてみよう タブパネルの実装について、考えてみましょう。タブパネルUIは様々なシーン
第5回 難しくなる前にFirebugの活用を学ぶ | gihyo.jp
内容が難しくなる前にFirebugに慣れる！ 第1回から第4回まで、jQueryについての各セレクタやメソッドなどを見てきました。各回で簡単なサンプルも載せていましたが、皆さんここまでの内容については問題なくついてこれていますでしょうか？ まだjQueryの基礎について全てを説明し終えてはいないのですが、そろそろスクリプトも長くなってきて、考えることも難しくなってきています。第3回と第4回の内容を振り返ってみても、少しずつスクリプトの量も増えてきているのがわかると思います。この先も、内容が増えていくにつれて、スクリプトも長く、手順をうまく考えなくてはならなくなってきます。 内容がもっと難しくなっていく前に、一度ここで復習をして、この先に備えておきましょう。 Firebugをもっと使ってみる ここまで、いくつかサンプルなどを紹介してきましたが、まだまだjQueryがいまいち理解できていない人
テレパス・ラボ : 画像のロールオーバー
リンク用途などにおいて画像のロールオーバーはかなり頻繁に利用されていますが、それを実現するとなるとコードが煩雑になってしまうことが多いようです。 例）Dreamweaverの場合 <a href="index.html" onMouseOver="MM_swapImage('sample','','sample_on.gif',1)" onMouseOut="MM_swapImgRestore()"> <img src="sample.gif" alt="サンプル" name="sample" id="sample" /> </a> "sample"という文字が何度も出てきてしまっているため、画像名が変わったらこれらすべて変更する必要があります。 これを、シンプルに実現できるようにしてみましょう。 今回もjquery.jsを利用してみます。 function initRollOverIma
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年8月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年08月16日
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門