CSS

Cocoon

スクロールしてもメニューが固定されるようJavaScriptとCSSでなんとかする/改訂

簡単だなあと感心していたclingify.jsによるナビメニューの固定だったが、Cocoonの構成とブラウザーとの相性(?)があるようで別の方法を探すことになった。 fifefoxではサブメニューも正常表示されるのだけれど、c...
Cocoon

アイキャッチ画像を画像処理せずCSSだけで自動トリミング

アイキャッチ画像は大切なので非表示にはしたくない。 けれど、ちょっと大きすぎることもある。 かといってわざわざ画像処理でトリミングするのは面倒。 元サイズに関係なく 自動でトリミング できたら便利よ ...
Cocoon

誰が書いた記事なのかすぐ分かるように編集者をアイコンで表示

Cocoonの標準テーマでは記事を誰が書いたかが記事最下部までスクロールしないと分からない。そしてテキスト表示なので少しさみしい。 今見ている記事を誰が書いたか、アイキャッチ画像の近くにアイコンで分かりやすく示したい。  オリジナル(カ...
Cocoon

あまり主張しないようアピールエリアを網点で覆う(マスク)

Cocoon(Wordpressの無料テーマ)にはアピールエリアという都合良い仕組みが用意されていて、任意の画像やテキストを本文最上部に表示できる。 サイトトップのみで表示とか選べて幸せ。 Cocoon設定 > アピールエリア ...