理事長の英語のお勉強

音楽家として、また法人としての国際コミュニケーションのために

工事中です。 Palette(パレット)のカスタマイズ

★テーマ「Palette(パレット)」について

初心者の方でも誰でもコピペで簡単にカスタマイズができます。
シンプルでコンテンツの読みやすさを重視しました!
スマホやタブレットでもコンテンツが読みやすいレスポンシブです。
カスタマイズに時間をかけたくないけどオリジナリティを出したい方におすすめです♡

★お好きな3色を選ぶだけでイイ感じのデザインにできます!

ページ上でお好きな色を決めて、あとはコードをコピペするだけで簡単にオリジナルデザインにできます!詳しくはこちらをご覧ください♪
↓↓
3 Favorite Colors

★ヘッダー下におすすめ記事を表示できます!

(2019/03/18 Updated!)
トップページのヘッダーの下におすすめ記事を4つ並べられるようにしてみました。
HTMLとCSSをコピペしてお使いください(^-^)
【はてなブログ】ヘッダー下におすすめ記事やアイキャッチを並べて表示するカスタマイズ方法 - Bambi's BLOG @ hatena

↓↓こんな感じです。
ヘッダ下におすすめ記事

Palette(パレット)のカスタマイズや解説はこちらから!

はてなブログ テーマ「Palette(パレット)」について - Bambi's BLOG @ hatena

 

★パレットの特徴

・基本的な作りは非常にシンプル!
・コンテンツの読みやすさに特化している!
・初心者でもカスタマイズしやすい!(コピペでできる!)
・スマホにも対応のレスポンシブデザイン!
・アクセスアップやSEO対策も考えられている!

★基本は白×黒のシンプルなデザインです。

(このままでも普通にすっきりとブログとして読みやすいデザイン!)
f:id:zuboraca:20180719234040j:plain

★CSSの知識がなくてもコードをコピーするだけで簡単にイメージを変えられるようにしました。

★コピペだけで簡単におしゃれなデザインに!

下の全てのデザインがコピペだけでできます。
デザイン順次追加中です〜♪♪
↓↓
2018.10.08-デザイン追加しました♡
かわいいストライプデザインです。
色はピンクとブルーを用意しました!!
(もちろん、こちらもコピペでOK!)
f:id:zuboraca:20181008221709j:plain
f:id:zuboraca:20181008221656j:plain

ぜひ、いろいろ試してみてください(^-^)
f:id:zuboraca:20180803021937p:plain

 

★着せ替えコードの一覧はこちらから

https://sampleblog-bambi.hatenablog.com/

★更新情報

2018.07.24- Q&Aのページを作りました!
2018.07.25-お好きな3色を選ぶだけでイイ感じになる着せ替えコードをUPしました!
2018.08.05-着せ替えコード「ぶどう」追加
2018.08.16-着せ替えコード「ラベンダーポップスター」追加
2018.08.17-引用部分で表示されるアイコンのフォント修正
2018.08.25-500インストール!!ありがとうございます(^-^)
2018.09.15-700インストール!!ワーワー!!!ありがとうございます(^-^)
2018.10.08-着せ替えコード「ピンクストライプ」追加
2018.10.08-着せ替えコード「ブルーストライプ」追加
2018.10.09-1000インストール!ありがとうございます(^-^)
2018.10.19-"iPhone X,Xs"対応のためボトムメニューのCSSを修正
2018.12.06-カテゴリー別一覧で説明文を表示した際の余白を修正
2019.2.15-2222インストール!多くの方に使って頂き、嬉しいですv(^-^)
2019.2.21-「コメントを書く」の枠と線が被ってしまうのを修正
2019.3.18-ヘッダ下におすすめ記事を表示する方法を追加


★このテーマで出来ること

  • レスポンシブ

PC、タブレット、スマホで見た時のデザインを同じにできます。
PCとタブレットでは2カラム(2列)スマホは1カラム(1列)表示。

  • HTTPS対応
  • グローバルメニュー

PC用→画面上部、スマホ用→ボトムに常に表示されるようにしているので、読者の利便性が増し、SEO対策やアクセスアップが期待できます♪

スマホ用は、おすすめ記事やカテゴリなど展開メニューで表示。
また読者登録やツイッターフォローボタンは常に表示されているので登録の機会を逃しません!
f:id:zuboraca:20180709101334j:plain
[おすすめ]をタップで以下のように上にメニューを展開できます。
(CSSのみで展開していますので、動作が重くなりません!)
f:id:zuboraca:20180706173821j:plain

  • サイドバー固定

PCとタブレット表示の際は、サイドバーが最後の項目で固定できるので、広告や注目記事などを常に固定で表示することができます。
→サンプルブログで、ぜひチェックしてください。
サンプルエントリー(初期設定)

  • オリジナル着せ替えコード

コピーするだけで簡単にイメージが変えられる着せ替えコードとCSSの説明も載せてますのでカスタマイズが簡単です♪

テーマのインストール手順やカスタマイズ方法はこちらをご覧ください↓↓
インストール手順&カスタマイズ一覧

 

★サンプルエントリー

基本のデザイン(白×黒のシンプルなデザイン)
サンプルエントリー(初期設定)

現在のところ7種類の着せ替えコードを用意してます。
(コードをデザインの設定画面にコピーするだけでデザインの変更ができます)


着せ替え後のデザインはこちらから確認できます。
着せ替えサンプルエントリー 一覧


着せ替えコードなどは順次増やして行く予定です。