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

テーマカスタマイザー

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

ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能(24/09/02 独自ドメインSSL化に関する内容の追加)

ロゴ設定の機能追加のお知らせです。Cocoon ver2.7.4.1以降で利用可能です。PC時のフロントページ以外のヘッダーロゴと、モバイル時のロゴを任意の画像に変更可能になります。 テーマカスタマイザーでメディアにある画像を設定できます。
カスタマイズ

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

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

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

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

テーマカスタマイザーでカラー変更(使い方とカラーの適用箇所まとめ)

grayish独自のテーマカスタマイザーではテキストカラー、アクセントカラー5色の変更が可能になっています。 それぞれを変更した場合、どこが変わるのかについてまとめています。 デザインの統一感をだすために、変更される場合はばらばらの色ではなく、それぞれ連動したカラー設定をおすすめします。
マニュアル

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

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

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

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

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

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

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

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

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

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

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

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