Cocoon

スポンサーリンク
Cocoon

cocoon 2.7.1.2 における表のpositionについて

不具合?について 不具合の内容 cocoonの 2.7.1.2へのバージョンアップに伴って、table、tdのpositionがrelativeに指定されるようになった(と思われる)。 この結果として、td内にdivをはみ出して絶対表示しようとするとセル内の幅に収まって表示されてしまうこととなる。 以下はその例 ①2....
Cocoon

Cocoonのブログカードでドメイン名を表示しない wordpress

WordPressテーマで最も人気のあるCocoonのブログカード(アドレスを記載(コピペ)するだけでリンク先についてのタイトルや紹介文が表示される機能)について、ドメイン名を表示させない方法について説明します。表示しないことで、レイアウトを少しスッキリさせることが出来るでしょう。通常は以下のように自サイトについても表...
Cocoon

Cocoon CSSメモ サイドバーウィジェット編 HTML+CSS

CSS構造のメモ。外観>テーマエディタにおいて編集する。 サイドバー サイドバーのクラス名は、sidebar 正確な構造は container > content > content-in > sidebar となる。以下はその子に当たるウィジェットのクラス名 ウィジェット名 クラス名(asideタグ) 解説ページ 検...
Cocoon

Cocoonのパンくずリストの上下余白を調整する HTML+CSS

Cocoonでは設定ページに置いてメインコンテンツに関する余白を調整することはできる(カラム設定ページ)が、パンくずリストの余白についてはCSSを編集しなければなりません。 CSS構造のメモ。外観>テーマエディタにおいて編集する。 パンくずリスト パンくずリストのクラス名は、.breadcrumb.sbp-main-b...
Cocoon

Cocoonのサイドバーの「サイト内を検索」の文字サイズなどを変更する HTML+CSS

サイト内検索のクラス名 クラス名は widget_search となっている。 変更方法 INPUTタグ内の文字については ::placeholder という疑似要素を用いる。 文字の色を変更するには 例えば、赤字としたい場合、は以下の様に記述する。 input.search-edit::placeholder{ co...
Cocoon

Cocoonのサイドバーのカードの文字サイズを変更する HTML+CSS

サイドバーに表示されているカードの文字サイズを変更します。 CSSをクラス名 サイドバーのカードの共通クラス名は、widget-entry-card-title となります。 この部分を変更することとなります。 サイドバーのカードの文字を小さくする .sidebar .widget-entry-card-title{ ...
Cocoon

Cocoonのブログカードの情報が更新されない

Cocoon ではアドレスを入力すると、ブログカードが表示されます。このように ただし、そのアドレス先のサイトが更新されたてもブログカードの内容は変更されません。 これは、ブログカードに書かれる内容をそのたびにサイトに取得しに行っているわけではなく、データをWordPressで保存しておいて表示させているためです。 こ...