無料で使えるレスポンシブのWordPressブログテンプレート１０選 | バズ部
WordPressブログのテンプレートは、とても高性能なものが多く、色々なところで様々なものが紹介されている。しかし余りにも多過ぎて、どれを選べば良いのか分からなくなってしまう方もいるのではないだろうか？ そこで本日は、ソーシャルメディアマーケティングを実践する上で最適なブログデザインという部分に焦点を当てて、オススメのWordPressブログテンプレートを１０個ご紹介する。 これらのテンプレートの選択基準は、以下の３つだ。 シンプルな２コラムであること メインコンテンツが左、サイドバーが右にあること レスポンシブデザインであること なぜ、この３つの点が重要なのかという理由は、「月１５万PVを生むブログをデザインした時に徹底した７つの要素」で確認して欲しい。 １．Respo デモを確認 ｜ ダウンロードページ シンプルで落ち着いたデザインでありながら、ヘッダー直下のスライダー画像が目を惹く
スマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう
iPhoneのようなスマートフォンや、iPad のようなタブレットデバイスだけでなく、 Facebookページにも対応できる様に 工夫されているフリーのWordPress テーマ・Flexibleをご紹介します。ベース はTwenty Tenみたいですね。 css3のMedia QueryでiPhoneやiPadにレイアウトを自動調整し、ファンゲート対応のFacebookページの作成にも対応している珍しいテーマです。ファンゲートとは、FBページを「いいね！」した人だけ見れるようにする、というFB独自の機能です。※後述 [note]以前書いたMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWPテーマいろいろもご参考下さい。[/note] シンプルながら機能が凝縮されたテーマなのでフレームワーク的にも使えそうです。 ベースはTwenty Tenだそうですが、か
HTML5完全対応のWordPressのテーマファイル「TwentyTen Five」
WordPress3.xのデフォルトのテーマファイル「Twenty Ten」をHTML5に完全対応させたテーマファイル「TwentyTen Five」を紹介します。 Use HTML5 in WordPress TwentyTen [ad#ad-2] 「Twenty Ten」はWordPressの3.0からのデフォルトの新しいテーマファイルで、doctypeにHTML5が使用されています。しかし、HTML5の新しい要素や属性などは他の箇所には使用されていません。 「TwentyTen Five」は、この「Twenty Ten」をベースに適切な箇所にHTML5の要素や属性を使用したテーマファイルです。 見た目は「Twenty Ten」と同じシンプルなデザインです。
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
日本語版 WordPress チートシート | Webクリエイターボックス
2014年8月22日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
WordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳） - Trans
著者: Nick La件名: WordPress Theme Hacks日付: 2007年10月15日URL: http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/訳者: Arata Kojima WordPress Theme Hacks WordPressは最初ウェブログやブログプラットフォームとして開発された。しかし、今、WordPressはとても力強く成長し、僕たちはWordPressであらゆるタイプのWebサイトを作り、CMSとしても利用することができる。 この記事では、みんながよりよいWordPressのテーマを作るために、僕の技をみんなと共有しようと思う。僕はプログラマでもデベロッパーでもない。だから、フロントエンドの開発にフォーカスしようと思う。 そういえば、言い忘れていた。私のようなプログラマーでは
Twitterのレイアウトを真似たフリーのWordPressテーマ・TweetPressと、それ系テーマいろいろ
どうみてもTwitterなWordPress のテーマ、TweetPressをご紹介。 かなり本家Twitterのデザインに 沿っています。これまでDiggや Googleなどもありましたので、 Twitterも出ると思っていたら先日 リリースされました。 そんなTwitterデザインを真似たフリーのWordPressテーマ、TweetPressが以下になります。 サイドバーの開閉パネルなんかも同じ動きをします。かなりTwitterに近い作りをしているのでご興味のある方はぜひデモを触ってみてください。TwitterクローンっぽいWordPressのテーマ・prologueと掛け合わせたらそれっぽいのが出来るのかな。 TweetPress 他にもいろいろ今までにもこういった～風テーマ、というのが幾つか出ているのでまとめてご紹介します。 mixi風 mixi風のwordpressテーマ Gma
テンプレートキング：無料テンプレート配布 MT(Movable Type) WordPress
テンプレートキングへようこそ！ このサイトではコーポレート(企業/会社)サイト、個人サイトで使えるwordpressテーマを中心に編集していきます。 当サイトでで使用しているwordpressテーマはAFFINGER6（WordPressテーマ）です。 有償ながら「最適化」に特化したアフィリエイトサイトからコーポレートサイトまで幅広くカスタマイズが可能で汎用性が非常に高いのが特徴です。 また、管理画面も初心者でもマニュアルを読む事もなく操作出来てしまうシンプルさも持ち合わせております。 最初からAFFINGER6を利用すれば良かった。 そうお客様から言われました。 綺麗なデザインだけでは勝てる時代はもう終わりました。
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
![[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
WordPressのテンプレート作成用のDreamweaverのextension
WordPressのテンプレートファイルを作成・編集する際、タグをクリックで挿入することができるDreamweaver用のextensionの紹介です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最小限・最低限で構成されたWordPressのテーマファイル -Starkers
45のクオリティの高いWordPressのテーマファイル | コリス
http://www.designwalker.com/2008/03/template-generator.html
WordPressのテーマを簡単に作成できるフリーのテンプレート集