Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

2011.12.4 日曜クラス授業

jQueryスライダー(BXSLIDER)

http://bxslider.com/

http://bxslider.com/examples

http://bxslider.com/examples/vertical-slideshow

●字を消すカスイタマイズ

jquery.bxSlider.js

1027行目
追加1038行目
追加

マッシュアップ

http://ma7.mashupaward.jp/

Ajax(Asynchronous JavaScript + XML)

http://ja.wikipedia.org/wiki/Ajax

http://world-cruise2010.com/

RSS読み込み

http://oishithailand.com/

●RSSロード中の表示マークを作成

http://www.ajaxload.info/

●参照ブログ

http://oishithailand.com/

li:eq(4) 何番目
li:gt(4)

●ハマッタ・・・
$( “title”, this).text(); RSSの記事のタイトル取得の時、text()と書かなければいけないモノをtextのみで、すけぇ~悩んだ・・・

●JSON

http://thinkit.co.jp/article/70/1

http://thinkit.co.jp/sites/default/files/articles/7011.png

●Google Feed API

http://code.google.com/intl/ja/apis/feed/

–> Docs –> Sign up for an API Key

●Google Feed API使用例

http://tpfields.xrea.jp/javascript/load-external-rss-by-javascript-google-ajax-feeds-api.html

●Amazon Ajax API

http://amaztype.tha.jp/

http://amaztype.tha.jp/US/Books/Title?q=jQUery

→ すげぇ~検索する文字になるぅ~

●天気オルゴール

http://223.sitemix.jp/wp-content/uploads/2009/10/weathermusic.html

●サイトに天気データを読み込んで、表示

http://www.kohprod.com/

●マッシュアップ

http://ma5.mashupaward.jp/

●Ajax Tower
AjaxTowerではJavaScriptやAjaxを使ったWebページの作成方法や各種Web APIの活用方法に関して解説。

http://www.ajaxtower.jp/

★ページ内スクロールのjQueryプラグインいろいろ

http://kachibito.net/web-design/scroll-jquery.html

★これだ!オレのやりたいインターフェース

http://5509.me/sample/easingScroll/

☆jsto.itの中のターミネーター2のサンプルが面白かった!!!

記事の時間を表示しよう!

さて、WordPress3.2でブログ記事に時間を表示させよう!

って事でいろいろとググってみた。

まぁ、なんとなくカンで、

themes – adventure-journal
のフォルダの中の、

single.phpに、

on <? php the_date();echo “ ”;the_time(); ?>

のようにthe_date()関数とthe_time関数を追加。

loop.phpに、

<?php while ( have_posts() ) : the_post(); the_date(); echo ” “; the_time(); ?>

のようにthe_date()関数とthe_date()関数を追加。

まっ、ちょっと意図した所とは違うけど、一応時間の表示が出来た。
日付と時間の間のスペース空けるのに、echo “ ”;はダサダサだが、まっ、とりあえず・・・

しかし、Webデザイナーさんは、こんな難しい設定をサクサクとやっちゃうのには驚き!WordPressの世界も難しくて、慣れるまでは大変そう・・・

日付と時間の表示形式は、ダッシュボードのカスタム指定で以下のように設定。
WordPress日付と時間の形式

形式の一覧は、
WordPress における日付/時間の表示とフォーマット変更方法

のサイトの下の方に詳しく載っているので、参考にすると良いでしょう。

URLにリンクを貼るには?

WordPressの基本仕様は、http://〜で始まるURLを記事に書いても、リンクを貼ってくれず、ただの文字列としか扱われません。
まぁ、スパム対策もあるので、基本は一個一個<a href=>で書くのだと思います。

まぁ、しかし、私は今の所、このブログをメモ代わりに使いたいので、イチイチ<a href=>の設定をしている時間が無い場合も多いです。

山のようにいろんなサイトを開いて、『もう、今日は寝よう!』っ思った時とか・・・

って訳でググってみたら、

wordpress本文中URLの自動リンク

というブログで『Advanced Make Clickable』というプラグインが紹介されていたので、ダッシュボードで検索して『Make Clickable』というプラグインを入れてみました。

そしたら、以下のように、URLを貼付けるだけで、ハイパーリンクを貼る事が出来ました。

って事で、疑問だった2点を無事、解決!
今日はココまで。

あとは、ササッとメモります。

 

 

●WordPress&Buisinessメモ (WordPressテーマ カスタマイズ)

http://www.bizmemowp.com/wordpress-bizcategory/wordpress-customize/themes

●WordPress&Buisinessメモ (WordPressテーマ ファイル構成)

http://www.bizmemowp.com/wordpress-biz122#more-122

●ソースコード表示が飛び出すサンプル。

http://actyway.com/3738

http://ja.forums.wordpress.com/topic/223

http://webdesignrecipes.com/first-time-wordpress/

Flickrのアカウント取りました

日曜日のスクールの授業で『写真共有サービス』Flickrから、Webサイトに写真を取り込み表示するという内容をやるらしいので、Flickrのアカウントを取りました。

Yahoo.comのメールアドレスを取得しなきゃいけなかったのだが、きっと、このまま放置状態になるでしょう。ただでさえ、YahooメールもGmailも全然、見ていないというのに・・・

 

↓私のFlickrは以下です。↓

http://www.flickr.com/photos/mrbriefcaseisityou/

 

Nikon FA

こんな 古い写真ばっかり(^_^;;が置いてあります。

Nikonのレンズ達

 

う〜ん、URLへのリンクが出来るカスタマイズだけでも早くしたいなぁ〜

 

しかし、この間のカフェ撮影でも痛感したけど、『マジでデジタル一眼レフ』(デジイチ)が欲しいぃ!!!

 

Flickrとは?(Wikipedia)

 

カフェ撮影

岡本 カフェ NISHI ann

木曜日、雨が小降りの中、日曜日に通っているスクールの課題の『お気に入りスポット』で紹介しようと考えている岡本にある

●カフェ Nishi ann

http://www.nishiann.com/

へ撮影に行って来た。

雨で暗かったせいもあり、コンパクトデジカメで撮影した写真は、どれも納得出来るモノではなかった。

というより、夏にオープンカフェにすると、緑が豊かなんですが、この時期はちょっと寂しい写真にしかならない事に気づき、どうしようか?と検討中。難しい・・・

NISHI annのカレー

食べたカレーは美味しかった!

Copyright © Web & AOR Music Blog, All Rights Reserve.