100文字でわかる百科事典『100文字百科』

Cocoon

スポンサーリンク
◆WEB

【ワードプレス Cocoon設定】全記事の目次を非常時にする方法

画像出典: ワードプレスの左メニューから「Cocoon設定」を選択。選択肢から「①目次」を選択。「②目次を表示する」のチェックを外すと全記事の目次が非表示になります。
◆WEB

【ワードプレス Cocoon】画像の縦横比が違う場合の対処方法。アスペクト比を確認しよう

画像の縦横比が違う場合は「アスペクト比」が何故か変更になっているかもしれません。確認をしましょう。
◆WEB

【ワードプレス Cocoon】スマホ・携帯の「グローバルナビメニュー」の文字色を変更する方法

「Cocoon設定 → ヘッダー」を選択。「グローバルナビメニュー色」でスマホメニューの文字色を変更できます。
スポンサーリンク
◆WEB

【ワードプレス Cocoon】サイトタイトルを改行する方法。JavaScriptで解決

var selector = '.site-name-text'; // 注1: タイトルのタグに使われている"CSSセレクタ"var title = jQuery(selector).html();var pos = 4; // 注2: ...
◆WEB

【ワードプレス Cocoon】フッターの下に余白ができる原因はスキン「ゆっくり色が変化」のせい

「Cocoon」のスキン「ゆっくり色が変化」にするとフッターの下に余白ができます。余白が嫌な場合は、違うスキンに変更しましょう。
◆WEB

【ワードプレス Cocoon】モバイルのヘッダーメニューを横に並べる方法

まずメニュー設定の「ヘッダーモバイルメニュー」にメニューを追加。 テーマファイルエディターの「style.css」の/1023px以下/@media screen and (max-width: 1023px){}に下記コードを追加すればO...
◆WEB

【ワードプレス Cocoon】それぞれのメニュー位置の違い

◆ヘッダーメニュー・PCの場合ヘッダーに表示。・モバイルの場合ヘッダーのメニューは非常時。スライドメニューとして表示。◆ヘッダーモバイルメニュー・PCの場合ヘッダーのメニューは非常時。・モバイルの場合ヘッダーに表示。◆ヘッダーモバイルボタン...
◆WEB

【ワードプレス Cocoon】インデックスページのアイキャッチ画像のタイトルを非表示にする方法

下記コードを「テーマファイルエディター」に貼り付けるとインデックスページのアイキャッチ画像のタイトルを非表示にできます。 .entry-card-title {  display: none;} 引用元: 参考サイト
◆WEB

【ワードプレス Cocoon】投稿記事タイトルを中央配置する方法

下記コードを「テーマファイルエディター」に貼り付けると投稿記事のタイトルを中央配置にできます。 .entry-title{   text-align: center;} 引用元: 参考サイト
◆WEB

【ワードプレス Cocoon】ページの幅を最大に変更する方法

「①Cocoon設定」→「カラム」を選択。②のコンテンツ幅で、ページ幅を最大に変更できます。 参考サイト
◆WEB

【ワードプレス Cocoon】インデックスページのタイルを、4列や5列にする方法

下記コードを「テーマファイルエディター」に貼り付けるとインデックスページのタイルを4列にできます。下記の「24.67%」を「19%」にすると5列になります。 /* タイル4列 */.ect-3-columns {justify-conten...
◆WEB

【ワードプレス Cocoon】ヘッダーレイアウトをトップメニューにした場合に「ロゴサイズ」を自由に変更する方法

「Cocoon設定 → ヘッダー」にあるヘッダーレイアウトをトップメニューにした場合、通常ではロゴサイズを変更できません。そこで「テーマファイルエディター」に下記コードを貼り付けて下さい。数値を変更すればロゴサイズを変更できます。 .hea...
◆WEB

【ワードプレス Cocoon】アイキャッチに表示されるカテゴリーを指定する方法

投稿の右に表示されるメニューの中に、ページ設定の項目があります。そこのメインカテゴリーから、指定したいカテゴリーを選べばOKです。 参考サイト
スポンサーリンク