PR

基本設定

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

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

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

モバイルの設定

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

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

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

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

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

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

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

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

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

メニュー設定:タブレット・スマホのヘッダー・フッターモバイルボタン

モバイル(タブレット・スマホ)時に画面の上に表示されるハンバーガーメニューアイコン、検索ボタン、画面下に表示されるホームアイコン、トップへ戻るボタンなど、アイコンで表示されるメニューの設定についてです。grayishではデフォルトでヘッダー・フッターモバイルボタンに設定しており、PCグローバルメニューの設定が済んでいれば特に設定しなくてもメニューが表示されます。アイコンの並びをオリジナルにしたい場合や、アイコン下のキャプションを変更したい場合は、専用のメニューを作成し、設定します。
フロントページ

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

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

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

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

サイトタイトルと英字フォント選択

スキンの初期設定として、まずサイトタイトルを決定します。サイトタイトルはロゴ代わりになるだけでなくSEO的にもtitleタグに設定される重要なキーワードとなります。サイトタイトルに使用する英字フォントは、スキン独自チョイスのGoogleFontからお好みで選択可能です。ここで選んだ英字フォントは、サイトタイトルの他にグローバルメニューや見出し部分にも反映されます。
マニュアル

フッターのウィジェット設定

PC時とモバイル時で別に設定が必要です。
スポンサーリンク
タイトルとURLをコピーしました