Gumiのブログ

PotekoとPochiとPucca!

はてなブログ無料テーマ「Poteko」と「Pochi」を着せ替える

f:id:xxbdxx:20191106001608p:plain
f:id:xxbdxx:20191106001611p:plain

こんばんはっ!

今回ははてなブログ無料テーマの「Poteko」と「Pochi」を着せ替える方法を紹介します。

どちらのテーマも白色がほとんどなので着せ替えることでガラッと雰囲気を変えることができますよ。

Poteko - テーマ ストア

Pochi - テーマ ストア

 

着せ替えるには?

PotekoとPochiを着せ替えるにははてなブログの管理画面から「デザイン」を選びます。

デザインを押すと左の方に工具マーク(レンチマーク)があるのでそこをクリック。

すると「背景画像」と「背景色」っていうのが出てくるのでどちらかお好きな方を設定していきます。

設定を終えたら保存して終了!

 

これだけでブログのヘッダーとフッターがそれぞれ模様替え完了です。

  

blog.hatena.ne.jp

blog.hatena.ne.jp

はてなブログ無料テーマ「Potecko」と「Pochi」へグローバルメニューを追加する

f:id:xxbdxx:20191106001611p:plain
f:id:xxbdxx:20191106001608p:plain

 

今回ははてなブログ無料テーマ「Potecko」と「Pochi」のヘッダー下にグローバルメニューを追加する方法を紹介します!

ちなみにここで紹介する方法でなくても、ほかのブログで紹介されている「はてなブログへグローバルメニューを設置するカスタマイズ」をしてもらえれば普通に設置できます。

デザイン面で好きな方を設置してみてください。

Poteko - テーマ ストア

Pochi - テーマ ストア

 

コピペする

まずは下記コードをはてなブログ管理画面の「デザイン」より工具のアイコンをクリック。

「ヘッダ」の項目にある「タイトル下」に下記コードをまるまるコピペ。

<ul id="global-menu">
<li><a href="#">test</a></li>
<li><a href="#">test2</a></li>
<li><a href="#">test3</a></li>
<li><a href="#">test4</a></li>
</
ul>

 

URLとテキストを変更

続いてさっきコピペしたコードの中にある「#」をリンクしたいURLに書き換えてください。同じように「test」の部分をリンク文字に変更。

ちなみに「こんなにリンク数いらないよ!」とか「もうちょいリンク項目増やしたい!」って場合は行を減らしたり増やしたりすれば項目数を自由に変えられます。

 

まとめ

ここでははてなブログ無料テーマ「Potecko」と「Pochi」のヘッダーにグローバルメニューを追加する方法を紹介しました。

自信作のテーマなのでぜひ使ってみてくださいね。

blog.hatena.ne.jp

blog.hatena.ne.jp