サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018-12-05 17:20
わいひら様、お加減はいかがでしょうか？
療養中、もしくは病み上がりでしたら大変申し訳ありません。
十分に回復なさってから目を通していただければと存じます。
トピック
ウィジェットを利用してページ内リンクを実装しようと試みたのですが、移動先のズレを修正することができず、難航しています。
不勉強で恐縮ですが、お心当たりなどございましたら、ご教授頂けないでしょうか？
手順
SNSボタン付近に移動先を指定したかったが、付近に適当なid属性が見当たらなかったので、ウィジェットから新たにid属性の追加を試みる
ウィジェット「投稿タイトル下」に「テキスト」を追加（内容は下記）
「読む価値ないわ」って人は<a href="#text-28">こちら</a>
ウィジェット「投稿SNSボタン上」に「テキスト」を追加（内容なし、下記はデベロッパーツール上での表示）
結果
移動後の表示位置の調整ができない（URL参照）
目的
本文下に広告を挿入する予定の為、SNSボタンと広告が画面中央に収まるように表示位置を調整したい（画像参照）
試したこと
CSSで以下のページの内容を試す
- ヘッダを固定している時のページ内リンクのズレ補正 | キタックCGソリューションセンター｜Webマーケティング
- ヘッダ固定時のページ内リンクのズレをCSSだけで解消する3つのテクニック - わたしと納豆ごはん
- 簡単に調整できる。ページ内リンクの停止位置を調整 | いろどり
- ページ内リンクのジャンプ先の位置を調整する方法 | 大阪のホームページ制作会社YCOM
環境
URL：Hello world! | ニート生き方どうすれば
2018-12-05 20:08
とりあえず、テキストウィジェットに何かテキストを入力して試すとどうなりますか？
あと出来れば、ソースコードが読みづらいので以下の方法で高速化を無効にしていただけたらと思います。
https://wp-cocoon.com/customize-consultation/
2018-12-06 11:46
CSS でされるのなら、参考にされているページ内リンクのジャンプ先の位置を調整する方法の方法でいけると思います。
こんな感じです。値はご希望の状態になるようにご変更ください。30vh ~ 40vh にしないといけないかもしれません。
#text-28 {
margin-top: -50vh;
padding-top: 50vh;
}
ページキャッシュプラグインをお使いなので、何かしら変更された後は必ずプラグインのキャッシュ削除が必要です。
わいひら reacted
2018-12-06 13:00
目的
本文下に広告を挿入する予定の為、SNSボタンと広告が画面中央に収まるように表示位置を調整したい（画像参照）
このようにありますけど、何をしたいのかがわからないんですよね。
手順
SNSボタン付近に移動先を指定したかったが、付近に適当なid属性が見当たらなかったので、ウィジェットから新たにid属性の追加を試みる
『SNSボタン付近』ですが具体的にどこなんだろ？って印象です。
もし広告を表示したいのであれば、広告ウィジェットを入れてそのIDでも良いように思ったりします。
Akiraさんがおっしゃる意図とあっていれば、この書き込みは不要だと思います！
※その場合。冒頭の『目的』である引用と、内容が私的にはかみ合わないので、私以外のかたが分かって解決したのであればオールOK！です＾＾
わいひら reacted
Topic starter
2018-12-06 14:32
解決できました！アドバイスを下さった方、どうもありがとうございました。
>>Akiraさん
キャッシュ系プラグインの仕様について、見落としていました。勉強になりました。
>>かうたっくさん
わかりづらくてすみません。「こういう構成にしたい」というイメージはあるのですが、作業や手続きが追いついておらず、伝えることが難しい状態です。
勿論、質問する時は出来る限り正確に伝えられるように努力しますが、もしわかりづらかった場合は指摘していただけると幸いです。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。