• かちびと.net

    記事をサムネイルのみのギャラリー風⇔縦並びのブログ風に切り替え可能なWPテーマ・Sightのご紹介。ミニマルデザインでクオリティの高いテーマです。仕様なんかをご説明します。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

記事をサムネイルのみのギャラリー風⇔縦並びのブログ風に切り替え可能なWPテーマ・Sight

スポンサーリンク

良さそうなWordPressテーマがあった
のでシェア。ブログ記事を、サムネイル
のみのギャラリー風と通常の縦並びの
ブログ風にユーザー側で切り替え可能
なテーマ・Sightです。デザインもミニマル
ですごく素敵。コンテンツスライダー付き
です。

もう、そのまま使ってもいいレベルじゃないかなと思います。記事部分をブログ⇔ギャラリーでユーザーが切り替えられるミニマルデザインのテーマ。IE6のみ、切り替えボタンの表示が崩れますが、動作はするのでcssでなんとかしたいところですね。

Sight


通常はこんな感じ。ミニマルデザインでとても見やすいです。記事部分の右上に切り替えボタンがあり、ここで切り替えます。


こんな感じで綺麗にグリッドに合わせて表示してくれます。ブログ風Ver.の時のサムネイルを並べて切り替えられるように、というアイデア。発想が面白いので真似してみたいです。他にもプルダウンするメニューやコンテンツスライダーなんかもあります。


ページ送りにAjax使ってるっぽいのでこれが嫌な方は通常の仕様に変えられる程度のスキルが必要になりそうです。

いずれにしても勉強になりそうなテーマなので確認→即DL余裕でした。以下よりデモも確認できます。

Sight / DEMO

URL :
TRB :

Comments & Trackbacks (18)

  1. Panya*

    初めまして。検索でたどりつきました。
    とても素敵でさっそくDLして有効化してみたのですが、
    どちらの切り替えバージョンも画像が表示されませんでした><
    記事タイトルと内容が表示されるだけで記事タイトルをクリックすると
    次の個別ページでは画像はちゃんと表示されるといった状態です、
    本体のWordPressは導入したばかりで正直使い勝手がまだ把握できてなくて
    画像のプラグインが干渉してるのかと思い停止しても変化なしでした(汗
    もし別途テーマ/css編集で表示されるような設定があったら
    教えていただけないでしょうか?

    上のwataさんと内容被っていましたらスミマセン><

    • シロ

      はじめまして。

      どちらの切り替えバージョンも画像が表示されませんでした><

      説明不足で申し訳ありませんでした。以下表示方法です。

      1.画像をアップロード
      2.通常は「投稿に挿入」ですが、挿入せずに「アイキャッチ画像として~」をクリックして保存
      3.表示を確認してください

      以上で表示されるかと思います。記事本文にも入れたい場合は好きな場所に再度挿入してください。

      上のwataさんと内容被っていましたらスミマセン><

      こちらの方はコメントする記事を間違えたようです。後で消しておきます・・紛らわしくてすみません。。

  2. kk

    はじめまして。いつも参考にさせてもらってます。ありがとうございます。
    このテーマでコンテンツスライダーが表示されないのですが、
    別途プラグインなど必要なのでしょうか?

    • シロ

      はじめまして。いつもご覧頂きありがとうございます:)

      このテーマでコンテンツスライダーが表示されないのですが、 別途プラグインなど必要なのでしょうか?

      このテーマを有効化すると、記事を投稿するページの右サイドに「Slideshow Options」というチェック項目が追加されています
      チェックを入れれば、いれた記事全てがスライドに追加されます。お好きな記事をスライドに入れてご利用下さい。

      • kk

        ほんとだ!すっかり見落としていました。
        しょうもない質問してすみませんでした。
        ありがとうございました♪

        • シロ

          いえいえ、お気になさらず:D

          正直かなり分かり難いですね、これwできて良かったですー!

  3. powron

    はじめまして。いつも楽しみに拝見させていただいています。
    ありがとうございます。
    初心者なもので、しょうもない質問ですいません。

    このテーマで、アイキャッチの画角やコンテンツスライドの画角がかわってしまうことは仕方ないのでしょうか?
    また、コンテンツスライドの黄色の部分って色って変えれたりするのでしょうか?

    • シロ

      はじめまして、こんにちは。いつもご覧頂き有難う御座います:)

      このテーマで、アイキャッチの画角やコンテンツスライドの画角がかわってしまうことは仕方ないのでしょうか?
      また、コンテンツスライドの黄色の部分って色って変えれたりするのでしょうか?

      そーですね・・このテーマはサムネイルを固定幅にしていますので、基本的にはアップロードする画像をそのサイズに合わせる仕様のようですね。ただそ、CSSを編集すればお悩みは解決しそうです。

      黄色の部分ですが、これもCSSを編集します。

      .slide {
      height: 290px;
      width: 975px;
      background: #FFEA97;
      }

      っていう記述がありますのでこのbackgroundで指定してるっぽいですー!(多分

      • pwron

        ありがとうございます!!
        初心者の質問に丁寧にありがとうございます!!
        早速してみます〜!

        記事をいつも楽しみにしています〜。
        そして色々学ばせてもらっています。
        ありがとうございます。

        • シロ

          いえいえー!ご質問のご姿勢がちゃんとした方でしたのでちゃんとお答えするのが礼儀ですよね!初心者とかは関係ないですよー!

          ぜひトライしてみてくださいー!いつもありがとうございます!

  4. ramon

    はじめまして。大変為になる情報ありがとうございます。
    Wordpress超初心者です。。。
    今回、「sight」をインストールしてみたのですが、何故かスライドショーをonにすると「Latest entries」が表示されなくなり、offにすると表示されるといった状態になってしまい困っています。このような状況は自分だけですかね。。? なにか解決策があれば幸いです。

    • higer

      自分もです、、、、何か解決策ないですかね?ramonさんは解決されました?

      • ramon

        解決無しですが、その都度目立たせたい生地だけスライドショーをonにしてます。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services