Simplicityのブログを使ってカスタマイズしてみた

 

私はWordPressは、無料のブログテーマ「Simplicity」を使わせてもらっています。

 

アン
無料で「使いやすい」「簡単にかっこいいデザインにできる」という、素晴らしい機能をもっと活用しよう!

 

ということで、色々と調べてカスタマイズしてみました。

「これだけやってりゃ、いい感じのブログらしくなる!」を目指しましたので、「これ、いいな!」と思って頂けるところがありましたら、実践してもらえればと思います。

 

※ちなみに、Simplicity2をインストールしているとして進めますので、ご了承ください。

 

スポンサーリンク

編集するには

まず、カスタマイズする方法をご紹介。コレがわからなくちゃ始まらないw

 

最初のダッシュボードから、左側の「外観」にカーソルを持ってきて「カスタマイズ」をクリック。

 

左側に↑の部分が出るページに移動。これでヘッダーやら色やらの変更ができます。

 

ヘッダー

一番初めに見る、ヘッダーから。PC版とスマホ版で大きく違います。

 

画面いっぱいにヘッダーつける

普通にやっていると、左右に余白ができたり、なんとも言い難い微妙な感じになります。(PC版)これを、画面いっぱいにヘッダーを載せちゃいましょう。

 

1.画像の準備

私は、「1280px×222px」で作成しています。

色々やってみたけど、このサイズが一番しっくり来た。なんかね、下の方の画像が切れちゃうんですよね。なので、下の方は消えても良いように余裕を持たせてください(笑)

 

2.設置

画像の準備ができたら、画像の設置に。先程↑の方で紹介した左側にメニューが有るページで「ヘッダー」をクリック。

 

下の方にスクロールすると、「ヘッダー外側背景画像」の項目が見えるので、「画像を選択」をクリック。先ほど作成した画像を選択します。(左上の方に「ファイルをアップロード」ボタンがあるので、画像をアップロードして選択してください)

 

デフォルト(100)だと、縦幅が狭いです。画像はなぜか101になってる…101匹ワンちゃんか!(どうでもいいw)

「ヘッダーの高さpx(デフォルト:100)」の項目の数字を調節してください。私の場合は200にしています。

 

これで、いい感じに画面いっぱいに表示されます。

 

スマホ版は、また違う画像が必要になります。

私の場合は、「640px×375px」で画像を作成しました。下の方に余白があるのはタイトルが入る為。

 

実際のスマホ画像を見てもらうと、分かりやすいかと。

これまた下のほうが切れるので、余裕を持ってく作成してください。

 

ロゴ画像(ブログタイトル)

お次はブログタイトル。これは背景が透過しているロゴ画像を作成して貼り付けています。

例に、私のブログのロゴ画像です↓

わかりやすくするために、背景を黒で塗っています。じゃないと私のロゴ画像の場合、白文字だから意味不明な画像になるw

画像が準備できたら、設置しましょう。

 

カスタマイズページから、ロゴ画像の項目の「画像を選択」をクリック。先ほど準備したロゴ画像を選択してください。これでロゴ画像が完成!

 

スポンサーリンク

全体的な色

なんてアバウトな書き方なんだw

いやまぁ、そのままなんですけど。

 

  • 背景
  • リンクの色
  • フッター
  • メニューバー

 

とにかく、色んな色の部分を変更できます。

 

カスタマイズの、上から2番めの「色」をクリックするといじれます。

 

説明しなくても、触っていたら感覚的にわかるレベル。

一度触ってみたら「あっなるほどなー」的な簡単さ!

百聞は一見にしかずですぜ、旦那!

 

おまけ:サイドウィジェット

これは、Simplicity2…は関係ないかもしれないけど、メモ代わりに書いておきます。

 

ブログ記事の横にある、カテゴリーとか、新着記事が表示された部分。ここをいじりましょう。

月刊アーカイブ

なんかこれ、よくわからない。地味というか、「月が表示されたから、だからなに?」的な。「ってかアーカイブって言葉って何?」的な。(「記録保管所、保管文書、保管」「記録保管所、保管文書、保管」という意味らしいです)

でもいつ更新されたかわかるので、一応置いておきたい。コンパクトに収めちゃいます。

 

ダッシュボードの「外観」「ウィジェット」をクリック。

 

  1. アーカイブの横にある▼をクリック
  2. ドロップダウン表示&投稿数を表示のチェックボックスにチェックを入れる
  3. 保存

 

ドロップダウン表示にすることで、コンパクトな表示が可能に。ついでに、投稿数を表示させると、月にどれぐらいの記事を更新したかわかるので、個人的におすすめです。

 

このとおり、▼を押すことで表示される「コンパクト&投稿数が一目瞭然」な月刊アーカイブが完成しました。

 

おわりに

以上、

  • ヘッダー設置
  • タイトル設置
  • 全体的な色
  • ウィジェットアーカイブいじり

 

の説明でした。

ブログの雰囲気が変わると、テンションが変わります。

モチベーション維持って大事だと思うの。

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA