タグ

テーマに関するoctopus553のブックマーク (5)

  • Twenty Fourteenでやっておいたほうが良さそうなカスタマイズ3つ | GOLT Inc.

    WordPressの2014年デフォルトテーマ、Twenty Fourteenでやっておいたほうが良さそうなカスタマイズ3つを紹介します。 マガジンスタイルでオシャレなデザイン、レスポンシブデザインのTwenty Fourteenで、モバイルの表示に関しては、WordPressデフォルトテーマでも一番だと思います。 ただ、レイアウトが独特でCSSなどもちょっとわかりづらくなっています。レイアウトの幅が増えた分、難しくなったというところでしょうか。 WordPressのデフォルトテーマらしく素晴らしい出来なのですが、いくつかカスタマイズしておいたほうが良さそうな点を紹介しておきます。 スマートフォンで横向きにしたときに、文字が大きくならないようにする PCで閲覧したときに左に寄っているのを真ん中に寄せる 構造化データのエラー(updatedがありません)を修正する スマートフォンで横向きにし

    Twenty Fourteenでやっておいたほうが良さそうなカスタマイズ3つ | GOLT Inc.
  • レスポンシブWebデザインのWordPressテーマを作成するときに参考になるサイト - Naifix

    レスポンシブデザインのテーマを作成するにあたって、多くのサイトを参考にしました。備忘録として参考サイトをご紹介します。 基を学べるサイト レスポンシブ Web デザインの基を学べるサイトがこちら。 レスポンシブWebデザインとは 「枝豆隊」というサイトを作成する過程を見ながら基を学べます。HTML5+レスポンシブデザインの概要がつかめるので、これから始める方におすすめです。 この企画は書籍化されており、動画像の対応やパフォーマンス改善など、より詳しい情報が盛り込まれています。 「枝豆隊」サンプル HTML をベースに、骨格が完成すると思います。 CSS3 を学べるサイト 骨組みができたあとは、スマホ閲覧時のデザインから始めます。 上記の「枝豆隊」のサンプルをベースに、リファレンスで調べながらデザインしていくのがよいと思います。 スタイルシートリファレンス(目的別) レスポンシブデザイ

    レスポンシブWebデザインのWordPressテーマを作成するときに参考になるサイト - Naifix
  • レスポンシブWebデザイン対応WordPressテーマ比較【日本・海外】

    レスポンシブWebデザイン対応のWordPressテーマを紹介します。 ブログの運営に最適なテンプレートです。 スマートフォン・タブレット・PCの端末に表示内容を最適化できるWPテーマです。 日語に完全対応しているWPテーマです。合わせて海外製も紹介します。 ブログをスマートフォンに表示内容を最適化することは、ブログを収益化する上で非常に重要になります。 ブログに広告を掲載していると、ブログのジャンルによっては、 PCよりスマートフォン向けの方が収益性が高くなることがあります。 ブログを運営するのであれば、スマートフォンやタブレット端末に表示内容を最適化できるレスポンシブWebデザイン対応のWordPressテーマを選びましょう。 そうすることで、スマートフォンやタブレット端末でもブログが見やすくなり、ブログ読者の体感が良くなり、満足・目的達成に繋がりやすくなります。 結果的に、ブログの

    レスポンシブWebデザイン対応WordPressテーマ比較【日本・海外】
  • オリジナルテーマの作り方 3.0+

    2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ

    オリジナルテーマの作り方 3.0+
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • 1