フリープレミアムテーマAureliusのナビゲーション設定記事更新日2011年12月21日

ユーザーの方から『Aurelius』をダウンロードして立ち上げたけどナビゲーションからトップページ以外のページに飛べませんというお問い合わせをいただきましたので『Aurelius』のサンプルサイトを立ち上げてみました。

英語のテーマは説明がわかりにくいのでソースコードを直接見て把握しないといけないのでむずかしいですね

まず『Aurelius』のナビゲーションは、通常のWordpressのメニュー機能は使えません。『Aurelius』のファイル内のheader.phpを見ると下記のようにナビゲーションの部分は直接URLを書き込むようになっています。

<!– Navigation Menu –>
<ul id=”navigation” class=”grid_8″>
<li><a <?php if (is_page(‘contact-us’)) { ?> class=”current”<?php } ?> href=”<?php echo get_option(‘home’); ?>/contact-us”><span class=”meta”>Get in touch</span><br />Contact Us</a></li>
<li><a <?php if (is_category(“blog”)) { ?> class=”current”<?php } ?> href=”<?php echo get_option(‘home’); ?>/category/blog/” title=”Go to the Blog page”><span class=”meta”>Latest news</span><br />Blog</a></li>
<li><a <?php if (is_category(“portfolio”)) { ?> class=”current”<?php } ?> href=”<?php echo get_option(‘home’); ?>/category/portfolio/” title=”Go to the Work page”><span class=”meta”>Our latest work</span><br />Portfolio</a></li>
<li><a <?php if (is_page(‘about’)) { ?> class=”current”<?php } ?> href=”<?php echo get_option(‘home’); ?>/about” title=”Go to the About page”><span class=”meta”>Who are we?</span><br />About</a></li>
<li><a <?php if (is_home()): ?>class=”current” <?php endif; ?> href=”<?php echo get_settings(‘home’); ?>” title=”Home”><span class=”meta”>Homepage</span><br />Home</a></li>
</ul>
<!– NAVIGATION –>

固定ページからページを作成してそのURLをheader.phpに直接書き込むのですが、実はAboutのページにはpage-about.phpという専用のページが用意されていて、Contactページにはpage-contact-us.phpというファイルが用意されています。

ですのでAboutのページのパーマリンクはhttp://●●●/aboutというように最後をaboutに変更をしてお問い合わせページはhttp://●●●/contact-usというように変更するとうまく動作します。

設定カテゴリは3つ必要です。カテゴリの名前は何でもいいのですがスラッグは、featured(トップのギャラリーに画像を表示する)、blog(トップの中段にあるサムネイル表示)、portfolioをカテゴリーに追加をしてください。

これでAureliusのナビゲーション設定はできます。各ページに専用PHPファイルが用意されているので設定は慣れるまでむずかしいかもしれませんがこのテーマのポートフォリオページはほんとによくできてます!

ダウンロードはこちらからどうぞフリープレミアムテーマAurelius

もし設定方法がわからない!という場合は下記のxmlファイルをダウンロードしてインポートしてみてください。『Aurelius』のサンプルサイトと同じ状態になります。