【Blogger/QooQ】ナビゲーション:ヘッダとメニューの位置を変える

2020-12-26

Blogger プログラミング

B!


フリーのBloggerテンプレート「QooQ」のカスタマイズについてまとめています。
参考程度に。





切り取る箇所

以下の部分をごっそり切り取ります
<div id='navigation'>
	<div class='container'>
		<label for='navigation-button' id='navigation-label'>=</label>
		<input id='navigation-button' type='checkbox'/>
		<div id='navigation-content'>
			<b:section id='ナビゲーション' maxwidgets='1' showaddelement='no'>
			<b:widget id='PageList1' locked='true' title='ページ' type='PageList' version='1'>
			<b:widget-settings>
			~
			</b:widget-settings>
			<b:includable id='main'>
				<div class='widget-content'>
				<ul>
				<b:loop values='data:links' var='link'>
				<b:if cond='data:link.isCurrentPage'>
					<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
				<b:else/>
					<li><a expr:href='data:link.href'><data:link.title/></a></li>
				</b:if>
				</b:loop>
				</ul>
				<b:include name='quickedit'/>
				</div>
			</b:includable>
			</b:widget>
			</b:section>
		</div>
	</div>
</div>

差し込む箇所

ヘッダのdivの下に先程切り取ったコードを挿入します
<div id='header'>
	<b:section id='ヘッダー' maxwidgets='1' showaddelement='no'>
	~
	</b:section>
</div>

<!--- ここにいれる --->



ブログランキング・にほんブログ村へ

Translate

魔王と愉快な仲間

このブログを検索

ラベル

ブログ アーカイブ

メッセージ

名前

メール *

メッセージ *

Powered by Blogger.

フリー写真素材ぱくたそ

QooQ