Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] Cocoonスライドイン、ボタンの項目に任意のリンクを追加したい、レイアウトがくずれないHTMLの書きかた

CSSカスタマイズ相談

最新の投稿 : かうたっく 6年前

6 投稿

1 ユーザー

0 Reactions

3,671 表示

RSS

かうたっく

(@kautakku)

Illustrious Member Moderator

結合: 7年前

投稿: 4770

トピックスターター 2019年4月23日 01:31

Cocoonのスマホビュー下にある固定メニュー、スライドインのボタン『メニュー』『ホーム』『検索』任意の項目に『URLを追加』してリンクにし、クリックできるようにするカスタマイズ

書いている人：ビバ★りずむ運営者のかうたっくって人

アイコンフォントと文字のレイアウトはそのまま
スライドインの項目にaタグ（リンク）付けたい

デベロッパーツールでしか確認した事がないので、実際に試したただのメモです。

やる事。

親テーマフォルダから、wp-content/themes/cocoon-master/tmpフォルダ内にあるmobile-menu-buttons.phpをダウンロード
PC上でtmpフォルダを作成
tmpフォルダ内に1．のmobile-menu-buttons.phpをいれ『子テーマ』/wp-content/themes/cocoon-child-masterフォルダにアップロード

万が一エラーが出た場合

子テーマフォルダ内のtmpフォルダにあるmobile-menu-buttons.phpを削除すればOK！

あとはファイルマネージャかPC上で編集して保存すればOK！

引用

かうたっく

(@kautakku)

Illustrious Member Moderator

結合: 7年前

投稿: 4770

トピックスターター 2019年4月23日 01:40

『メニュー』を削除したい場合

12行目くらいにある

<
div class="mobile-menu-buttons">の下にあるコード

<?php if (has_nav_menu( 'navi-header' )): ?>

から、のうえにあるコード

<?phpendif?>

までを消す。

『メニュー』に任意の『URLを追加』してリンクにしたいとき
上記の通り削除してから以下を追加すればOK！

フォーラムの関係上改行してますが、<div　　とか　　/div>　にしてください。

赤文字を変更して任意のURLに。キャプションは5文字以内なら何もしなくて良いのでラク。

<
div class="navi-menu-button menu-button">
<a class="navi-menu-icon menu-icon" href=" https://bibabosi-rizumu.com "><span class="navi-menu-caption menu-caption">ビバりずむ</span></a>
</div
>

返信引用

かうたっく

(@kautakku)

Illustrious Member Moderator

結合: 7年前

投稿: 4770

トピックスターター 2019年4月23日 01:45

『ホーム』を削除したい場合

約50行目くらいにある　から　のうえにある/div>まで消す。

『ホーム』に任意の『URLを追加』してリンクにしたいとき
上記の通り削除してから以下を追加すればOK！

<
div class="home-menu-button menu-button">
<a href=" https://bibabosi-rizumu.com/category/wordpress/customize/cocoon-customize/ " class="menu-button-in">
<
div class="home-menu-icon menu-icon"></div
>
<
div class="home-menu-caption menu-caption">hoge</div
>
</a>
<
/div>

https://gyazo.com/8a88c172e4aa6c2c0a5cf96c96368362

画像のようになるようにHTMLタグはキチンと修正しないとダメなんです。フォーラムの仕様上改行してます。

返信引用

かうたっく

(@kautakku)

Illustrious Member Moderator

結合: 7年前

投稿: 4770

トピックスターター 2019年4月23日 01:52

『検索』ボタンを削除したい場合

<?php if (!is_amp() || (is_amp() && is_ssl())): ?>

～　中略　～

<?php endif ?>

上記まで消す。以下は消さない

<?php
$on = null;
//AMP用のイベントを設定
if (is_amp()) {
$on = AMP_GO_TO_TOP_ON_CODE;
}

『検索』に任意の『URLを追加』してリンクにしたいとき
上記の通り削除してから以下を追加すればOK！

<
div class="search-menu-button menu-button"><a class="search-menu-icon menu-icon" href=" https://bibabosi-rizumu.com "><span class="search-menu-caption menu-caption">ビバりずむ</span></a></div
>

https://gyazo.com/775a2a4029331b9c3d00c4fb24b29410

画像のようになるようにHTMLタグはキチンと修正しないとダメ❦
フォーラムの仕様上改行❦

返信引用

かうたっく

(@kautakku)

Illustrious Member Moderator

結合: 7年前

投稿: 4770