スマートフォン対応を検討することも多くなっていると思いますが、PCのサイトと大きくデザインが異なるので、自分で作る際、あるいは発注する際にデザインで迷うことはないでしょうか。   そこで、今回はスマホサイトのデザイン集サイトをピックアップしてみました。国内と海外の両方のサイトをピックアップしているので、気になるものを参考にしてみてください。   国内のスマホデザイン集サイト 国内サイトだけあって、国内のスマートフォンサイトのデザインを集めたサイトが多くなっています。 カテゴリーなども細かく整理されていることが多いので、見つけやすくて便利です。    スマートフォンサイト集めてみました。 日本のスマートフォンサイトを数多く網羅しているデザイン集です。 細かなジャンル別にカテゴライズされているので、これから作成しようとするサイトの性格に合うものをより早く見つけ出すことが可能です。ユーザーによる星評価やコメントも役立ちます。 スマートフォンサイト集めてみました。      iPhoneDesignBox 女性に人気がありそうなかわいいデザインのスマートフォンサイトが多く紹介されています。 パステルカラーや柔らかくフェミニンなイラストはサイトの滞在時間を伸ばすことにも効果がありそうです。居心地のいいスマートフォンサイトを作りたいならぜひチェックしたいサイトです。 iPhoneDesignBox     AGT 大胆な構図と、思わず視線が釘付けになるような画像をミックスした良質なサイトを中心に紹介しています。 スマートなサイト作りの参考になりそうなデザインが並んでいます。 AGT     thinkthing スマートフォンサイトの制作などを手がける株式会社アイスリーデザインが運営するサイトです。国内のサイトだけでなく、海外サイトも多く紹介されています。 このサイトでは、ユーザーがスマホサイトを紹介できるようになっています。投稿されたサイトにはFacebookで「いいね!」 を付けることも可能です。 thinkthing      iPhoneデザインアーカイブ iPhone用のサイトデザインを集めたサイトです。携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトでもあります。 国内の大手企業のサイトを中心に1000位上のサイトが紹介されています。カテゴリー別に探せるので便利です。 iPhoneデザインアーカイブ     海外のスマホデザイン集サイト 国内のサイトだけを見ていても、似たようなデザインになってしまうという場合は海外のサイトが便利です。 視覚的に特徴のあるサイトが多いようです。   Mobile Website Gallery スマートフォンサイトというより映画のワンシーンを見ているような、クオリティの高い写真で構成されるサイトをピックアップしています。 アパレルや出版社など、会社そのものの雰囲気を伝えたいサイト作りに参考になりそうです。 Mobile Website Gallery     [PR] WordPressで挫折しない学習方法を動画で公開中FWA mobile 写真を主役にしたモバイルサイトを多数掲載しています。 無駄を省いてシンプルなサイトにしたいという場合は役に立ちそうです。 FWA mobile   今回の記事はいかがでしたか? ぜひこの記事を参考に、スマートフォンサイトを作ったり、発注したりしてみてください! [お知らせ]TechAcademyではプログラミング初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。
WordPress初心者向けに、テーマ(テンプレート)のインストール方法を紹介する記事です。 基本中の基本の操作ですので、しっかりと覚えておきましょう。   WordPressでは、テーマを利用することによってサイトのレイアウトを簡単に大きく変更することができます。 テーマの変更はダッシュボードからアクセスして変更する方法と、配布サイトから入手したり自分で作成したテーマをFTPでサーバーにアップロードして適用する方法があります。 今回はそれぞれ分けて紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター!!WordPressのテーマをインストールしたいんですけど、どうやったらいいんですか〜? 田島悠介 2種類やり方があるんだ。一つは「ダッシュボードからインストールする方法」でもう一つは「FTPでアップロードする方法」なんだ。テーマによってはダッシュボードからインストール出来ない場合もあるから、どちらも使えたほうが良いね! 大石ゆかり じゃあ両方、教えてください!   ダッシュボードからのインストール まずは、WordPressにログインした状態でインストールする方法を紹介します。 ダッシュボードから簡単にインストールが可能です。 左のメニューから「外観」→「テーマ」を選択します。   現在インストールされているテーマの一覧が表示されるので、「新規追加」をクリックします。   ここから公式テーマの最新・おすすめを見たり、どのようなテーマが欲しいのか項目を設定して検索することができます。 今回は「おすすめ」をクリックしてみます。   一覧が表示されるので、利用したいテーマの画像をクリックします。   プレビューが表示されます。 左のメニューから「インストール」をクリックするとテーマがダウンロードされます。   インストール完了のメッセージが表示された後、「有効化」をクリックするとテーマが反映されます。   これでダッシュボードからのテーマ変更は完了です。     ファイルをアップロードしてインストール 次に、WordPress公式の配布サイト、あるいは個人配布サイトからWordPressテーマファイルをダウンロードし、FTPクライアントを利用してサーバーにアップロードする方法を紹介します。 今回はShotokuというテーマを利用します。   配布サイトからファイルをダウンロードし、解凍して保存します。   FTPクライアントを起動し、wp > wp-content > themesフォルダまで移動します。   Shotokuフォルダを右クリックしてアップロードします。FTPクライアントでの操作はここまでです。   WordPressにログインしてから、「外観」にある「テーマ」をクリックすると、新しくShotokuテーマが追加されているのがわかります。   追加されたテーマにカーソルを合わせて「有効化」をクリックします。   これで新しいテーマが反映されました。   無事にインストールできましたか? 初心者におすすめのWordPressのテーマを紹介する記事もあるので、参考にして使ってみてください!   大石ゆかり こんなに気軽にサイトのデザインが変更できていいですね♪ 田島悠介 そうだね。テーマを変えるだけでなくて、更にカスタマイズなんかもできるから、徐々にできるようになると良いね! 大石ゆかり はい、頑張ります♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
WordPressのテーマの中には、公式サイトや個人サイトでフリーでダウンロードできるもの以外に、企業や個人が有償で提供しているものもあります。 フリーテーマとの違いは、プラグインが必要な機能が最初からついていたり、操作が簡単であるなどの便利さの他に、配布元のサポートが付いていることなどがあります。 無償版があるものは先にそちらを試してから導入するのも有効でしょう。 ここでは有料のWordPressテーマから国産のものを4つ、海外のものを6つ紹介していきます。 ・全てレスポンシブ対応のテーマとなります。 ・複数サイト運用で料金が異なる場合は、1ライセンス分の料金を表示しています。   日本製 アルバトロス 料金:¥7,980 ニュースサイト・Webマガジン・個人サイト向けの国産WordPressテーマです。 公式サイトで具体的な使い方が紹介されているため、分からないことがあったときはいつでも参照することができます。 SNSボタンも最初から設置されており、固定ページを1カラムに設定するなどの細かいカスタマイズも可能です。 アルバトロス LIGHT 料金:¥3,600/無料試用版あり LIQUID DESIGN社による国産WordPressテーマです。 カスタマイザーによりHTMLやCSSの知識がなくても簡単にサイトのデザインをカスタマイズできるようになっています。 SNSでの共有ボタンやRSSボタンなど、本来プラグインなどで導入する必要のある機能も最初から使用することができるため、WordPress初心者の方でも安心して利用することができます。 LIGHT   [PR] WordPressで挫折しない学習方法を動画で公開中Black Studio 料金:¥9,999 企業・コーポレートサイトにそのまま使えるデザインの日本製WordPressテーマです。 主にウィジェットエリアを利用してサイトをカスタマイズするため、手軽にデザインの変更を行うことが出来ます。 ブログ部分は2カラム、個別ページは1カラムにするなどの詳細な設定も可能になっています。 Black Studio   mono-ha 料金:¥7,800 ファーストビュー(サイトが表示されて最初に見える部分)の印象に重点をおいたテーマです。 アニメーションやスタイリッシュな演出を複数のテンプレートの中から選んで簡単にサイトに搭載することが可能です。 様々な役割を持ったカスタムウィジェットが多数存在するため、機能やデザインによりこだわることができます。 mono-ha   海外製 ONEPRESS PLUS 料金:$59/無料試用版あり 多機能かつ軽快な動作な1カラムデザインのテーマです。 企業サイト・ショッピングサイトやポートフォリオまで幅広く使えます。カスタマイズ機能が一部制限された無償版も存在します。 ONEPRESS PLUS   Ultimate Pro 料金:$55/無料試用版あり wordpress.orgでダウンロードできるフリーテーマUltimateの有償版です。 豊富なテンプレートやカラーピッカーによる簡単なテーマのカスタマイズ、各ページごとのカラム設定など特に細かい部分まで自由に編集したい場合に便利な構成になっています。 Ultimate Pro   Football Club 料金:$59 スポーツチームの公式サイトなどにそのまま利用できるテーマです。 選手の情報や試合の日程、戦績などを見せることができます。 Football Club   Lightbold 料金:$39 ポートフォリオ向けのテーマで、ページ遷移なしに作品をその場で拡大して見ることが可能です。 シンプルな構成で展示物に集中できるため、写真やイラストなどのギャラリーサイトに適しています。 Lightbold   Pop Up Shop 料金:$69.95 アパレル系ショッピングサイト向けのテンプレートとなっています。 同商品で各色ごとにプレビューをその場で変えたり、ユーザーレビューと関連の品物を表示したりすることができます。 Pop Up Shop   Iconic One Pro 料金:$49/無料試用版あり Webマガジン・個人ブログなどに利用できるテーマです。 必要最低限の機能が揃いつつ、シンプルで見やすい構成になっています。一部機能の制限された無償版が存在します。 Iconic One Pro   以上、WordPressの有料のテーマを紹介しました。 無料のテーマを利用するよりもカスタマイズ性に富んでいて、初心者でも本格的なWebサイトを作ることができます。今後ずっと運営していくことを考えればとても安い買い物だと思いますので、ぜひ利用してみてください。 無料で使えるWordPressのテーマも紹介しているので、こちらも参考にしてみてください。   TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます
100%」。理想にはまだ到達していませんが、残業は平均1日2時間程度、有休取得も推奨し、GWなどに10連休を取得する社員も珍しくありません。また在宅勤務も毎月3回まで可能となっています。 この環境を … セミナーや勉強会などの費用負担 ●健康診断(法定検診以上の内容) ●在宅勤務制度(月3回の在宅勤務可能)など ●社内部活動制度あり ●資格取得手当 … ます。在宅勤務はもちろん、私は3ヵ月の育児休暇を取得しました。PC環境も最新のソフト、デュアルディスプレイ、体に負担の少ないリクライニングチェアなど充実しています。これも、当社に入社して良かったことの … GEEKは社員思いの会社だ。働き方改革に力を入れており、新しい取り組みにチャレンジしている。その一つが在宅勤務制度だ。体調や天候、家庭の事情などに合わせて、メッセージアプリから申請を行なえば、月3回
スマートフォンを持つ人が増えてきた昨今、スマートフォン向けのWebサイトを作ることはいわば必須事項とも言えます。 ただし、WordPressでスマートフォンに対応させるには、少し知識が必要です。   そんな知識がない方でも、レスポンシブWebデザインに対応したテーマを使えば、すぐに実装することもできます。 そこで今回は、初心者でも使えるレスポンシブWebデザイン対応のWordPress無料テーマ(テンプレート)をご紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   1.BizVektor 企業向けサイトにおすすめのテンプレートです。 管理画面から必要な設定を全てすることができるため、他のプラグインを入れる必要は殆どありません。 色やデザインの詳細も選ぶことができ、汎用性が非常に高いです。 BizVektor     2.BresponZive 灰色と水色の色使いが特徴のテーマです。 水色がアクセントなので、オシャレな雑誌のような印象をあたえることができます。 BresponZive     [PR] WordPressで挫折しない学習方法を動画で公開中3.Catch Box 灰色が基調の、シンプルイズベストなテーマです。 装飾があまり不要な、ビジネスブログなどに適しています。 Catch Box     4.PR News 記事のサムネイル画像がアルバムのように表示されるデザインです。写真集のように使えるので、美容室や工務店などが事例を見せるのに向いています。 画面サイズが変わるときのアニメーションが特徴的です。 PR News     5.Grid Style Theme オシャレなグリッドスタイルのテーマで、サムネイル画像が大きめに表示されます。モノクロでスタイリッシュなデザインで、無限に下スクロールできます。 ファッションを紹介するサイトなどに向いていそうです。 Grid Style Theme     6.Eclipse ダークな配色がクールな印象を与えるテーマです。 表示もシンプルなので、スタイリッシュなイメージが表現できます。 Eclipse     7.Pinbin 写真が映える明るいデザインで、ECサイトに使われることが多いテーマ。 Webマガジンや写真サイトにもピッタリで、木目調のデザインが特徴的です。 Pinbin     8.Sampression Lite サムネイル画像がタイル状に表示されるデザインです。 特徴として、サムネイル画像と同じくらい文章も多く表示されており、マガジンサイトやブログなどに使いやすいでしょう。 Sampression Lite     9.Spun 写真表示が独特のテーマです。サムネイルが丸くトリミングされて、整列表示されます。 このデザインを損なわないよう、グローバルナビゲーションなどはマウスを近づけないと濃く表示されません。 写真を個性的にまとめたいときにオススメのテーマです。 Spun     10.Food and Diet 女性向けの可愛らしいデザインです。食べ物デザインがさり気なく組み込まれているので、カフェや食品ECサイトに向いています。 アニメーションが用いられているのが特徴的で、表示した時にタイトルが上から降ってくるような動きをします。 他のテーマと比べて、目立つこと間違いありません。 Food and Diet   今回は以上です。 もっと簡単なテーマを使いたい場合は、日本語対応のWordPressテーマの記事をご覧ください。 ぜひ、WordPressの使い方を覚えましょう! [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 
×