バンビの初心者ブログ教室

私がブログ運営で月間10万円稼いだ方法を教えます!

はてなブログ テーマ「Palette(パレット)」について

※当ブログ内では商品広告やPRを行っております。

f:id:zuboraca:20181012101439j:plain

 

テーマ「Palette(パレット)」とは?

 

★はてなブログの「テーマストア」からダウンロードできます♡
Palette (パレット) - テーマ ストア

 

パレットの特徴

 

・基本的な作りは非常にシンプル!

・初心者でもカスタマイズしやすい!(コピペでできる!)

・コンテンツの読みやすさに特化している!

・スマホにも対応のレスポンシブデザイン!

・アクセスアップやSEO対策も考えられている!

 

テーマ作成者に質問できる!
*高度なカスタマイズや少し検索すれば分かるようなことは受け付けていません。ご了承ください。
*テーマに関することのみ、はてなブログのブログを持っている方に限らせていただきます。

質問はこちらから

 

アップデート情報

2021/02/03

目次デザインのカスタマイズ方法

CSSのみで目次を開閉式にする方法

jQueryを使って目次を開閉式にする方法

 

2019/02/05

情報が散在しているので「Palette(パレット)」のサイトマップを作りました♪♪
↓↓探している情報が見つからない時はこちらから探してみてください!

はてなブログテーマ「Palette(パレット)」関連のサイトマップ 

 

2019/03/18

トップページのヘッダーの下におすすめ記事を4つ並べられるようにしてみました。
HTMLとCSSをコピペしてお使いください(^-^)

【はてなブログ】ヘッダー下におすすめ記事やアイキャッチを並べて表示するカスタマイズ方法 
↓↓こんな感じです。

ヘッダ下の記事

 

 

2018/08/03

お好きな3色でイイ感じに仕上がるような着せ替えコードを作りました!

 

 

 

 

様々なデザインがコピペだけで簡単にできます!

 

以下のデザインがコピペするだけでできます!

f:id:zuboraca:20180803021937p:plain

基本的な作りは非常にシンプルでブログとしての内容を見やすく作りました!

また知識がなくても、予め用意した「着せ替えコード」をコピペすることで、誰でも簡単に基本の作りを変えることなく、ガラリと印象を変えることができるようにしました。

「CSSコード」の解説も載せているので、ある程度の知識のある方は部分ごとにご自身のオリジナルのデザインに変更することができます。

ブログ初心者の方から上級者まで色々ご自身のカスタマイズが簡単にできるテーマです!

サンプルブログ

 

テーマのインストールやカスタマイズに関してはこちらをご覧ください。

インストール手順・カスタマイズ一覧 

着せ替えコード一覧

 

 

テーマ「Palette(パレット)」でできること

 

レスポンシブ対応

レスポンシブ対応デザインなので、PC、タブレット、スマホで同じテーマで使用できます。PC&タブレット使用時は2カラム(2列で記事とサイドバー)スマホ使用時は1カラム(1列表示)となります!

 

グローバルメニュー

・PC&タブレット使用時のグローバルメニュー(上部に固定)
・スマホ用のグローバルメニュー(ボトムに固定)

PC&タブレット使用時には上部グローバルメニューを表示し、スマホ使用時にはボトムメニューに自動的に切り替わります。

スマホ用ボトムメニュー↓↓

f:id:zuboraca:20180611220604j:plain

タップでさらにおすすめ記事やカテゴリへのリンクが展開できます。
また、読者登録やツイッターのフォローボタンも付けられます!
(CSSのみで展開しているので、動作も重くなりません。)

f:id:zuboraca:20180611190512j:plain

読者の回遊率アップ、利便性もアップしSEO対策にも有効です。


 

サイドバーの固定

PC&タブレット表示の 2カラムの場合は、サイドバーを最後の項目で固定できるので、広告やプロフィール、注目記事などを常にサイドバーに表示することができるので、こちらも広告や他の記事へのクリック率を上げることができます!

サイドバーの固定(CSSのみ)

 

着せ替えコード

予め用意した「着せ替えコード」をデザインCSSにコピペするだけで、基本的なブログの作りを変えずに、簡単に色や罫線などの外観を変更することができるので、ブログの印象をガラリと変えることができます。

専門的な知識がなくてもカスタマイズがとても簡単です!
「着せ替えコード」は徐々に増やしていく予定です♪♪

また「着せ替えコード」は解説を載せていますので、ある程度のCSS知識のある方は、ご自身でのカスタマイズも楽チンです(^-^)

着せ替えコード一覧

 

 

 

このテーマを作ったきっかけ

 

半年位前に知識ゼロからブログを始めたのですが、色々とカスタマイズのことを調べていくうちに、例えば、グローバルナビゲーションを付けたらデザインが崩れたり、サイドバーを固定しようと思ったら自分の使っているテーマだと出来なかったり...

やりたいことが思うように出来ず、結局、一から「テーマ」を作っちゃいました!

テーマを作るにあたって、たくさん勉強をして(って言うかハマってしまって)本編であるブログの記事更新がほとんどできなくなりました(笑)

最初は自分だけで使おうと思って作ったテーマだったのですが、CSSの知識のない方でもカスタマイズが簡単にできれば、もっとブログ運営や他のことに時間を費やせるのでは?と思い、他の方でも簡単にカスタマイズできるコードも付けて、公開することにしました。

ブログのカスタマイズに余り時間を掛けたくないけど、個性を出したい方などに使って頂ければ幸いです(^-^)

知識ゼロのところから「はてなブログ」のテーマを作るために参考にした本やサイトの一覧を作りました!これを読めば、あなたも一からテーマを作れるかも知れませんし、何かカスタマイズで分からない箇所がある時は参考になるかも(?)

【はてなブログのテーマ作成する方法】素人がテーマを制作するにあたって色々と参考にしたページ一覧!SPECIAL THANKS TO ALL❤︎

 

★はてなブログの「テーマストア」からダウンロードできます♡
Palette (パレット) - テーマ ストア