WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本

ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ

昨日のエントリー「雑誌風のレイアウト、さぁどう実装する？」の解答編です。 雑誌風のレイアウトは、下記のように2カラムのテキストの真ん中上に画像を配置したものです。 [ad#ad-2] まずは、HTMLから。 画像を二つに切るとかは、無しですよ。 HTML 各パラグラフをdiv要素で内包し、画像とそのdiv要素をdiv要素で内包して実装します。 <div id="page-wrap"> <img src="http://placekitten.com/250/250" id="logo"> <div id="l"> <p>左のテキスト</p> </div> <div id="r"> <p>右のテキスト</p> </div> </div> これに、フロートと疑似要素を使用して、実装します。 まず、画像を絶対位置で配置します。 そしてフロートを使いますが、ポイントとなるのは下3行です。疑似要素に

ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ

ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。 30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visu

投稿日：2011年4月19日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで画像から不要なものを取り除く方法をご紹介します。 Step1 ： コピースタンプツールの使用 Step2 ： 込み入ったり、入り組んだりしている箇所の加工 Step3 ： パッチツールの使用 Step4 ： 直線部分の加工 Step5 ： 領域の塗りつぶし Step6 ： 完成 コピースタンプツールを使うと、画像の一部を選択して塗りつぶすことができます。 選択範囲は作業中のイメージや新しいイメージを使って塗りつぶしできます。 まず、レイヤーを複製します。 次に、コピースタンプツールを選択します。 削除したい箇所付近を選択します。 「Alt」キーを押して左クリックすると範囲を選択できます。 コピースタンプツールで削除したい個所を塗りつぶします。 ソフトブラシを使います。画像の解

IT情報を中心に役立つニュースを発信ソザイング 日々ウェブや印刷物のデザインを手がけている私たちクリエイターが実際に製作現場で「こんな写真や情報あったらいいな」と思っていることを形にすべく立ち上げた総合素材サイト 普段、素材を使う側のクリエイターである人たちが作ったサイトなので、配布している写真やWEB素材の質の高さは保ちながらも、全て「無料」「商用利用可」「ユーザー登録不要」「リンククレジットの記載不要」と便利さも追求されています

Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを目的にあなたのサイトを訪問します、それはあなたの会社がどのように見えるかを意味しており、サイトのアピアランスとユーザビリティは成功への重要なポイントとなります。 しかしながら、サイトのデザインを間違ったものにしてしまうと、あなたのビジネスに悪影響を与えてしまうことになります。ここにあ

ちょっとメモ。mov（QuickTimeの動画）をリサイズ後、flvに変換してflashで再生する方法です。 Adobe Media Encoder CS5を起動し、movファイルをドラッグ 設定をクリック プリセット：FLV – ソースの属性と同じ（高品質）を選択 ビデオタブの「ビデオのサイズ変更」でリサイズ後のサイズを指定 「最高レンダリング品質を使用」にチェック（これにチェックを入れないと、余計なオブジェクトが映り込んでしまいました） OKをクリック 「キューを開始」をクリックしてflvに変換 新規flaファイルを開き、ctrl + Rでflvをステージに読み込む → FLVPlaybackインスタンスが生成される サイズと座標を調整 コンポーネントパラメーターのプロパティで、autoPlayやskinなどを選択。最終的にはskinのパスはhtmlからのパスになることに注意。 パブリ

WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t