またまたサイトを改造。すでに追加その①と銘打ってしまっているように、きっとこれからも追加の改造が増えるだろうと見越しています。ふふふふふふ。
日記の末尾に、次のページへのリンクを表示したいと思っていたんだけど、デフォルトだと英語表記だったんだよね。しかもデフォルトのカスタマイズオプションはfunctionsで定義されているので、これを改造するのは無理！ そんなわけで、content.phpのタグを表示する数式の後に以下を書き加えました。
<nav class=”section-title clearfix” role=”navigation”>
<div class=”post-nav-left”>
<?php previous_post_link(‘← %link’, ‘%title’); ?>
</div>
<div class=”post-nav-right”>
<?php next_post_link(‘%link →’, ‘%title’); ?>
</div>
</nav>
これを書き込むと前後の記事へのリンクが表示される。「前の日記へ」とかでもいいんだけど、迷った末に「記事タイトル」を表示する設定にした。これ、このままだと前の記事へのリンクも後の記事へのリンクも両方左寄せなので、CSS編集に「.post-nav-right { text-align: right; }」と書き込んで、後の記事へのリンクを右寄せに設定する。
それから、うちのサイトってHOME以外の固定ページには、基本的にサイドバーを表示していない。その上、表を掲載したり「HOMEへ戻る」っていうリンクを作ったりすると、ページ全体がセンタリングしていないのが不自然に見えてしまう。それに、もう少しコンテンツ部分の幅も広げたいところ。そうじゃないと表が不格好に見える。
そんなわけで、wide-pageという固定ページテンプレートを作って子テーマフォルダにアップ。その後、page-templateでclass指定して横幅が広めでページ全体がセンタリングするようにCSSを改造した。
幅は小説掲載用ページと同じにしたので、デフォルト（HOMEのサイドバー抜きの幅）よりやや広め。ページ全体をセンタリングした。小説ページとは違って、コンテンツ部分を枠で囲ったりタイトルをセンタリングしたりしなかった。「読み物」というより「見せ物」なページでもあるので、カラフルな色合いとかラフな形式をそのまま残しておいた。CSS編集に書いたのは以下の通り。後ほど、子テーマのCSSファイルにコピペしてから消去する予定。
.page-template-wide-page-php .container {
width: 980px;
margin: 20px auto 0;
position: relative;
-webkit-box-shadow: 0 0 5px 1px #a8a8a8;
-moz-box-shadow: 0 0 5px 1px #a8a8a8;
box-shadow: 0 0 5px 1px #a8a8a8;
}.page-template-wide-page-php .wrapper {
padding: 20px 140px;
background: #fff;
}.page-template-wide-page-php .content {
width: 680px;
overflow: hidden;
padding: 10px;
}
かなり思い描いていたページ構成に近くなってきた。できれば捏造した魔界地図とか、バランの年表とか、三種族の対立～ドラゴンの騎士誕生あたりの年表なんかもゆくゆくはアップしたいので、これからも必要に応じて改造を加える予定。
了子