Cocoon cocoon 2.7.1.2 における表のpositionについて
不具合？について不具合の内容cocoonの 2.7.1.2へのバージョンアップに伴って、table、tdのpositionがrelativeに指定されるようになった(と思われる)。この結果として、td内にdivをはみ出して絶対表示しようとするとセル内の幅に収まって表示されてしまうこととなる。以下はその例①2.7.1.1...
Cocoon
Cocoon 
Cocoon Cocoonのブログカードでドメイン名を表示しない wordpress
WordPressテーマで最も人気のあるCocoonのブログカード（アドレスを記載（コピペ）するだけでリンク先についてのタイトルや紹介文が表示される機能）について、ドメイン名を表示させない方法について説明します。表示しないことで、レイアウトを少しスッキリさせることが出来るでしょう。通常は以下のように自サイトについても表...
Cocoon Cocoon CSSメモ サイドバーウィジェット編 HTML+CSS
CSS構造のメモ。外観>テーマエディタにおいて編集する。サイドバーサイドバーのクラス名は、sidebar正確な構造は container > content > content-in > sidebar となる。以下はその子に当たるウィジェットのクラス名ウィジェット名クラス名(asideタグ)解説ページ検索widget...
Cocoon Cocoonのパンくずリストの上下余白を調整する HTML+CSS
Cocoonでは設定ページに置いてメインコンテンツに関する余白を調整することはできる（カラム設定ページ）が、パンくずリストの余白についてはCSSを編集しなければなりません。CSS構造のメモ。外観>テーマエディタにおいて編集する。パンくずリストパンくずリストのクラス名は、.breadcrumb.sbp-main-befo...
Cocoon Cocoonのサイドバーの「サイト内を検索」の文字サイズなどを変更する HTML+CSS
サイト内検索のクラス名クラス名は widget_search となっている。変更方法INPUTタグ内の文字については ::placeholder という疑似要素を用いる。文字の色を変更するには例えば、赤字としたい場合、は以下の様に記述する。input.search-edit::placeholder{color:#ff...
Cocoon Cocoonのサイドバーのカードの文字サイズを変更する HTML+CSS
サイドバーに表示されているカードの文字サイズを変更します。CSSをクラス名サイドバーのカードの共通クラス名は、widget-entry-card-title となります。この部分を変更することとなります。サイドバーのカードの文字を小さくする.sidebar .widget-entry-card-title{ font-...
Cocoon Cocoonのブログカードの情報が更新されない
Cocoon ではアドレスを入力すると、ブログカードが表示されます。このようにただし、そのアドレス先のサイトが更新されたてもブログカードの内容は変更されません。これは、ブログカードに書かれる内容をそのたびにサイトに取得しに行っているわけではなく、データをWordPressで保存しておいて表示させているためです。これを更...