これまで当サイトに寄せられたお問い合わせ内容について、事例集としてまとめています。
不具合発見につながったものに関しては、不具合情報の記事に詳細を書いておりますので、ここではそれ以外の事例についてご紹介します。→不具合情報の一覧はこちら
もし、スキンの不具合では？と思われた時、問い合わせフォームを利用する前に、ここで解決できる現象かもしれませんので、以降の内容をまずはご確認ください。
WordPressの設定やCocoon設定についてのお問い合わせも多い感触です。
勿論、スキンの問題なのか、そうでないのかを判断することが難しい場合が多いと思います。
そんなときは、Cocoon設定＞スキンタブにて、一旦「スキンなし」にして確認してみてください。
「スキンなし」にして解決する現象なら、スキンの問題の可能性が高いです。
Cocoon公式のマニュアルをよくご覧になったり、フォーラムで質問しなくても検索することで解決することもありますので、まずはご自身で検索してみていただければと思います。
また、記事内に画像が表示されない、などの内容も時折寄せられるのですが、改めて確認したら表示されていました、という自己解決？な結末だったりします。
できましたら問い合わせの前に、ブラウザのキャッシュクリアを行い、よく確認していただければと思います。
事例①サイトの表示が大きく崩れている
現象
サイトを公開していろいろな端末で表示確認したら、フロントページのメインビジュアルが画面いっぱいに表示されなかったり、他の部分もレイアウトが大きく崩れていた。
原因
サイトのSSL化が未であった為。
SSL化後は表示の崩れがなくなった。
補足
まずは、サイトのドメインを取得後、WordPressの設定を行う前に、最初にSSL化を行うことを推奨いたします。
※お使いのドメイン会社・レンタルサーバーによりますが、無料で設定できることがほとんどなのでは、と思います。
お使いのレンタルサーバーによって設定方法は異なると思いますが、常時SSL化まで行っておきましょう。
例えば、当サイトの利用しているエックスサーバーではドメインも同時に取得でき、SSL化について以下のようなマニュアルが用意されています。
事例②メインビジュアルが表示されない
現象
マニュアルの手順通りにCocoon設定のヘッダーで画像を設定しているのに、フロントページのメインビジュアルが表示されない。
原因
WordPress管理画面＞設定＞表示設定>ホームページの表示で固定ページを選択しており、ホームページ:の設定をしていなかった
ホームページにフロントページ用の固定ページを設定したら、メインビジュアルが表示された。
補足
grayishのメインビジュアルは、「フロントページ」についてのみ表示する仕様になっています。
WordPress管理画面＞設定＞表示設定>ホームページの表示で固定ページを選択している場合は必ず
ホームページ:の固定ページ設定が必要となります。
メインビジュアル設定のマニュアルにも記載しておりますが、以下をご確認ください。
この記事で設定しているメインビジュアルについて、WordPressの表示設定によって表示されないことがあります。
以下の設定がされている時、フロントページが表示されない為、メインビジュアルが表示されません。
メインビジュアルが表示されずお困りの方は、まずこちらの設定になっていないか、ご確認いただければと思います。
WordPress管理画面＞設定＞表示設定で
ホームページの表示が固定ページになっている
ホームページ：に固定ページを設定しておらず、「ー選択ー」となっている
投稿ページ：には、何かしらの固定ページを設定している
この設定になっていると、フロントページが表示されずメインビジュアルも表示されません。
ホームページの表示を最新の投稿にするか、（※こちらを推奨します）
ホームページ：でフロントページ用の固定ページを設定すれば、フロントページが表示される為、メインビジュアルも表示されます。
事例③フロントページに記事の一覧が表示されない
現象
ブログ型のデフォルトの記事一覧等を表示したいが、フロントページのメインビジュアルのあとに表示されるはずの、記事の一覧が表示されない。
原因
WordPress管理画面＞設定＞表示設定>ホームページの表示で固定ページを選択していた為
WordPress管理画面＞設定＞表示設定>ホームページの表示で「最新の投稿」を選択したら、記事一覧が表示されるようになった。
補足
フロントページタイプのマニュアルにあるサイトの表示は、WordPress管理画面＞設定＞表示設定>ホームページの表示で「最新の投稿」を選択した場合にのみ有効となります。（ブログ型のみ有効）
フロントページタイプの設定は、ブログ型に設定されている場合のみ有効です。
サイトがブログ型かどうかの確認方法は以下になります。
WordPress管理画面 > 設定 > 表示設定の、一番上にある「ホームページの表示」で
にチェックが入っている状態
固定ページを選択されている場合、サイト型です。
サイト型ではこの記事で説明しているフロントページタイプの表示はされません。
WordPressに不慣れな場合は、まずはブログ型で進められることをオススメします。
事例④grayishを選択すると、画面が真っ白になる
現象
Cocoon設定>スキンでgrayishを選択して使用したときだけ、画面が真っ白になってしまう
原因
Cocoon ver2.6.9でのみ発生することがあります。
これはユーザー様の作業によるものではなく、grayishのCSSサイズが大きいことが主な原因です。
特にプラグインを沢山ご利用になっている場合、発生する確率が高くなるものだったため、テーマ作者様に対策を行っていただきました。
Cocoon ver2.7.0以降では対策済みのため、ver2.6.9をご利用の場合はCocoonを最新のverにアップグレードしてください。
事例⑤メインビジュアルの上にタグが表示される
現象
メインビジュアルやページの上部にタグ（” />）が表示される。
原因
Cocoon設定＞アクセス解析・認証タブでGoogle Search Console IDの設定欄に入力ミスがあった為
Google Search Console IDの設定欄には、Cocoon公式のマニュアルで「content属性の値のみ入力する」と案内されているが、メタタグ全てを入力していた。
補足
Cocoon設定のアクセス解析・認証タブには様々な設定項目があり、ユーザー様自身で入力する部分なので、ミスが発生しやすい場所です。
この事例では、Google Search Console IDの設定欄はタグの入力が不要な仕様ですが、コピペしてタグ付きの内容をそのまま該当欄に保存された為、不要なタグが発生しHTMLの構造がおかしくなっていました。
以下、公式のマニュアルから画像を引用させていただいてます。
設定欄に必要なのは↑画像で黄色にマーカーが入っているcontent属性の値のみですので、ご注意ください。
他の設定欄にも、それぞれについて公式の解説ページが用意されていますので、これらの項目に入力される場合はよくご確認いただければと思います。
事例⑥プロフィール画像を設定したが、表示されない
現象
WordPress管理画面＞ユーザー＞プロフィール＞プロフィール画像で画像を設定したが、公開ページでプロフィールボックスを設置した際に画像が表示されない。
例えばコンテンツ下部ウィジェットにプロフィールボックスを設置した場合に、プロフィール画像が表示されるはずの部分が空欄になってしまう。
例：コンテンツ下部ウィジェットに設置したプロフィールボックス
原因
WordPress管理画面>設定>ディスカッションで、アバターを表示するにチェックが入っていなかった為
アバターを表示するにチェックを入れたら、プロフィールボックスのプロフィール画像が表示されるようになった。
事例⑦Cocoonブロックを使用できない
現象
ブロックエディタでCocoonブロックが使用できない。
原因
ブロックエディタの設定＞ブロック＞でCocoonブロックにチェックが入っていなかった為
以下画像のようにご確認いただき、Cocoonブロックにチェックを入れたら使用可能になったとのこと。
補足
Cocoonではない他のテーマから乗り換えされた場合だったようです。テーマ乗り換えの場合に、参考になるかもしれません。
事例⑧モバイル時にメインビジュアルにロゴが表示されない
現象
モバイル時（タブレット・スマホ：画面幅1023px以下の場合）に、フロントページのメインビジュアルにサイトテキストやロゴが表示されない。
PC時は表示される。
原因
Cocoon設定＞モバイルタブにて、「常にサイトヘッダーロゴを表示する」の項目にチェックが入っていない為。
「常にサイトヘッダーロゴを表示する」の項目にチェックが入っていない場合、モバイル時のメインビジュアルにサイトテキスト又はロゴが表示されません。
メインビジュアルにサイトテキストやロゴを表示したい場合は、チェックを入れて設定を保存してください。
補足
モバイル設定の記事を追加しましたので詳細はこちらをご覧ください。
以上になります。今後も随時追加していきたいと思います。