これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
1ページで構成されたレスポンシブ対応の素敵なWordPressのテーマファイル -OnePager
デモページ：幅480pxで表示 OnePagerの特徴 WordPressのテーマファイル「OnePager」は、OnePager HTML TemplateをWordPress用に最適化したもので、シンプルで美しいデザインでフレキシビリティにも優れています。 シングルページのレスポンシブレイアウト。 使いやすいテーマのオプション。 3つのスキンも用意。 イメージスライダーを組み込み済み。 コンタクトフォームも組み込み済み。 アイコンフォント・Webフォントも用意。 利用にあたっては個人でも商用でも無料、とのことです。 詳しくは「license」ページをご覧ください。 OnePagerのインストール ページ下部の「Download Source」からファイルをダウンロードし解凍後、WordPressの「themes」フォルダ内にアップロードしてください。あとは、管理画面からテーマファイルを
無料でしかも高品質！1ページで構成されたサイトを作るためのWordPressのテーマファイルのまとめ
キャンペーン、ギャラリー、ポートフォリオ、アプリ紹介、ランディングページ、個人ブログなど、1ページで構成されたウェブサイトを作成するWordPressのテーマファイルを紹介します。 全て無料で、レスポンシブ対応です。
こんなに高性能なのに商用でも無料利用できるEコマース用WordPressテーマファイル -Velvet Sky
Eコマースサイトでよく利用される機能を備えたWordPress用のテーマファイルとPrestashop用のテーマファイルを紹介します。 Free Prestashop and WordPress E-Commerce Theme: Velvet Sky [ad#ad-2] すぐにEコマースサイトができてしまいそうなテーマファイルですが、利用するにあたっての一番のポイントは日本語化でしょうか。 デザインをはじめ、機能も便利なものが揃っているので、勉強目的にも役立つと思います Velvet Skyの主な特徴 Velvet Skyの対応ブラウザ Velvet Skyのデモ Velvet Skyのライセンス Velvet Skyの主な特徴 WordPress 3.1+対応 Prestashop 1.4.2.5対応 カスタムホームページ 水平タイプのメニューとサブメニュー スライドショーモジュール
WordPressでSEO対策を考える人へ
いきなりですが、僕のブログはまだまだ記事数も年数も少ないですが、SEO対策の結果はかなりの結果を出しています。僕もそうですが、Wordpressでブログをやる方にとってSEO対策やアフィリエイトはとても関心のある事だと思います。なので、僕なりの手法を手前味噌ながらご紹介致します。 [追記] この記事の続きを書きました。 新しいはてなブックマークの現在とSEOの効果 スポンサーリンク 僕のWordPressのSEO対策の結果 まずは、僕のブログの検索キーワードの結果をお見せ致します。 （2013.04.13現在） 例えば、まず「痩せる」というキーワード。こちらは11,100,000件中5位にいます。 簡単！痩せる方法 ～運動してもやせない理由～ 「iphone カメラ アプリ」だと45,500,000件の中で1位です。 撮って比較！iPhoneおすすめカメラアプリの写真ランキング 他にも「カ
一目で惚れる。WordPressの厳選レスポンシブ・テンプレート5つ – Handmade Future！
[ads1] WordPressはテンプレートも豊富です。無料で利用できるものもたくさんあります。コストが安く済むのもWordPressのメリットですよね。 ……と、思っていたのですが。 最近、ブログのリニューアル作業を経て、考え方が変わりました。「3,000円とか4,000円払ったら飢え死にしちゃう！」という方でなければ、有料のテンプレートをおすすめします！！ なぜなら、一目で違いがわかるほどにクオリティが高いからです。 今回は、リニューアル作業時にチェックして回った有料テンプレートのうち、ベスト5を紹介します。すべて、そのまんまでスマートフォンやタブレットに対応するレスポンシブです。 Core Minimalist Photography Portfolio スーパーかっこいい。いきなりTOPページ全面がスライドです。マウスでクリックするとくるくる動き、中央写真のクリックで全画面表示に
クリーンなデザインのレスポンシブWebデザイン対応WordPressテーマ・Murmur
レスポンシブWebデザイン対応のWP テーマ、Murmurのご紹介です。デ ザインもクリーンで綺麗。このまま 使ってもいいかもしれません。イメ ージスライドショーも付いていま した。 レスポンシブなWPテーマです。もう珍しくない存在になってしまった印象ではありますが、作るのが大変なのはよく分かるのでこういったものをフリーで配布する方を尊敬します。僕はフリーのテーマは1つしか作れていません・・
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー
綺麗目なデザインでレスポンシブWebデザインにも対応したフリーのWordPressテーマ・Alpine
綺麗目なデザインでレスポンシブ Webデザインにも対応のWPテーマ・ Alpineのご紹介。カスタムメニュー やカスタムヘッダなどにも対応 しています。ほぼ完成されている 感じです。 レスポンシブWebデザイン対応のフリーのWPテーマです。 レスポンシブWebデザイン対応のフリーのWordPressテーマ。綺麗なデザインですね。カスタムメニュー、カスタムヘッダなどにも対応しています。 ↑ イメージギャラリーも作れます。PHOTOSPACEというプラグインを併用してくれとの事。ギャラリーもレスポンシブWebデザイン対応です。 ↑ タブレットタイプのデバイスではチェックしていませんけどサイズで確認する限りでは見やすそう。 ↑ ポートフォリオやギャラリーはページテンプレート機能で作成します。 こういったよくできたテーマのソースを見るのも結構勉強になる、というか僕はそうやって独学しているのでフリー
これが無料!?!?圧倒的にクオリティーが高い、WordPressテーマ３３選
前回は誰でも簡単に導入できるWordpressのインストール方法を書いた。前回のエントリーでも書いたのだが、Wordpressのテーマは本当に数多くある。そしてのその大半が無料で利用することができる。 今回は、これが本当に無料？と思ってしまうくらいにクオリティーが高いWordpressのテーマを３３選取り上げてみる。なるべく、他で取り上げられていないようなテンプレートを掲載した。 １． INFO／DEMO ２． INFO／DEMO ３． INFO／DEMO ４． INFO／DEMO ５． INFO／DEMO ６． INFO／DEMO ７． INFO／DEMO ８． INFO／DEMO ９． INFO／DEMO １０． INFO／DEMO １１． INFO／DEMO １２． INFO／DEMO １３． INFO／DEMO １４． INFO／DEMO １５． INFO／DEMO １６． INF
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あらゆるサイトをWordPressテーマに変換してくれる『TehmeMatcher』 | 100SHIKI
新着記事
新着記事
新着記事
新着記事
WordPress3.4に最適化された、レスポンシブデザイン対応のWordPressのテーマファイル -The Boiler