続・サイトタイトルをクリックしてトップページに戻る

RW3.6検証済み
このエントリの内容は RapidWeaver 3.6 を使用して検証、カスタマイズされた時のものですが、このバージョンでの動作を保証するものではありませんのでご注意下さい。また、表示の無いバージョンでは動作しない、エラーが出ないという意味ではありません。
以前、「サイトタイトルをクリックしてトップページに戻る」という記事を書きましたが、あれは間違いでした(笑)。
内容は、サイト設定のタイトルの所にリンク用のタグを挿入するという内容でしたが、ブログでパーマリンクを表示すると以下のようになります。


四角く囲んだところになぜかタイトルが出現
その分だけレイアウトが下に下がってしまいました(丸で囲んだところ)。

閲覧が出来なくなるほどレイアウトが崩れる事はありませんが、やはり問題なのでこの方法は封印しました。
で、今回試した方法は、テーマのパッケージを開いて直接「index.html」を編集する方法です。(参考:
カスタマイズの基本/Repeating Motif Wonderland:RapidWeaverのテーマをカスタマイズする

サイトタイトルとスローガンは、たいてい「pageheader」というBlock要素の中にありますので、「index.html」の中からその部分を探します。<body>タグの下辺りに、<div id="pageHeader"></div>というコードで囲まれた箇所があると思います。
その中に、<h1>%site_title%</h1>(便宜上%は*にしてあります)というコードがありますので、それを<a href="サイトのURL"></a>で囲めばOKです。実際にはこんな感じ↓


style="text-decoration:none;"を使用していますが、必要な場合はCSSでやった方がいいのかな?


これで、パーマリンクを表示した時もレイアウトが崩れる事は無いと思います。

blog comments powered by Disqus