
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。
サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。
- 投稿日
- 更新日

jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。
サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。

WP MVCを導入すれば複雑になりがちなWordpressのテーマフォルダをお手軽にMVCで管理できるようになるらしいです。しかし、このプラグインを使用するにはコマンド的なことを実行しなくてはいけないらしい。さらにWindowsのコマンドプロンプトとかじゃ実行できない(?)
そこで、この記事ではWindowsのXAMPP環境にインストールする方法をご紹介します。

最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。

センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。

Wordpressの投稿フォーマットはラジオボタンでさり気なく配置されているので、よく目をこらさないと気づきませんね。
「CF Post Formats」を導入すれば投稿フォーマットをタブにしてくれるので、チェックするの忘れてしまったなんてこともなくなると思います。

jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。
CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。
LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。

以前「WordPressの入っていないサイトにRSSを取得してブログの情報を載せる」という記事を書きました。これは基本的なデータだったら問題ないのですが、アイキャッチだったり、カスタムフィールドを取得して表示させたい場合はできません。
Feed情報をカスタマイズする手もあるのですが、ここではオリジナルのXMLファイルを作成して表示する方法をご紹介します。

Appleサイトのスライダー(カルーセル?)は画像がばらばらに切り替わるのでとてもクールですね。
ということで、動きはあまり再現されていないのですが、それっぽいのを作ってみました。