【WordPress.com】more タグの右寄せ

以下の CSS を追加すると

.more-link {
    text-align: right;
    display: block;
}

「続きを読む」のところが右側に移動します。

2016-02-19 at 12.50

comemoarrow

2016-02-19 at 12.51.png

【WordPress.com】外部リンクにリンクマークをつける (改)

以前書いた記事「外部リンクにリンクマークをつける | comemo com|2013-02-03」の内容があまりに限定的すぎたので、もう少し、応用が利きそうなものを考えてみました。

続きを読む

【WordPress.com】横に並べたリストに仕切りを入れるための CSS

以下のような CSS を追加すると

#text-125 a:not(:first-child):before {
content: "|";
position: relative;
}

フッター等の以下のような表示を

2015-03-27 at 13.18

以下のような感じにすることができます。なお、インターネット・エクスプローラのバージョン8 以前では無効になります。

2015-03-27 at 13.18

この CSS を適用するためには「#text-125」の部分を適宜、変更する必要があります。

!

ここで覚え書きしている内容は、そのテクニック自体は普遍的なものですが、一般のブログサービスやレンタルサーバ等で使っている WordPress では、通常、HTML ファイルまたは php ファイルを修正すれば済む話なので、記事タイトルには「【WordPress.com】」を追記しています。

 

【WordPress.com】ナビゲーションメニューにアイコンを入れる方法 (改)

3年以上前に記事「[WordPress] ナビゲーションメニューにアイコンを入れる方法 | comemo」において、メニューに画像のアイコンをつける方法について覚え書きをしましたが、ここでは、Web フォント「Noticons」をメニューの左側に追加する方法について覚書きしたいと思います。ざっくり説明すると、画像のかわりに Web フォントが入るだけです。

2015-03-06 at 14.16

続きを読む

#2015

【WordPress】投稿フォーマットを見かけ上、テンプレートのように使ってみる

これはちょっと邪道な方法ではありますが、必要上の流れで自然とやるようになった方法です。

ArtRage_の使い方(PC版)___comemo_post

comemoarrow

ArtRage_の使い方(PC版)___comemo_post

続きを読む

CSS で作成された表・テーブルに画像を貼り付けてもレイアウトが歪まないようにするには「table-layout:fixed」を追加すればいいようだ

最近まで、表・テーブルに画像を貼り付けたりしたときにテーブルの幅のバランスが崩れたりして困っていたのですが、「table-layout: fixed」を追加すればいいらしいことがわかったので、その覚え書きです。

table タグや display: table を指定している要素に「table-layout: fixed;」を追加すると、以下のような感じで、表の中に大きな画像を挿入しても、指定した幅内に収まってくれるようです。

いや、これだけの話なんですけれども、個人的にはかなりすっきりしました。

参考

[WordPress.com] どんなテーマに対してもインターネットエクスプローラでの日本語の表示をきれいにするためのざっくりとした方法

最終更新日:2015-07-11

私自身の主観も入っていますが、WordPress.com のテーマのうち、インターネットエクスプローラで日本語がきれいに表示されないテーマを以下の記事にピックアップしています。

asdfafasd
IEでのフォント表示をきれいにするためのCSS編集

続きを読む

#2013