matsugeinu
フォーラムへの返信
-
フォーラム: 使い方全般
返信が含まれるトピック: the_excerpt()で「続きを読む」を画像にしたい！>ひじりさん
text-indentを知りませんでした(汗しかし、どうしても表示されてしまうか
画像(背景)が上手く表示されなかったので
文字色をページの背景と同じにして誤魔化しました。今後の勉強と課題になりそうですが
目的のものをつくることができました。ご協力ありがとうございました。
教えていただいたページも今後参考にさせていただきます！フォーラム: 使い方全般
返信が含まれるトピック: the_excerpt()で「続きを読む」を画像にしたい！>ひじりさん
ご回答ありがとうございます。
WPやPHP初心者なもので少々手こずりましたが
以下のようにreturnを変更したら画像リンクが表示されました。
———————————————————————-return '……＜br＞＜a href="' . get_permalink() . '" class="readmore"＞＜img src="' .get_bloginfo('template_directory'). '/images/readmore.png' . '" /＞＜/a＞';———————————————————————-
CSSによるロールオーバーに関してですが
調べてもロールオーバーはbackgroundを切り替える方法が多くみられます。
しかし、上記のコードで表示した画像はbackgroundではないのでどうしたらいいのかわかりません。以下のコードをCSSに追記したらリンク領域が拡大された上
ロールオーバーする画像(位置が大きくずれている)と
ロールオーバーしない画像(元の位置)の２つが表示されました。
———————————————————————-.readmore { display: block; background: url(images/readmore.png) no-repeat; } .readmore:hover { display: block; background: url(images/readmore_hover.png) no-repeat; }———————————————————————-
PHPの<img>を消してCSSでbackground画像指定のみにしたら何も表示されなくなりました。画像リンクの数・領域・位置・ロールオーバーの異変の改善はできないでしょうか？
他のやり方や何か根本的な部分の間違いがあればご指摘願います。長文になりましたが
よろしくお願いします。フォーラム: 使い方全般
返信が含まれるトピック: the_excerpt()で「続きを読む」を画像にしたい！※ソースコードの訂正です。
———————————————————————-function new_excerpt_more($more) { global $post; return '……＜br＞( ＜a href="' . get_permalink() . '"＞' . __('<img src="images/readmore.png"/>') . '＜/a＞ )'; } add_filter('excerpt_more', 'new_excerpt_more');———————————————————————-
それではご回答をお待ちしております。フォーラム: テーマ
返信が含まれるトピック: Twenty Elevenの挿入画像のキャプションの横の横棒について>gatespaceさん
ありがとうございます！
beforeが使われているとは考えてませんでした。ご協力感謝致します。
また、小テーマのアドバイスも助かりました。フォーラム: テーマ
返信が含まれるトピック: Twenty Elevenのサイドバーの回り込み解除方法は？>nobitaさん
ご指定の部分を削除したらできました。
コメントアウトしてたからできなかったようです。丁寧迅速なご協力ありがとうございました。
フォーラム: テーマ
返信が含まれるトピック: Twenty Elevenのサイドバーの回り込み解除方法は？>nobitaさん
ご回答ありがとうございます。早速試してみましたのですが
サイドバーがウィンドウサイズに関係無く常に記事の下に左寄せで置かれるようになりました。PHPを編集するしかないでしょうか？