以下の CSS を追加すると
.more-link {
text-align: right;
display: block;
}
「続きを読む」のところが右側に移動します。
カテゴリー別アーカイブ: ちょっとした CSS カスタマイズ
【WordPress.com】外部リンクにリンクマークをつける (改)
以前書いた記事「外部リンクにリンクマークをつける | comemo com｜2013-02-03」の内容があまりに限定的すぎたので、もう少し、応用が利きそうなものを考えてみました。
【WordPress.com】横に並べたリストに仕切りを入れるための CSS
以下のような CSS を追加すると
#text-125 a:not(:first-child):before {
content: "｜";
position: relative;
}フッター等の以下のような表示を
以下のような感じにすることができます。なお、インターネット・エクスプローラのバージョン8 以前では無効になります。
この CSS を適用するためには「#text-125」の部分を適宜、変更する必要があります。
!ここで覚え書きしている内容は、そのテクニック自体は普遍的なものですが、一般のブログサービスやレンタルサーバ等で使っている WordPress では、通常、HTML ファイルまたは php ファイルを修正すれば済む話なので、記事タイトルには「【WordPress.com】」を追記しています。
【WordPress.com】ナビゲーションメニューにアイコンを入れる方法 (改)
3年以上前に記事「[WordPress] ナビゲーションメニューにアイコンを入れる方法 | comemo」において、メニューに画像のアイコンをつける方法について覚え書きをしましたが、ここでは、Web フォント「Noticons」をメニューの左側に追加する方法について覚書きしたいと思います。ざっくり説明すると、画像のかわりに Web フォントが入るだけです。
【WordPress】投稿フォーマットを見かけ上、テンプレートのように使ってみる
CSS で作成された表・テーブルに画像を貼り付けてもレイアウトが歪まないようにするには「table-layout:fixed」を追加すればいいようだ
最近まで、表・テーブルに画像を貼り付けたりしたときにテーブルの幅のバランスが崩れたりして困っていたのですが、「table-layout: fixed」を追加すればいいらしいことがわかったので、その覚え書きです。
table タグや display: table を指定している要素に「table-layout: fixed;」を追加すると、以下のような感じで、表の中に大きな画像を挿入しても、指定した幅内に収まってくれるようです。
いや、これだけの話なんですけれども、個人的にはかなりすっきりしました。
参考
[WordPress.com] どんなテーマに対してもインターネットエクスプローラでの日本語の表示をきれいにするためのざっくりとした方法
最終更新日：2015-07-11
私自身の主観も入っていますが、WordPress.com のテーマのうち、インターネットエクスプローラで日本語がきれいに表示されないテーマを以下の記事にピックアップしています。
