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にPocketボタンを設置

    WordPress

    WordPressにPocketボタンを設置するやり方

    そういえばPocketのボタンをまだ設置していなかったので、このたび設…

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

    WordPress

    WordPressの囲み型ショートコードの基本的な使い方

    WordPressのショートコードはとても便利で色々なことができるんで…

  3. WordPress

    WordPressでトップページのURLを変更する方法

    WordPressでWebサイトを作成した時にトップページのURLを「…

  4. WordPress

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

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

  5. Tetris

    WordPress

    レスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」

    Tetrisという素敵なフリーのWordPressテーマを見つけたので…

  6. WordPress

    WordPressで自分だけのショートコードの作り方

    WordPressのショートコードが便利なのでちょこちょこ使い始めてま…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP