PR

Cocoon設定

記事内に広告が含まれています。
マニュアル

サイトフォントの設定(※24/03/26 Macでの游ゴシック体表示について追記)

grayishでは、Noto Sans JP (Webフォント)をおすすめしていますが、表示速度の面でデバイスフォントをお好みの方が多い印象を持っています。 Cocoonのフォントの選択肢は豊富にあるのですが、利用者が多そうなデバイスフォント(游ゴシック体, ヒラギノ角ゴとヒラギノ角ゴ, メイリオ(Cocoonインストール後の初期設定))について重点的に表示確認を行っています。 Cocoon ver2.7.2からMacについても游ゴシック体が適用されるようになりましたが、デバイスやブラウザによって表示されないケースがあります。この点について注意書きを追記しました。
マニュアル

モバイルの設定

Cocoon設定のモバイルタブで、「常にサイトヘッダーロゴを表示する」の項目にチェックが入っていない場合、モバイル時のメインビジュアルにサイトテキスト又はロゴが表示されません。 メインビジュアルにサイトテキストやロゴを表示したい場合は、チェックを入れて設定を保存してください。 その他モバイルの設定項目について説明しています。
確認・注意事項

Cocoon設定のプレビューについて

Cocoon設定であらゆるタブにプレビュー画面が用意されていると思います。 grayishでプレビュー可能な箇所 grayishでは、「スキン」「全体」「カラム」「モバイル」「404」の設定ページにつ...
スポンサーリンク
マニュアル

CocoonのOGP設定。X(旧Twitter)やFacebookへシェアしたときの表示を確認しよう※2024年2月現在

サイトのURLや、投稿、固定ページをSNSへシェアした際に表示される画像の設定について書いています。主にX(旧Twitter)向けの内容です。 grayishに限らず、Cocoonをご利用なら共通の内容になります。 Xについては2022年から2023年にかけて表示の仕様変更が続いているため、この記事執筆時点2024年2月の内容になります。
確認・注意事項

Cocoonで非推奨の機能(AMP,PWA)はご利用できません(v2.7.0で廃止されました)

Cocoon v2.7.0より、AMP、PWAの機能は廃止されました。 以下の記事内容についても無効となります。AMP、PWAのタブは削除されていますのでご注意ください。 Cocoon設定で、AMP、...
確認・注意事項

スキン制御について

grayishはCocoon設定のデザイン・レイアウトに関する項目について、多数箇所スキン制御しています。 Cocoon設定の各タブ内で、以下画像にあるように「スキン制御」が表示され、ピンクの枠で囲ま...
確認・注意事項

スキンの複雑(高度)なカスタマイズをする場合

grayishのスキン制御(option.csv)の変更や、functions.phpなどのファイルを直接編集してカスタマイズを行いたい場合の内容になります。 子テーマの下のskinsフォルダにカスタマイズしたスキンデータをアップして使用する手順になります。 色を一部分だけ変更したい、等のCSS(style.css)だけで完結するカスタマイズでは不要な手順になります。
デザイン見本

フロントページ設定:フロントページタイプ

Cocoon設定のインデックスタブ内の、フロントページタイプからお好みで選択します。デフォルト、タブ一覧、カテゴリーごと、カテゴリーごと(2カラム)、カテゴリーごと(3カラム)から選択します。この記事では、各タイプの表示見本を載せていますので、選択の参考にしてください。 記事表示数の設定方法についても書いています。 フロントページでは、スキン独自仕様として、スニペット(抜粋)は非表示となります。
確認・注意事項

サムネイル画像の縦横比について

grayishではフロントページなどで表示されるサムネイルについて、CSSで縦横比を9:16に設定しています。 投稿・固定ページ内に使用される画像(アイキャッチも含みます)や、CTAボックスやランキン...
マニュアル

投稿・固定ページ:SNSシェア・フォローボタンの設定

トップシェアボタンの縦表示は、画面幅1400px以下で元のアイキャッチ下に横並びに変わります。また、フッター近くになるとふわっと表示が消える仕様です。 ボトムシェアボタン、フォローボタンについてもスキン独自スタイルになっています。
カスタマイズ

テーマカスタマイザー:NewPost等のテキストを変更する

フロントページの見出し上テキスト「New Post」や「Category」、ボタンの「More」、一覧ページの下に表示される「次のページ」等を各自の好みのテキストに変更することができます。また、フロントページ以外に表示されるパンくずリストの「Home」についても好きなテキストに変更可能です。
スポンサーリンク
タイトルとURLをコピーしました