Hemingway

WordPress

レスポンシブ対応の2カラムWordPressテーマ「Hemingway」

レスポンシブに対応した2カラムのお洒落なWordPressテーマを発見したのでご紹介します。Hemingwayというテーマなんですが、トップに横いっぱいに広がる画像が挿入されており、けっこうインパクトがあるのと同時に全体的に見るとシンプルでとてもスタイリッシュなデザインが特徴的です。

[ads_center]

Hemingway

PCから閲覧すると、このような2カラムのレイアウトになっています。

Hemingway

スマホ版だとこんな感じで1カラムに切り替わります。

Hemingway

スマホ版ではナビゲーションメニューもアイコンに切り替わり、クリックすることでスライドダウン・スライドアップで表示・非表示されるようになります。

検索ボックスも通常時は非表示になっていますが、虫眼鏡のアイコンをクリックするとスライドダウンして表示されます。

Hemingway

2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」前のページ

立体感あるテキストを実装できるjQueryプラグイン「CSS3 3D Text Plugin for jQuery」次のページCSS3 3D Text Plugin for jQuery

関連記事

  1. WordPressのログイン時のツールバー

    WordPress

    ブログなどでFlickrの転載可能な画像を使用する時のクレジット表示するためのWordPressショ…

    ブログなどでコンテンツに関連した画像を挿入したいといったことがあるかと…

  2. WordPress

    WordPressプラグイン「WPtap Mobile Detector」を使えばスマートフォン専用…

    WordPressでスマートフォン専用のテーマを作成した場合、iPho…

  3. Monsterrat

    WordPress

    ミニマルなポートフォリオに最適なWordPressテーマ「Monsterrat」

    ミニマルなデザインのポートフォリオを作りたい時に最適なWordPres…

  4. WordPress

    editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる…

    あんまりビジュアルエディタを使ってないのであれですが、新規の記事を書い…

  5. WordPress

    WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む

    個人的に今後ちょっと使いそうな機能だったのでメモがてらエントリー。Wo…

  6. WordPress

    WordPressでグーグルアナリティクスをフッターにadd_actionを使って表示させる

    WordPressにはadd_actionという便利な関数があります。…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP