ワードプレスCSSカズタマイズに関して／初心者です

質問

WardPressのCSSカスタマイズに関して質問です。
WP初心者です。

現在 Gridsby （無料版）というテーマを使っております。
DEMOサイト> http://modernthemes.net/demo/?theme=Gridsby

やりたいことは以下３つです。

(1)TOPページの画像にマウスオーバーした時に、その画像上に記事タイトルと投稿日付を表示させたいです。出来ればフェイドイン／アウトなどアクションが付けられればベターです。

(2)テーマのデフォルトカスタマイズで、最新投稿が一番左上に来るように設定できるのですが、その画像上が最新投稿だと分かるように、『NEW』という文字を点滅させる等、何か表示が出来ませんでしょうか？

(3)画像をクリックすると各画像の詳細ページに移動します。タイトル下のラインの下か、タイトル右横に日付を挿入したいのですが、なにか方法は有りますでしょうか？

以上です。

以前にブログのHTML／CSSをいじったことは有ります。勘で「このパートは文字のサイズっぽいな」とあたりをつけて数字をいじってみるとかのレベルです。

ピンポイント回答頂ければありがたいですが、
「このページで勉強すれば出来るよ」というような参考サイトが有ればお教えください。

TOPページのスクリーンショット載せておきます。

ヨロシクお願いいたします。

回答No.1

noname#206842 · ベストアンサー

(1)は、リンクの部分に、title=""　で、できるのでは？
ただし、フェードなどをかける場合は、その記述が必要

(2)に関しては、最初に表示する部分を設定で！

(3)に、関しても(1)と、同じ方法で対処できるのでは？・・・

あとは、それぞれのtitleに、classを設けCSSを記述する。

補足

早速回答有り難うございます！
折角回答して頂いたのですが、自分が初心者なばかりに、理解しきる事が出来ません。参考になるサイトを探して勉強してみます。オススメのページがあれば教えて頂ければ幸いです＾＾

回答No.2

noname#206842

参考になるサイト？・・・
W3Cの仕様書を、読むことからはじめ⇒whatwgとの、考え方の違い⇒HTML5＋CSS3その後
CMSについて学び、wordpressなどに対応する。

HTMLは、
<a href="" title=""><img src=" images/***.png" alt=""></a>
という形になると思いますが？・・・
画像の表示されない場合の説明＝altに記述
リンクを、かける場合⇒title=""に、textを書けば、ツールチップとして、mouse　hover
時に、ツールチップとして、表示される。

WHATWG_URL: http://www.html5.jp/trans/whatwg_html5faq.html

参考URL：

http://www.w3.org/Consortium/Translation/Japanese

補足

回答有り難うございます^^
自分は初心者ですので、チンプンカンプンです。
少し勉強してみます。