【 ショップサーブ 】お知らせの更新タイトル部分にRSSフィード登録画像を表示する

ショップサーブでお知らせの更新を表示している場合とか、
他のタイトル帯部分に何かしらのアイコンとかリンクを表示する場合の備忘録です。

余談ですが、デフォルトのお知らせの更新(ページ編集→お知らせの更新)の表示エリアに
スクロールバーを取り付ける方法は、以前も似たような記事を書きましたが、
該当部分のCSSに数行付け加えれば可能です。

該当部分は、ul.news (テーマによって違いがあるかも) という部分なので、そこに

を追加すると高さが固定され、スクロールバーが表示されるようになります。

さて、今回のはそれとは違って ^^;
各タイトル部分に(上記のお知らせの更新ならそのタイトル部分)
何かしらのアイコンとかリンクを付け加える方法の備忘録です。

わかりやすくいうとこういう図になります↓

今回の場合は使っている部分の上に記述した場合の対処法です。

うちの場合だとお知らせの更新より上に表示しているセンター用フリーエリアです。

このようにしてみました↓

こうすると更新情報のタイトル帯のところにRSSのアイコンとリンクが設置できます。

P要素に対して直接CSSを記述しています↓

今回は、センター用フリーエリアで使っている要素の上ですが、
下でもマージンの方向を変えれば可能です。

あまり使う局面もなさそうですが、更新履歴のところに
RSSボタンがあったほうが利にかなっていると思い設置してみました。

:: スポンサーリンク ::

posted by そば富泉

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)