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カスタマイズ依頼

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

ヘッダー下のデザインについて
 
共有:
通知
すべてクリア

[解決済] ヘッダー下のデザインについて

10 投稿
3 ユーザー
4 Reactions
330 表示
(@taka_c_sz)
Eminent Member Registered
結合: 10か月前
投稿: 16
トピックスターター  

はじめまして。

お分かりになる方に質問があります。

ヘッダーの下に1カラムで固定ページのようなデザインを施し、その下には、普通にサイドバーのある形で固定記事を書いてトップページを構成したいのですがどうしたら良いでしょうか?

あまり説明が上手くできないので、参考になるサイトURLを貼っておきます。

https://syakkin-teacher.com/?

こんな感じのデザインです。

いかがでしょうか?

これはテーマをカスタマイズしてるのでしょうか?

よろしくお願いします。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3131
 

テーマ以前に、WordPressの使い方を理解しているなら、作れます。

●回答

図示の通り、Gutenbergエディターを用い、既存のブロック配置で可能です。(ノーコードです)

投稿者:: @taka_c_sz

これはテーマをカスタマイズしてるのでしょうか?

参考ページですがテーマ「AFFINGER5」で、Cocoonではありません。


   
わいひら reacted
(@taka_c_sz)
Eminent Member Registered
結合: 10か月前
投稿: 16
トピックスターター  

@chu-ya 

chu-yaさん、ありがとうございます!

ワードプレスを使うのが初めてなものでわからないことだらけです。

参考ブログはコクーンではないのですね。

ちなみに、Gutenbergエディターというのも何なのかわかりません。

調べてはみますが、お教えいただければ幸いです。

よろしくお願いします。


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

taka_c_szさん

投稿者:: @taka_c_sz

Gutenbergエディターというのも何なのかわかりません。

「ブロックエディター」のことです。

WordPress 5.0以降に実装されたエディターです。

WordPressでは「ブロックエディター」にそういう名前がついています。

「Gutenberg WordPress」で検索すると、ヒットすると思います。

とりあえず1つリンクします。

WordPressの新エディタ「Gutenberg」徹底ガイド(2024年版)
https://kinsta.com/jp/blog/gutenberg-wordpress-editor/

 

以下にCocoonのブロックについても、説明があります。

Cocoonのブロックエディター(Gutenberg)対応について
https://wp-cocoon.com/category/theme/making-article/gutenberg/

 

旧来(WordPress 5.0以前)の「クラシックエディター」も利用出来ます。

ブロックエディター(Gutenberg)を使用しないで旧ビジュアルエディターを利用する方法
https://wp-cocoon.com/gutenberg-off/

「Cocoon設定」-「エディター」-「Gutenbergエディターを有効にする」のチェックを外せば、「クラシックエディター」に切り替わります。

 

これからWordPressを始めるのであれば、「ブロックエディター(Gutenberg)」を使えば良いと思います。(どちらも、慣れは必要かと思います)


   
わいひら reacted
(@taka_c_sz)
Eminent Member Registered
結合: 10か月前
投稿: 16
トピックスターター  

@mk2_mk2 

mk2さん、ありがとうございます!

早速試してみます!


   
(@taka_c_sz)
Eminent Member Registered
結合: 10か月前
投稿: 16
トピックスターター  

@chu-ya 

chu-yaさん、昨日はありがとうございます。

ブロックエディターについては、他の方に紹介いただいたサイトや自分で調べたりなどで何となくわかってきました。

ですが、chu-yaさんが図解してくれたブログトップページのデザインカスタムぎまだわかりません。

ウィジットコンテンツ上部というのはわかります。

ですが、そこに入れる「カスタムHTML」がわかりません。

コンテンツ上部に入れるウィジットをカスタマイズするということなのでしょうけど、それはどのようにやるのですか?

図解してくれた「カスタムHTML」の部分を作る時にブロックエディターを使うということなのですか?

すみません、素人過ぎる質問で。

よろしければお教えください。

よろしくお願いします。


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

taka_c_szさん

投稿者:: @taka_c_sz

そこに入れる「カスタムHTML」がわかりません。

「カスタムHTML」ウィジェットのことかと思います。

 
こう書くと、今度は「カスタムHTML」に何を書けば・・・と更に質問が続いてしまいそうですけれど。
 
 
失礼ながら。
 
taka_c_szさんは、ご質問の内容云々というよりは、まだWordPressについて、ご存知ない状態かと思います。
WordPressについて、理解を深めたり、操作に慣れていく・覚えていくということが、先のように思います。
(HTMLなども?)
 
まずは「習うより慣れよ」ということで、いろいろ操作なさってみてはと思います。
(分からない言葉は検索すれば、大抵見つかると思います。)

   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3131
 

投稿者:: @taka_c_sz

すみません、素人過ぎる質問で。

WordPressを使う上で、使い方が分からない中、ご希望のページを作るのは難しいと判断します。
恐れ入りますが、有償にてカスタマイズ依頼するか、ご自身で参考書などを購入し、勉強なさるかして下さい。

https://wp-cocoon.com/cocoon-custom/


   
(@taka_c_sz)
Eminent Member Registered
結合: 10か月前
投稿: 16
トピックスターター  

@chu-ya 

chu-yaさん、おっしゃる通りですね。

勉強して出直します。

ありがとうございます。


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

taka_c_szさん

それでは、このトピックは「解決済」及び「クローズ」とさせていただいてよろしいでしょうか。
(お返事がない場合でも、日付が変わる頃にはそうしようかとは思います)

そもそものお問い合わせ内容のについては、「コンテンツ上部」エリアに「カスタムHTML」ウィジェットを入れればできるということかと思いますので、既に「解決済」とさせていただきました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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