アクセス解析と言えばやはりGoogle Analyticsという感じですが、ブログを書いていると、記事を投稿したときなど、リアルタイムでアクセスがどうなっているのかみたいなぁ、と思う事も多いです。そんなときに便利なのが、リアルタイムのアクセス解析プラグイン「WassUp」です。見た目もきれいで、ちょっと楽しめるプラグインです。
Google Analyticsのコードをログイン時は非表示にするコード
アクセス解析の定番、Google Analyticsを使う人は多いと思います。プラグインもいくつか出ていて、テーマファイルに手を加える事なくGoogle Analyticsのコードを入れることができるようになっています。プラグインを使えば、テーマを変えたときや、アップグレードのときにGoogle Analyticsのコードを入れ忘れてしまう、という事もなくとても便利です。
でも、私はテーマに書いてしまいたい派なので、直に書き入れています。ただ、ブログという事もあって、結構自分でもアクセスする回数が多い。自分のアクセスは省いて欲しい。プラグインを使うと、その辺りは簡単に設定できるのですが、どうしようかな..と考えていたら、ありました、簡単な方法!
記事下のカテゴリーなどへのリンク(entry-utility)〜Twenty Ten メイン部分のCSSカスタマイズ(7)
うわ、タイトルが収集つかないくらい長くなってしまいました。もう少し先を考えてから、タイトルを付け始めるのだったと反省しています。
さて、Twenty Ten メイン部分のCSSについて順々にみてきましたが、今日は記事の下の部分に出てくる、カテゴリーやタグ、コメントなどへのリンクの部分についてみてみようと思います。地味に細かいですが、書いているうちに意外な発見が!興味のある方はおつきあいください。
「続きを読む」のCSS〜Twenty Ten メイン部分のCSSカスタマイズ(6)
今日は何かと問題になる「続きを読む」についてです。「more」っていうやつですね。
これは、皆さんもご存知の、エディタで「more」を挿入すれば自動で入るタグなんですが、Twenty Tenではどのように出力されるようになっているのでしょうか。
記事本文(entry-content)〜Twenty Ten メイン部分のCSSカスタマイズ(5)
Twenty Ten今日は記事本文の部分のCSSカスタマイズについて考えていきたいと思います。
記事の本文は「entry-content」というクラス名のdivで囲まれます。これはトップページでも、個別の記事ページ(シングルページ)でも、その他の一覧ページでも共通です。また、投稿ではない、静的ページの本文も同じです。
Twenty Tenのレイアウトを変える子テーマ(追記)
Twenty Tenのレイアウトを変える子テーマ(CSSファイル)つくりましたで、Twenty Tenのレイアウトを変える子テーマのCSSファイルをダウンロードしていただけるようにしてみましたが、解凍がうまくいかない、というコメントがありましたので、追記として、こちらにファイルの内容を公開します。
投稿日にアイコンをつける(entry-meta)〜Twenty Ten メイン部分のCSSカスタマイズ(4)
Twenty Tenのメイン部分のCSSカスタマイズ、今日はタイトルの下に表示される、投稿日や作成者などの部分のCSSについて考えたいと思います。投稿日はテーマによってはカレンダー風に表示させたりと、デザインしがいのある部分でもありますね。まずはTwenty Tenでどのようになっているのか、基本を確認してみたいと思います。
変化するentry-title(記事タイトル)〜Twenty Ten メイン部分のCSSカスタマイズ(3)
今日はブログにとってとても重要な部分である、記事のタイトル部分について調べてみます。
記事タイトルは「記事ごとにCSSをわりあてる」で見た記事ごとの囲みのすぐ下に「entry-title」というクラス名で書き出されます。この「entry-title」というクラス名はトップページやその他のページに行っても不変ですが、変化する部分があります。
記事ごとにCSSをわりあてる(記事固有のid)〜Twenty Ten メイン部分のCSSカスタマイズ(2)
WordPressのデフォルトテーマであるTwenty Ten のメイン部分のCSSについて見ています。前回は記事の上下に現れるナビゲーションについて考えました。今回は記事の部分に入っていこうと思います。Twenty Ten では、記事それぞれにidを割り振っているので、そのあたりをみていきましょう。
文字の後ろや左に背景画像を入れる
WordPressのテーマTwenty Tenのカスタマイズを中心にブログを書いていますが、テーマを解説して、「ここを変えればいいですよ」という所までで、CSSの細かいところまではなかなか書ききれないように感じていました。検索されているキーワードや、昨日いただいたコメントのことなども考えると、もう少しCSSについて突っ込んで書いてみてもよいのかな、と思いました。そこで、「はじめてでもきっと分かるCSSの小技」として、主にテーマのカスタマイズで取り上げたCSSについて少し詳しく書いてみることにします。
第一弾は、なんとなくアクセスの多い気がする、ヘッダーのロゴに関連して、「文字の後ろや左に背景画像を入れる」、いきます!