Bambi's BLOG @ hatena

ブログ運営 カスタマイズ テーマ制作 アフィリエイト いろいろ (ずぼらでも頑張るブログ)

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

f:id:zuboraca:20181012101439j:plain

 

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

 

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

 

 

アップデート情報

2018/08/03

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

 

パレットの特徴

 

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

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

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

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

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

 

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

 

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

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の知識のない方でもカスタマイズが簡単にできれば、もっとブログ運営や他のことに時間を費やせるのでは?と思い、他の方でも簡単にカスタマイズできるコードも付けて、公開することにしました。

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

 

 

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