WordPressを使うとき、記事を書く他にいろいろと基本の設定をしたりしますね。カテゴリーやタグを決めるときや、ユーザーのプロフィールを設定するときに「説明」という欄がありますが、これを活用してますか?
カテゴリー別アーカイブ: WordPress – 初級編
記事下のカテゴリーなどへのリンク(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を割り振っているので、そのあたりをみていきましょう。
Twenty Ten メイン部分のCSSカスタマイズ〜ナビゲーション
Twenty Ten のメイン部分のCSSについて見ていくことにします。トップページのソースを見てみましょう。前にも見た通り、メインの部分はmain>container>content という入れ子になっています。
その下に「nav-above」というidをもったひとかたまりの記述があります。
Webourgeonリニューアル中です
どうしてもやりたくなってしまい、衝動的にWebourgeonのデザインをリニューアルしています。
Twenty Tenの子テーマとして作り、かなりの部分はCSSで、少し機能を追加しています。CSS3もちょっとだけ使っています。IEは軽く対応しましたが、まだ十分ではない部分があると思います。2日ほどで作ったので、まだあちこち不具合があるかもしれません。