Cocoonフォーラム

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

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

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

相談内容:

不具合の発生手順:

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

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

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

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

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

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

サイドバーに「よくあるご質問(FAQ)...
 
共有:
通知
すべてクリア

[解決済] サイドバーに「よくあるご質問(FAQ)」を設置する作成方法について

10 投稿
3 ユーザー
8 Reactions
111 表示
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
Topic starter  

サイドバーに「よくあるご質問(FAQ)」の設置する方法について下記のようにするにはどのようにすれば良いかアドバイスをお願いします。

〇実施したい事項

サイドバーの上段(検索の下)に「よくあるご質問」(タイトルバー)を配置し、その中に投稿記事で作成した2つのFAQを配置

※その下の、「最近の投稿」、「カテゴリー」、「過去のブログ」には2つのFAQは非表示にする

 

〇現行の実施した内容

「よくあるご質問」はウエジットのテキスト(PC用)をサイドバーに設置

投稿記事のブロックFAQを用いて2つのFAQを作成、カテゴリーは「よくあるご質問」

 

URL  https://tsuruya-farm.com/

 

カテゴリーの「よくあるご質問」を個別に上段(タイトル)に設置する方法がうまくいかないのでお手数ですがアドバイスよろしくお願いします。

 


   
chu-ya reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

WordPressの使い方を覚えましょう。

●手順

WordPressの標準機能「パターン」を使います。

  1. [管理メニュー]→[パターン一覧]を選択し、新規パターンを追加(名前を入力し、[生成]をクリック)。Gutenbergエディターが開くので、作成したいFAQブロックを配置します。
    作成したら[公開]をクリックし、パターンを保存します。
  2. パターン一覧のショートコードをコピーします。
  3. [C]テキスト(PC用)ウィジェットに、コピーしたショートコードを貼り付けます。

●アドバイス

パターン機能を覚えてください。パターンを活用すると、使い勝手が向上します。

https://ss1.xrea.com/chuya.s239.xrea.com/temp/wordpress-pattern-tips/


   
cameo reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
Topic starter  

chu-yaさま

早々の対応ありがとうございます。

実はアドバイスの通りパターン作成でも試してみました。ただこの方法だとFAQが増えていくと見にくくなるので

サイドバーの「よくあるご質問(タイトル)」の下に

下記の項目のみを表示(投稿記事のタイトルみたい)して

それぞれをクリックするFAQの一覧がメイン画面でそれぞれ表示できるようにしたいのが要望です

 

パターン作成でした場合もそのように表示できるのか?あるいは、投稿記事もしくは固定ページを活用

したらできるのでしょうか?

URL   https://tsuruya-farm.com/

 

ちなみに参考にさせていただいている下記のHPの「その他のページ」のような設定

URL  https://iwabuchi-vc-farm.com/

 

 


   
chu-ya reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

投稿者:: @cameo

ちなみに参考にさせていただいている下記のHPの「その他のページ」のような設定

常々言いますが、対面で作業しているわけではありません。
例があるなら、はじめから提示願います。


●回答

Gutenbergエディターが使えていない印象を受けます。使い方を覚えてください。
単なるテキストリンクですよね?

パターンが使えているなら、以下をパターンで作成するだけです。
対象のページ見出しを、「段落」ブロックに、例えば「ご注文について」と入力し、そのテキストをリンク設定で「https://tsuruya-farm.com/655/」とするだけです。

あとはウィジェットにショートコードを貼り付けるだけです。


   
cameo reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

●補足

単なるページリンクなら、WordPress標準の「ナビゲーションメニュー」ウィジェットでいいのでは?
以下のページを[外観]→[メニュー]でメニュー設定し、「ナビゲーションメニュー」ウィジェットでメニューを選択するだけです。

  • つるや農園の柑橘について
  • ご注文について

   
cameo reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

cameoさん

あまり時間が取れないこと。
そして本件とは直接関係ないこと。
上記のことから、簡単に3点だけ書かせていただきます。

  1. 「CSSカスタマイズ相談」にトピックをお立てになっていますが、本件はそれとは異なるように思います
    どこにトピックを立てて良いのか分からない場合は、「Cocoonテーマに関する質問」にお願いします
    ⇒ 過去にご依頼済です
     
  2. 「パターン」の使い方
    ⇒ 過去にご説明済かと思います
     
  3. プラグイン「All in One SEO」使用により、OGP・Twitterカード等が、Cocoonのものと重複しています
    ⇒ 過去にご指摘済で、その時に解消はずですが、また?

 
過去にご説明・ご指摘したことが、いかされていないというのか・・・。
少し残念には思います。


   
cameo reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
Topic starter  

@chu-yaさま

説明不足でお手数をおかけして申し訳ございませんでした

私のスキル不足で、メニューを新たに追加できることを知りませんでした

補足のとおり設定したら、希望通りに作成できました。ありがとうございました。

 

PS.追加要望

別に再度質問した方が良いのかもしれませんが、スマホ表示ではサイドメニューを非表示にしているため

「よくあるご質問」のメニューが非表示になってしまいます。

スマホでの表示でも、PCと同様の「よくあるご質問」を設置したいのですが、その方法についてアドバイスを頂ければ幸いです。

(現在一旦、ウェジットの「インデックストップ」にテキスト(モバイル用)の位置に配置)よくあるご質問

 


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

投稿者:: @cameo

スマホ表示ではサイドメニューを非表示にしているため

●アドバイス

分かっているなら聞く必要もないと思いますが、モバイルヘッダーボタンに設定しているメニューに
#sidebarをメニューに設定すればいいのでは?
それかモバイルヘッダーボタンに該当のページを登録するだけだと思いますが??????

https://wp-cocoon.com/mobile-header-buttons/

分かる位置なら、インデックス上のウィジェットエリアに配置すればだけのことです。


●注意

先述の通り、対面ではありません。やりたいことはcameoさんの頭の中しかありません。
少なくとも期待するページレイアウトを図示した上で質問願います。
分からず回答しても、先述のように期待に沿わないと、単なる徒労でしかありません。その点をご理解ください。


   
cameo reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

以下のページと同じにする方法です。

https://iwabuchi-vc-farm.com/

1.先述の通り、ウィジェット「ナビゲーションメニュー」をサイドバーに配置(図①参照)。
2.ヘッダーメニュー、ヘッダーモバイルメニューを作成・設定。PC、モバイルともにメニューが表示(図②参照)。
3.モバイルヘッダーボタンを作成・設定(図③参照)。

https://wp-cocoon.com/mobile-global-menu/


   
cameo reacted
(@cameo)
Eminent Member Registered
結合: 7か月前
投稿: 24
Topic starter  

 chu-yaさま

遅くなりましたがお忙しい中、アドバイス頂きありがとうございました

また、私のスキル不足でお時間をおかけしてすいませんでした。

今回のアドバイスで、メニュー設定(PC、モバイル)およびナビゲーションメニュー等の使用方法を理解でき希望通り作成できました

次回以降、もし要望等が有る場合は、イメージ図等を含め、「Cocoonテーマに関する質問」でさせて頂きます。

 


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました