ぽんこくらぶ

まる得主婦のお役立ち情報を発信しています!

【マナラホットクレンジングゲル】効果,口コミ,感想を主婦が本音の評価!
「ネオちゅらびはだ」炭酸泡もずくクレンジングは効果なし?本音でレビュー
【プリンセス】テーブルグリルストーンレビュー!汚れ焦げ付きの落とし方も
「快糖茶」話題のダイエット茶で珠玉のアレンジレシピ!効果と口コミ!

はてなブログ「UnderShirt」でおすすめ記事表示やグローバルナビのカスタマイズ!

UnderShirtでおすすめ記事表示グローバルナビカスタマイズ

 

こんにちは!

ブログのカスタマイズ楽しんでいますか?

 

私ははてなブログで「UnderShirt」のテーマをつかっています。

 

「UnderShirt」はトップ画像がカード型で表示されるのでオシャレにみえるんですよ。

 

今日は久々にブログカスタマイズをしたのですが…つかれました。

「UnderShirt」版、おすすめ記事をトップに表示する方法と、グローバルナビの設置方法です。

 

疲れついでにブログに備忘録として残しておきます😚

 

よろしくおねがいします💛

 

「UnderShirt」でおすすめ記事をピックアップするカスタマイズ 

パソコン

 

やっと人気ブロガーっぽい外観になりました。笑

ブログのカスタマイズは本当大変ですね。

 

今日はずっとブログのカスタマイズをしていました。

ぜひ気が向いたら「ぽんこくらぶ」のトップ画面をみてあげてください。

 

まずは、おすすめ記事をトップページのヘッダー下に表示する方法から。

 

自分的にみてほしい記事をピックアップしてトップに表示することができます。

 

俗にいうキラーページ(収益化のための記事)はぜひトップに表示しておきたいですよね。

 

ワードプレスのブログでは、よくこのおすすめ記事の表示を見かけます。

 

はてなブログのブログではあまり見ないので、ぜひともトップの画面に表示させてオシャレ度をあげたいところ。

 

カスタマイズに参考にしたのはこちらのサイト↓

www.bambi.pro

 

すごいよね。

よくこんなカスタマイズの方法とかできるよね。

 

ぜんぜんHTML?CSSとか(?_?)なのでいつもコピペをしております。

 

コードはごめんなさい。

バンビさんのページをみてそのまま貼りつけてみてください。

なにも難しいことはなくそのまま貼りつけましょう。

 

画像のURLは、表示させたいアイキャッチ画像を右クリック。

「画像のアドレスをコピー」というのがあるのでそのままコピペして画像のURLの部分に貼りつけでOKです。

 

バンビさんのコードは背景がラベンダー色で設定されていました。

私はラベンダーから「white」(白)に変えました。

 

自分の好みの色をみつけてカスタマイズしてくださいね💛

「UnderShirt」でグローバルナビを設置するカスタマイズ

パソコン

 

では、次。

グローバルナビを設置しました。

 

グローバルナビを設置してない状態でずっと放置していました。

 

このカスタマイズは時間がかかりました。

参考にしたのはこちらのサイト👇

www.yukihy.com

 

ほぼそのままのコードをコピペしました。

ナビの階層が2つにわかれていたので1つにしました。

 

私も素人すぎてなにがなんだかわかりません。

なんとかできました!!笑

 

背景の色が黒っぽい色だったので女子らしく背景の色を変えました。

ブログのデザインにあわせて色を変えてあげるといいですね🤩

 

そんな感じでカスタマイズしてみました。

トップ画像こんな感じと貼り付けてみたいのだけれど、できない😿

 

気が向いたらトップ画面をみてあげてください。

やっと人気ブロガーっぽい外観になりました。(?)

 

カスタマイズはとても大変ですが、完成するとうれしいですね。

 

はてなブログもできるだけおしゃれにみえるテーマを選んであげたほうがいいです。

 

実は「UnderShirt」はカスタマイズ方法があまりのっていないんですよね。

 

たくさんではないですが、先輩たちがカスタマイズ方法をUPしてくれています。

ググっていろいろとブログのカスタマイズをしてみましょう。

 

せっかくのブログライフ。

お気に入りのカスタイマイズをしてブログを楽しんでくださいね。

 

ではまたね✨

 

 

www.ponchanmama.work

 

www.ponchanmama.work

 

www.ponchanmama.work