ブログのヒント:RobNeville.net

8149018秒

ヒントするブログのリストの次は ロブネビルネット。 Robのブログは、「インターフェイスとユーザビリティの両方の観点から、また実際のアプリケーションの観点からも、テクノロジーの人間的な側面」に関するものです。

ロブは彼のブログのミニマルなスタイルが好きなので、私はそれをいじるつもりはありません(あまりにも)。 ふふ、彼はいい仕事をしたと思う。 一例として、彼のコンテンツとサイドバーの間のごくわずかな線があります。これは、XNUMXつを分離しつつ、デザインを適切に維持する非常に良いタッチです。

ブログのヒントは次のとおりです。

  1. サイドバーの間隔の側面を詳しく調べていたところ、サイドバーセクションのタイトルにスパンタグを使用していることに気付きました(spanclass =” title”)。 サイドバーの各セクションで、その下の情報からタイトルを均等に配置しようとしましたが、Firebugを使用してタイトルをハックすることはできませんでした。 ただし、スパンの代わりにh3タグを試して、h3スタイルパラメータを#sidebar.titleクラスと同じに設定する必要があると確信しています。 (#sidebar h3を使用)。

    これにより、改行を削除できると思います( )スパンの後にタグを付け、padding-bottomプロパティを使用してh3の下に一貫してパディングします。 ある場所では、コンテンツとタイトルがほとんど触れているように見え、他のセクションでは、それらは適切な間隔で配置されています。

  2. ヘッダーに高さを設定し、ヘッダー情報とGoogle広告の間に少しスペースを空けてみてください。これも少し忙しいようです。
    #headwrap {padding-top:1em; 高さ:95px; }
  3. コンテンツスタイルのわずかなマージンを使用して、コンテンツとサイドバーを平準化できます。
    #content {float:left; 幅:540px; margin-top:10px; }
  4. コンテンツは左揃えでサイドバーは右側にあるため、中央揃えのページでテストできます。
    #rap {background-color:#FFFFFF; margin-left:auto; margin-right:auto; パディング:6px; 幅:750px; }

    コンテンツとページの幅も変更したことに注意してください–少し広く調整しました。

  5. 定義されているが使用されていないスタイルシートの他の要素、wp-calendarとdemocracyに気づきました。 私もスタイルシートをクリーンアップすることに罪を犯していますが、スタイルシートを最適化して迅速にダウンロードする場合は、すべてのビットが重要であることに注意してください(しゃれを意図しています)。
  6. ヘッダーにメタ名や説明が含まれていることに気づきませんでした。 これは検索エンジンにとって非常に役立ちます-それがあなたのランキングに大きな影響を与えるかどうかはわかりませんが、人々が実際に検索エンジンの抜粋を読むときに確かに役立ちます。 これは私がいくつかのプラグインとあなたがすることができるいくつかのカスタマイズについて行った投稿です テーマデザインでメタタグを完全に活用する.
  7. robots.txtページに必ず次の行を追加してください。
    サイトマップ:http://www.robneville.net/sitemap.xml

    検索エンジンにサイトマップを指摘することは、 サイトマッププロトコル –必ずそれを利用してください!

  8. アバウトページと写真が大好きです! あなたは写真家のようです…サイドバーに投稿されたflickrバッジまたはflickrフィードは、ブログに色や個性を加えることができます。
  9. コンテンツの一部をブログに集中させている場合は、関連投稿プラグインを介して関連投稿を表示することを利用してください。 見る PGAオークションのブログのヒントで8位.
  10. 長い投稿の場合は、見出し(h1、h2、h3)と箇条書きを使用して分割することをお勧めします。 チャンク あなたのコンテンツ。 見出しは、コンテンツのランク付けと読者の注意を引くのに役立ちます。

ロブ、この機会を与えてくれてありがとう! これがあなたのスタイルの微調整に役立つだけでなく、より多くの訪問者をもたらすことを願っています!

あなたのブログをひっくり返す方法

ブログをご希望の場合 チップ、単に私の指示に従ってください ブログのチップ投稿.

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.