BridgeBook.JP

デジタルガジェットとApple・カメラ・写真のある暮らし。

ブログ

ワードプレステーマ「Sugar Sugar Baby」を使って写真ブログを作ってみた

投稿日:2016年11月17日 更新日:

Sugar Sugar Baby

MinimalWPさんのワードプレステーマ Suger Suger Baby を使って写真ブログを立ち上げました。

エックスサーバーを契約した時にプレゼントでもらったドメインでフォトログを立ち上げようと思っていたのですが、なかなかいいテーマが見つからなかったんですよね。

写真を見せたいのでシンプルなデザインがいいなと思っていたら、だいぶ前に買って使っていなかったSugar Sugar Babyを思い出したのです。

MinimalWPさんのテーマはどれも白を基調としたシンプルなデザインが特長です。

Sugar Sugar Babyはシンプルでミニマルなワードプレステーマ。

これまでいろんなテーマを見てきましたが、Sugar Sugar Babyはかなりシンプルかつミニマルなワードプレステーマです。デザインもシンプルだし、機能としてもできることが絞られています。

こんな感じのテーマです。

ワードプレステーマ Sugar Sugar Baby

Sugar Sugar Baby

ね、シンプルなデザインでしょ?

目的がはっきりしていて、Sugar Sugar Babyのデザインや機能を活かすイメージができているのであれば、本当に簡単にというかサクッと導入できちゃいます。

基本的なデザインや機能を活かしてサイトを作るのであれば迷うところやわからないことがないと言ってもいいかも。

今回は目的がはっきりしていてイメージもできていたのでカスマイズもほとんどすることなく、うまくはまりました。

コンテンツをテンプレートに落とし込んでいく感じ

公式サイトでは、「簡単オリジナルカスタマイズ対応部分」として下記の箇所があげられています。画像をアップロードするだけでロゴの設定やスライドショーが作れるので、Sugar Sugar Babyの写真を差し替える感覚でサイトをつくれます。

超簡単。

  • ロゴ
  • メニュー(ドロップダウン対応)
  • スライドショー
  • ウィジェット(トップページ×1/サイドバー×2/シングルページ×2)
  • 背景
  • トップページのサムネイルギャラリーの見出し

カスタマイズの自由度が高いテーマだと、いじり過ぎてデザイン的におかしなことになってしまっているサイトを見かけたりもします。

逆に、Sugar Sugar Babyのようにやれることが限られているというのは、手軽におしゃれなサイトをつくりたいという人にはいいんじゃないかなと思います。

サイトをつくるのに必要最低限な機能プラスαがそろっています。もちろんスマホ対応(レスポンシブ)もしています。PC、スマホ、タブレットでもキレイに見えます。

Sugar Sugar Babyを使ってConcept Lifeというフォトログをつくってみた

ちなみに今回つくったのはこんな感じのサイトです。よかったらちょっと覗いてみてください。

Concept Life

コンテンツを増やしていかないとね。

Concept Life

Concept Life

やったことといえば、

  • メニューまわり、ボタンの色をスタイルシートで変更
  • Custom Post Templatesというプラグインで投稿ページをワンカラムに設定
  • ロゴ画像を作成(もうちょっと考えよう)

くらいです。

あとは、画像をアップロードして出来上がり。

素材さえあればすぐに完成します。

今回は子テーマも作らず、CSSを直接編集しちゃいました。

Sugar Sugar Babyはこんな人にオススメのテーマです。

  • おしゃれなテーマでサクリとサイトを立ち上げたい
  • Sugar Sugar Babyのこの感じが好きだ
  • ワードプレスの難しいことはわからない

ワードプレスの有料テーマはマーケティング的な機能がどんどん増えて複雑化していく傾向にあるなぁと感じているんですよね。使いこなせない人も多いハズ…。

その点、Sugar Sugar Babyはやるべきこと(=設定)が超はっきりしているので、そこさえ押さえれば誰でも使いこなせます。

多少のプラグインの知識があれば、ある程度の機能も付け足せますが、プラグインレベルでちょこっとというのがいい感じです。

バリバリにカスタマイズをしたいという人には向かないテーマだと思います。 

あくまでもSugar Sugar Babyを楽しみたいという人が使うとハッピーになれるテーマです。

こちらのページから購入できます。

Suger Suger Baby (レスポンシブデザイン対応) - シンプルでおしゃれなWordPressテーマ

【追記】サイトをSSL化してSugar Sugar Babyのスライドショーが動かなくなった時の対処法

サイトをSSL化したら、スライドショーが動かなくなりました。3枚の画像が縦に並んだ状態。

画像がの指定がSSLになっていないのかなと思い、

ダッシュボード > 外観 > Minimal WPカスタム

と辿ろうとしたらダッシュボードからMinimal WPカスタムが消えている…。

う〜む。

仕方なくソースで確認してみることに。function.phpを見ると、画像のURLはサイトの設定から持ってきているので、そちらがhttpsになっていれば問題はなさそう。

ソースを見ていくと、12行目と16行目にhttpのままの記述を発見。jqueryを呼び出すURLがhttpsになっていないことが原因ですね。

ここを修正したら無事に動くようになりました。

しかし、ダッシュボードからMinimal WPカスタムが消えてしまったのはどうしたもんだろう…。

  • この記事を書いた人
  • 最新記事

hachiyon

デジタルガジェットやカメラ、写真、文房具などが大好きなWEBプロデューサー。浦和レッズサポでもあります。 株式会社ブリッジ代表取締役 / 公益財団法人 画像情報教育振興協会委員(CG-ARTS協会)

-ブログ
-,

Copyright© BridgeBook.JP , 2019 All Rights Reserved.