記事内に高さの同じ枠つきの欄を作成する – flexbox を使う方法 –

記事「記事内に高さの同じ枠つきの欄を作成する –display: table を使う方法 -(改) | comemo com|2013-04-10」で紹介した CSS の flexbox 版です。

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

2016-02-19 at 18.19

comemoarrow

2016-02-19 at 18.17

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

【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】カテゴリーの枠に色をつける

 

記事「【WordPress.com】カテゴリーを大カテゴリー毎にボックス分割するためのCSS | comemo com|2016-02-18」で紹介した CSS に以下の CSS を追加したりしたものです。

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

【WordPress.com】カテゴリーを大カテゴリー毎にボックス分割するためのCSS

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

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

記事内に高さの同じ画像枠つきの欄を作成する

続きを読む

【WordPress.com】CSS を追加して、横ラインにバリエーションをつける

WordPress.com のブログ等に CSS を追加して、横ラインにバリエーションをつける方法についての覚え書きです。

続きを読む

【WordPress.com 】ウィジェットから特定のカテゴリーやタグを表示させないようにする方法

以前、以下のような記事を書きましたが、

ウィジェット「カテゴリークラウド」と「タグクラウド」の場合は、CSS を追加しなくても、任意のカテゴリーやタグを非表示にできるようなので、その覚え書きです。

続きを読む