[WPデザイン]SWELL #003:グリーンを基調にしたテック系ブログデザイン

デザイン

WordPressの人気テーマSWELLで作ったブログデザイン第三弾。
グリーン系のデザインというと自然豊かなエコっぽいイメージが思い浮かぶんですけど、今回はあまり巷で見かけないような硬派なグリーン使いをしてみようと思いました。そこで思い切って背景をブラックにしたのがこちら。

背景黒の画面にグリーンの文字が表示される超骨董品のモニタとか、オシロスコープの画面みたいなテック系の雰囲気をイメージしてみました。ぱっと見SWELLっぽくないのもお気に入り。

SW003:PC版の外観

PCで見たときの「トップページ」のレイアウトはこんな感じです↓(画面幅1300pxの場合)
背景ブラックにしたら意外と細かい配色で追加CSSが必要になったので、少し調整してあります。

PCで見たときの「投稿ページ」はこのようになります↓ (画面幅1300pxの場合)
今回はヘッダのタイトル文字をグラデーションにしてみました。ちょっとしたオシャレです。

SW003:スマホ版の外観

スマホでの「トップページ」のレイアウトはこうなります↓(画面幅375pxの場合)

スマホでの「投稿ページ」はこのようになります↓(画面幅375pxの場合)

にほんブログ村 ブログブログ WordPressテーマへ
にほんブログ村 「WordPressテーマ」ランキング参加中です。ポチッと応援お願いします♪

コメント

この記事へのコメントはありません。

CAPTCHA


naochka

長年IT業界でWeb+デザインをやってました。いまはWordPress中心です。やや技術的な話が多いですが、なぜか世界中あちこち放浪してた関係でたまに想い出を綴ってたりもします。 Wall Street Journalを読む会の英語ナビゲーターやってます。(実は帰国子女)

最近の記事

  1. [名刺デザイン] シンプルだけど個性的なオンオフ兼用名刺

  2. 第9回 Wall Street Journalを読む会:金融引き締めでも現金を有利に働かせるには

  3. [WordPress] マルチサイト導入から解除まで④:マルチサイトを解除して親サイトも完全削除

  4. [WordPress] マルチサイト導入から解除まで③:プラグイン管理、サイトの複製と削除

  5. [WordPress] マルチサイト導入から解除まで②:子サイトの追加とテーマの扱い方

カテゴリー

アーカイブ

TOP