Water and Earth

WordPressでphpやらcssのコーディング 練習に使ってるブログ

ウィジェット2を追加

 

記事毎に「レッスンブック使って作ってます」って書くのがいいかげん面倒になったので、ウィジェット2を作ってそこに放り込みました。本当はamazon のapi(?)とか使いたいんですけど、今現在そこらへんまでスキルが追い付いてないので、ウィジェットで「テキスト」を選んで、記事を書くように画像+テキストで書いたっていうひっじょうにシンプルなものになってます。

rss の下にウィジェット2が入ってるのは、デザインの関係です。カテゴリや月別アーカイブとrss は同じデザインを使ってますが、ウィジェット2は微妙に違ってるんです。別に同じでもよかったんだけど…と今にして思う。

ウィジェット1はリンクにa:hover が入ってる(?)のと、リンクが機能する範囲を大きめ(一列)に指定してるのよ。最初、ウィジェット2のテキスト内にリンク貼ろうとしたら、リンク貼ってある文字列で一列になってしまったんよ。それは見た目が悪いなーと(例:このブログの一部記事は「(改行)wordpressレッスンブック(改行)」を参考にして作ってます… みたいな感じ。一文なのに3行使ってる orz)。

 

今調べ中なのですが、ウィジェット2に入ってるテキストの「一部記事」のところにリンク貼って、本を参考に書いた記事の一覧が出せればいいな、と。get post + post ID で出来そうな気はするんですが、どうだろ? post ID が1~5, 7~9 みたいな時はどう指定すればいいですかね? 一部連続してるけど、途中で飛んでるよって感じの時。

もしくは、カテゴリを別にしてしまえば早いのか? もしくはタグつけしとくとか。あ、タグつけの方がいいかも?

そんな感じで試行錯誤中。

 

 

【追記】

画像をうpしてみたら、配置がおかしいんですけどー! style.css で本文中の画像の横幅を100% で出すように指定してるはずなのに、うまく機能してない(横幅が画像の幅そのままで表示されてる)。どこがおかしいんだろう??

 

→解決

style.css に「本文中の画像」について指定してたんですよ。その指定表記が違ってたw

「ページのソースを表示」でソースを表示させて画像についての情報を見たら、画像の横幅がそのまんま出てたので、『あれ?これ、画像の指定が機能してないや』と思い、style.css をじーっくり見てたら、img の指定の時は頭に「 . 」が要らんのね。勢いで付けてたよ・・・。