現在「イノセンス」スキンを適用中です。

フォーラムの回答者向けTips | 雑談 | 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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

スポンサーリンク
共有:
通知
すべてクリア

フォーラムの回答者向けTips


リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

Cocoonの親テーマ、子テーマのURLをほとんど変えていらっしゃる方はいないので、

 

子テーマのCSSファイルは以下。

/wp-content/themes/cocoon-child-master/style.css

親テーマのCSSファイルは以下。

/wp-content/themes/cocoon-master/style.css

 

をトップページのURLの後ろにつなげれば、アクセスできます。

高速化設定がなされていても、アクセスできます。

 

子テーマの記述が疑わしい場合などに・・

親テーマのバージョンを調べたいときなども・・

This topic was modified 3か月前 3回 by リフィトリー

さる子, わいひらはる 件のいいね!
引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

フォーラムに駆け込んで来られる方は、おそらく、フォーラムの利用案内を読んでいる余裕などないのかもしれません。

 

実際のURLのご提示があり、高速化設定をOFFになっていて、環境情報があれば、何かしらのヒントが得られる場合があるような気がします。

 

また、自分ではわからない問題であっても、これらの情報があれば、該当する問題に詳しい方なら、解決方法がわかるかもしれません。

 

お問い合わせの内容によっては、

・URL

・高速化設定

・環境情報

の3つ全てを伺わなくても済む場合もありますが。

 


さる子わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

ConoHa WING親テーマアップデート時のトラブル解決用のリンク。
毎回探すのが面倒なので、返信のテンプレート用にここに貼り付けさせていただきます。

ConoHa WINGに親テーマが2つあるとき最新のものを適用する手順。
https://wp-cocoon.com/community/postid/40648/


さる子リフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

ショートコード関連のリンク

 

新着記事一覧を表示するショートコードの利用方法(オプションもいろいろ)

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

 

人気記事一覧を表示するショートコードの利用方法

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

 

Cocoonで使える[ショートコード]のオプションと使い方まとめ

https://web.monogusa-note.com/cocoon-shortcode

 

新着・人気・関連記事ウィジェット(ショートコード)で投稿日や更新日を表示させる方法

https://wp-cocoon.com/widget-entry-card-date-css/

 

以下のリンクは、ショートコードで、デフォルトのエントリーカードっぽい表示にしたい場合のCSS

投稿ページのカテゴリー一覧のページをトップに設定したい

https://wp-cocoon.com/community/postid/45471/

 

以下は、ショートコードでスキンのSeasonのエントリーカードっぽい表示にするCSS

トップページ「カテゴリごと(2カラム)」において新着記事を特定カテゴリーだけ非表示にしたい

https://wp-cocoon.com/community/postid/46641/

 


さる子 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

子テーマをお使いになっていらっしゃらない方への説明用のリンク

 

[解決済] 親テーマと子テーマについてです。

https://wp-cocoon.com/community/postid/34811/

 

Cocoonテーマをインストールする方法

https://wp-cocoon.com/theme-install/

This post was modified 3か月前 by リフィトリー

さる子 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

モバイルボタンのカスタマイズ

 

ヘッダーモバイルボタンとフッターモバイルボタンの両方のアイコンとキャプションの色をカスタマイズ

.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption {
  color: #fff;
}

ヘッダーモバイルボタンのアイコンの色とキャプションの色のカスタマイズ

.mobile-header-menu-buttons .menu-icon,
.mobile-header-menu-buttons .menu-caption {
  color: #fff;
}

フッターモバイルボタンのアイコンの色とキャプションの色のカスタマイズ

.mobile-footer-menu-buttons .menu-icon,
.mobile-footer-menu-buttons .menu-caption {
  color: #fff;
}

/*モバイルヘッダーメニューだけの背景色を変更する*/

.mobile-header-menu-buttons.mobile-menu-buttons,
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button > a {
  background-color: #6bb6ff;
}

/*モバイルフッターメニューだけの背景色を変更する*/

.mobile-footer-menu-buttons.mobile-menu-buttons,
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-button > a {
  background-color: #1e73be;
}

/*スライドインのサイドバーの文字等の色も影響を受けた場合に再指定するとき*/

#sidebar-menu-content {
  color: #333;
}

 

/*フッターモバイルボタンのアイコン別に色を変える*/
/*ホーム*/

.mobile-footer-menu-buttons .home-menu-icon.menu-icon {
  color: #86b5c9;
}

/* シェア */

.mobile-footer-menu-buttons .share-menu-icon.menu-icon {
  color: #d8b156;
}

/*トップ*/

.mobile-footer-menu-buttons .top-menu-icon.menu-icon {
  color: #368251;
}

/*サイドバー*/

.mobile-footer-menu-buttons .sidebar-menu-icon.menu-icon {
  color: #ba7c7c;
}

さる子 件のいいね!
返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 612
 

Tipsという程でもないですが…。

フォーラムの最近の書き込みを見れる画面は以下の2つがありますが、個人的には1番目の方が見やすいと思うのでそっちで見てます。

  1. https://wp-cocoon.com/community/recent/
  2. https://wp-cocoon.com/wpforo-recent-posts/

公式のマニュアルを探す時は検索よりも以下のページから探すのが楽だと思います。

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


さる子リフィトリー 件のいいね!
返信引用
さる子
(@saruko)
メンバーサイト Moderator
結合: 1年前
投稿: 246
さる子 - Twitter
 

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

以前作ったトピックですがすっかり埋もれてしまったので、こちらに貼っておきます。

記事を紹介するだけでなくトピックに直接情報を書き込んだり、よくある質問の解決済みトピックのリンクを書き込んでもいいかも?

初心者向けの情報やオススメ記事、フォーラム内のトピックがありましたら、ぜひ書き込んでください。


わいひらリフィトリー 件のいいね!
返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 612
 

Health Check & Troubleshootingというプラグインを最近知ったのですが、便利だなと思いました。

トラブル解決(問題の切り分けなど)のためにプラグインを無効化したりテーマを変更すると、サイトの訪問者の画面にも影響が出てしまいます。
このプラグインを使えば、ログインしている自分以外に影響を与えずに問題の調査ができます。

自サイトであればローカルに環境を用意するのでも良いですが、依頼されて他の方のサイトを調べる場合だとそれも手間なので、このプラグインを入れて色々弄れるの便利です。


リフィトリー, さる子, mk2 と 1 人の方がいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @haruinoue

Health Check & Troubleshootingというプラグインを最近知ったのですが、便利だなと思いました。

これ、マジでいいですね。
「トラブルシューティングモードを有効化」するだけで全てのプラグインが無効化されデフォルトのWordPressテーマにワンクリックでなるという。
加えて、サイト閲覧者には影響がないとは便利。


さる子, mk2はる 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

トラブルシューティングモードも説明がわかりやすいので貼っておきます。

トラブルシューティングモード

サイトのトラブルシューティングをする際、すべてのプラグインを無効化しデフォルトテーマに戻すよう伝えられることがあると思います。 ですがそれはサイト閲覧者の操作性を損なうことになり、そうしたくはありませんよね。

トラブルシューティングモードを有効にすると、すべてのプラグインが無効化され、あなたに対してのみサイトがデフォルトテーマに切り替わります。 他のすべてのユーザーにはいつものようにサイトが表示されます。

管理バーにトラブルシューティングモードが追加されました。それを使用することで個別にプラグインを有効化したり、使用中のテーマに戻ったり、トラブルシューティングから抜け出すことができます。

MU プラグインの仕組みにより、そのようなプラグインはトラブルシューティングモード中に無効化することはできません。


さる子, mk2はる 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

元に戻すのも簡単で「トラブルシューティングモードを無効化」を押せばワンクリックで元に戻ります。
これは、フォーラムでも活用したいので、後で記事でも書こうかな…。


さる子, mk2はる 件のいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

とても便利そうです。

しかも、WordPress.org公式だというのが、良いですね。
試す時間が今はありませんので、週末にでも私も試してみようと思います。

こんなに便利なものならば、もっと広く知れ渡ってもよい気がします。


さる子 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

書きました。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin


チャンビア🍺, mk2, リフィトリー と 1 人の方がいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

わいひらさん

ありがとうございます。

拝見させていただきながら、明日あたりに試してみようと思います。

そして、またしても気づいてしまいました。
以下の直上のアイコンボックス内に「面倒く下がらずに」となっている箇所がありました。

https://nelog.jp/health-check-and-troubleshooting-plugin#%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E8%A1%8C%E3%81%86%E6%96%B9%E6%B3%95

細かい話ですが、ご連絡です。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @mk2_mk2

以下の直上のアイコンボックス内に「面倒く下がらずに」となっている箇所がありました。

ありがとうございます!
寝ログの記事の誤字の指摘は1つあたり100円のAmazonギフト券をお送りしているのでフォーラム登録のメールアドレス宛に送ってよいでしょうか。
https://nelog.jp/mail/typographical-errors


チャンビア🍺 件のいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

わいひらさん

何とっ!
では、そのメールアドレスでお願い致します。

ありがとうございます。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

送信しておきました。


返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

わいひらさん

届きました。
ありがとうございます。

 


返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 612
 

リフィトリーさんやmk2さんがよく画像を複数枚添付していますが、どういう手順でやっているのでしょう…?

1度の書き込みで1ファイルしか添付できず、書き込みの編集で1ファイルずつ足していくのは分かりました。

編集フォームの本文に書いてあるリンクをそのままコピペすれば良いかなと思ったのですが、そうするとこんな感じで単なるリンクになってしまいました↓

 f623e7a5412b7ea28cd16539939bee6e.png

仕方なく、書き込み後の画面からdivタグを丸々コピーして、画像名部分を修正した上でソースコードに直接貼り付けましたが、そういうやり方ですか…?


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

はるさん

いつもお世話になっております。

1枚目は通常通りで、添付して投稿した後に、編集ボタンで、編集状態にしたところで、編集は何もせずに、参照ボタンをクリックして2枚目を添付しています。


はる 件のいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

遅くなりました。

私も実にアナログな方法です。

1枚目以降は。。。

  • 再編集
  • 画像の下に続きを書く
    (次の画像の直前まで)
  • 画像添付
  • 再編集して、更に画像の下に続きを書く

 

の繰り返しです。

 

Yamachan11さんが複数枚添付なさっているのを拝見して、「できるんだ」と気づいて、やってみたという感じです。


はる 件のいいね!
返信引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 612
 

お二方ともありがとうございます!

文章
画像
文章
画像

という構成にしたい時に、最初に文章全体を書いてから間に画像を挿入しようとしていたのですが、上から順番に書いていけば良かったのですね。

添付ファイルは末尾に追加されていくということで納得しました。


返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

はるさん

投稿者:: @haruinoue

添付ファイルは末尾に追加されていくということで納得しました。

はい、そうですね。

ただ、今のやり方だと、時間との戦いになってしまうのがツラいところです。

長くなりそうだと思った時は、私はメモ帳などのテキストエディタで先に返信を書くことも、時々あります。

そして、画像の直前まで貼り付け ⇒ 画像添付 ⇒ 次の画像の直前まで貼り付け ⇒ 画像添付 の繰り返しです。

 

結局は同じ方法です。
何か良い方法があれば良いのですが。


はる 件のいいね!
返信引用
mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
 

スマホでPC画面の写真を撮る方が、思いのほか多いようです。
毎回探すのも大変ですので、ここに書いておこうと思います。

 

【PC画面のスクリーンショットの撮り方】

 

《Windows10/8.1/7》「Snipping Tool」
https://faq.nec-lavie.jp/qasearch/1007/app/servlet/qadoc?QID=017460

《Windows10》 「切り取り&スケッチ」
https://faq.nec-lavie.jp/qasearch/1007/app/servlet/relatedqa?QID=021728

《macOS》
https://support.apple.com/ja-jp/guide/mac-help/mh26782/mac

 

WindowsについてはNECのサイトをリンクしました。
Microsoft公式より詳しい感じがしましたので。
(説明が画像中心で分かり易いかと。)

macOSは、Apple公式です。
(Macは保有しておりませんので、試せない。。。)

 

ちなみに、Microsoft公式は以下。

「Snipping Tool」
https://support.microsoft.com/ja-jp/windows/snipping-tool-%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3-%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%E3%82%92%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%E3%81%99%E3%82%8B-00246869-1843-655f-f220-97299b865f6b

「切り取り&スケッチ」「PrintScreen」など諸々
https://support.microsoft.com/ja-jp/windows/windows-10-%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%E3%82%92%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-ca08e124-cc30-2579-3e55-6db63e36fbb9


さる子, わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 2年前
投稿: 5395
Topic starter  

手前味噌ですが・・

Windows10でスクリーンショット (キャプチャ)を撮る方法

https://leafytree.info/windows10-screenshot/


さる子, わいひらmk2 件のいいね!
返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年10ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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