拍手コメント&リクエストありがとうございます^^

まさか、自分の記事を読んでリクエストを寄せてくださる方がいらっしゃるなんて!
感激しました☆

でも、この記事で書いたヘッダーのカスタマイズ方法だと、表示には問題はありませんが
ソースにエラーが出るんですよね…..(;__)/| ずぅぅぅぅん

で、仕方なくこの方法で似通ったイメージにしました。

もしそれでも参考にされたい方は(そんなヤツいないと思うけどw)
帯状メニュー、サイトの説明文は非表示にし
下のコードをLuxeritasの子テーマの編集から「Headタグ」に追記します。
RSSフィードはモバイルで非表示にしています。

<div id="pic">
	<ul><li><a title=sitemap href=/sitemap><i class="fa fa-map-marker fa-fw"></i>サイトマップ</a></li>
                <?php if(!wp_is_mobile()): ?>
<li><a title=RSS target=_blank href=/feed><i class="fa fa fa-rss fa-fw"></i>RSSフィード</a></li>
                <li><a title=つぶやき href=/free-tweets><i class="fa fa fa-pencil fa-fw"></i>管理人のつぶやき</a></li><?php endif; ?>
                <li><a title=問い合わせ href=/contact><i class="fa fa-envelope fa-fw"></i>お問い合わせ</a></li>
                <li><a title=Privacy Policy href=/privacy-policy/><i class="fa fa-user-circle fa-fw"></i>Privacy Policy</a></li></ul>
</div>

(公開するのが躊躇されますが)合わせてCSSを追記します。特に最終行はどうか参考程度に。

/* ヘッダー内文字 */
#pic{
	float:right;
	width:50%; /* この辺の数字はサイトを見ながら微調整 */
	margin-top:10px;
	height: 25px;
}
#pic ul li{
	list-style:none;
	display:inline;
	width:22%; /* この数字も微調整必要 */
	margin-right:15px;
}
@media only screen and (max-width:1280px){#pic{width:100%}}

ヘッダーの右側に入れるものは、リンクメニューだけじゃなく、なんでもOKです。

簡単に書きましたが、Mさん、こんな感じで何かヒントになりましたか?

1

Posted by どらみ