cocoon

スポンサーリンク
メモ

WordPressのtableに勝手にheightが指定されてしまう問題

※メモ程度の記述です。ご了承ください。table tr td thなどにheight指定が入るwordpressで表を作って保存をし、後で作り直そうとすると、勝手にheightが指定されてしまっている問題です。全部手動でheightを消す必要はありません。この問題についてはcssで解決します。カスタムCSS欄に以下を記...
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-...
メモ

WordPressのサイドバーの文字の大きさやカテゴリーの行間を変更する

※メモ程度の記述です。ご了承ください。変更したい記述を見つけるcssの変更場所を見つけ出す場合に最も簡単な方法がchromeブラウザでF12を押して、ソースコードを表示させる方法です。左側と右側を見比べながら探し出します。コードに対応する描写に色が付きます。実際にどの値で行間を指定しているか、文字の大きさが指定されてい...