comemo 10:21 PM | 2016/05/02

テーマ「Shoreditch」付属の CSS を使って最新記事一覧を作成する

私自身は、2016-05-02現在、独自の CSS を追加するなどして以下のような最新記事リストを表示させていますが、

テーマ「Shoreditch」にあらかじめ準備されている CSS を使うことでもある程度、再現することができたので、その覚え書きです。

comemo 10:11 AM | 2016/04/08

WordPress.com のテーマ「Origin」のアーカイブ表示をワイドにするための CSS

最終更新日：2016-05-07

WordPress.com のテーマ「Origin」に以下の CSS を追加すると、

comemo 6:22 PM | 2016/02/19

一番下の段は、幅が広くなると２列から４列になります。

まだ、細かい検証はしていませんが、とりあえず、公開しておきます。

comemo 12:59 PM | 2016/02/19

以下の CSS を追加すると

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

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

comemo 9:47 AM | 2016/02/19

テーマ「Origin」で調整したものです。他のテーマで適用するためには微修正が必要かもしれません。

comemo 4:36 PM | 2016/02/18

HTML の記述の方はカテゴリーウィジェットのダミーデータです。CSS の記述を WordPress.com に適用すると、カテゴリーウィジェットがボックス分割されると思います。

うまくいかないテーマもあるかと思いますが、とりあえず、公開しておきます。

comemo 12:49 PM | 2016/02/18

CSS に関する、ややマニアックな話題です。

CSS を使うと、一般的には以下のようなアニメーションを表示することができますが、

WordPress.com だとうまくいかないケースがあるようです。その傾向については、まだ、把握しきれていません。

うまくいかないケースとして、例えば、animation の delay を「0s」に設定すると、2016-02-18現在、WordPress.com では、少なくとも mac の Firefox でアニメーションが機能しなくなるようです。

なお、例えば、「.001s」等、極小の値を入力するか、「0s」自体を削除（初期値が「0s」なので問題ない）すれば問題ないようです。