フロントページのメインビジュアルに、プラグイン「grayish MV add」を使用中!詳しくはここをClick!
PR

マニュアル

マニュアル

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

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

モバイルの設定

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

メニュー設定:PCグローバルナビ

Cocoonのグローバルナビと作成手順は同じです。grayish独自仕様があります。メニューの最後に検索ボタンが付く、お好みでSNSボタンの追加が可能、サブメニュー表示は3階層下まで、フロントページとその他のページでは表示が異なる、などです。 フロントページでは、ロゴはメニューに含まれません。フロントページ以外では、ロゴとメニューが横一列に表示される仕様になっています。 PCの時、サブメニューはある程度スクロールすると非表示になります。トップに戻ると表示されます。
スポンサーリンク
カスタマイズ

テーマカスタマイザー:グローバルナビの高さや背景色を変更する(PC時)

フロントページと、その他のページで設定する項目を分けています。 その他のページではロゴ画像が設定されている場合、ロゴ画像が見やすいように高さを調整するのに役立つと思います。 ヘッダーの背景色について、デフォルトでは薄いグレーの半透明ですが、サイトに合わせて色を変更したり、半透明を透明にしたり等をお好みで行うことができます。
マニュアル

grayish(グレイッシュ)へようこそ!最初はこの記事から。

grayish(グレイッシュ)を使い始める前に、まずはこの記事をご覧ください。grayishの特徴を簡単にまとめています。 親テーマCocoonの公式ページへのリンクあり。 ※マニュアル一覧を全記事の本文下に付けており、今どの記事を読んでいるのかを分かりやすく表示しています。
カスタマイズ

サイト型にしたい場合の準備編

サイト型にするための準備として、フロントページ・新着記事一覧用の固定ページを作成する手順と、 WordPress管理画面の表示設定について紹介しています。 このサイトのフロントページの構成についても解説しています。
マニュアル

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

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

記事の装飾に使える、スキン独自のカラーパレット

Cocoonブロックなどの、スキン独自スタイルに使用しているカラーについて、記事内でも利用できるようにカラーパレットに追加しています。 段落などのテキスト、背景色を変えるだけでも印象が変わるので、是非ご活用ください。 ハイライトとして一部分だけの色変更にも使用できます。 ご自分だけのカラーを追加したい場合は、Cocoon設定から追加可能なのでお試しください。
マニュアル

プロフィールボックスの設定

プロフィールボックスの設定方法です。 コンテンツ下部ウィジェットへプロフィールボックスを設置すると、スキン独自スタイルとなり、背景画像を設定可能です。
フロントページ

フロントページ設定:メインビジュアル

フロントページのメインビジュアルについて、設定方法を説明します。 事前にメインビジュアルにしたい画像を用意しましょう! 画像をどのように準備したらいいのか迷っている方は以下記事を御覧ください。 ご確認...
デザイン見本

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

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