更新情報 ver1.0.2 リリースしました。不具合修正
ver1.0.1について、Cocoonフォーラムの皆様からいただいた内容や自分で発見した不具合の修正を行いました。不具合修正の概要aタグ等からスキン独自クラスの削除ブロックエディタ関連エディタ内でタブ...
更新情報 更新情報 ver1.0.1 リリースしました。不具合修正など
ver1.0.0について、Cocoonフォーラムの皆様からいただいた以下の不具合修正を行いました。不具合修正の概要各種ボタンのホバー時のアニメーションが暴れるのを修正ブロックエディタを開く際にエラーが...
更新情報 Cocoonのスキン、grayish（グレイッシュ）ver1.0.0 リリース！
こんにちは！フリーランスWebデザイナーのななふと申します。WordPressテーマ、「Cocoon」のスキンを作りました。スキン名は「grayish（グレイッシュ）」です。Ver1.0.0をフロント...
確認・注意事項 記事作成はブロックエディタ（Gutenberg）をご利用ください
CocoonにはCocoonブロックも完備されており、記事作成でブロックエディタを問題なく使用できるようになっています。クラシックエディタも依然ニーズがあることは理解していますが、管理人の工数の問題もあり、クラシックエディタで動作確認はできておりません。
マニュアル 推奨画像サイズ一覧
grayishの記事アイキャッチはアスペクト比16:9で作成することを推奨します。メインビジュアルも同様で、画面いっぱいに表示されるのでアイキャッチよりも大きいサイズ（1920px x 1080px)で作成されることをおすすめします。その他、プロフィール画像やファビコン、OGP画像についても明記してますので画像作成の際に参考になさってください。iPhoneなどでサムネイル画像がぼやけて見える場合は、Retinaディスプレイ対応をONにすることをおすすめします。
カスタマイズ テーマカスタマイザー：NewPost等のテキストを変更する
フロントページの見出し上テキスト「New Post」や「Category」、ボタンの「More」、一覧ページの下に表示される「次のページ」等を各自の好みのテキストに変更することができます。また、フロントページ以外に表示されるパンくずリストの「Home」についても好きなテキストに変更可能です。
カスタマイズ テーマカスタマイザー：グローバルナビの高さや背景色を変更する（PC時）
フロントページと、その他のページで設定する項目を分けています。その他のページではロゴ画像が設定されている場合、ロゴ画像が見やすいように高さを調整するのに役立つと思います。ヘッダーの背景色について、デフォルトでは薄いグレーの半透明ですが、サイトに合わせて色を変更したり、半透明を透明にしたり等をお好みで行うことができます。
カスタマイズ テーマカスタマイザーでカラー変更（使い方とカラーの適用箇所まとめ）
grayish独自のテーマカスタマイザーではテキストカラー、アクセントカラー5色の変更が可能になっています。それぞれを変更した場合、どこが変わるのかについてまとめています。デザインの統一感をだすために、変更される場合はばらばらの色ではなく、それぞれ連動したカラー設定をおすすめします。
マニュアル 投稿・固定ページ：SNSシェア・フォローボタンの設定
トップシェアボタンの縦表示は、画面幅1400px以下で元のアイキャッチ下に横並びに変わります。また、フッター近くになるとふわっと表示が消える仕様です。ボトムシェアボタン、フォローボタンについてもスキン独自スタイルになっています。
マニュアル 投稿ページ：関連記事の設定
関連記事はスキン制御により、常に表示される設定になっています。関連記事の見出し・サブ見出しや、表示数をCocoon設定の投稿タブで変更できます。grayishの独自機能で横スクロールするので、記事の表示数を多くしてもユーザーの操作性には影響がでないようになっています。
マニュアル 投稿・固定ページ：目次の設定
Cocoonには目次表示の機能が盛り込まれているので専用のプラグインは不要です。Cocoon設定の目次タブにて、目次のタイトルなどをお好みで変更可能です。grayishではデフォルトの数字表示と、表示しないを選択した場合に独自のスタイルを追加しています。また、目次ウィジェットをサイドバースクロール追従エリアに設置したとき、目次が長くなる場合はスキン独自の機能で目次内をスクロール表示にします。
カスタマイズ コンテンツ下部に人気記事ランキングを表示
コンテンツ下部に人気記事ウィジェットを設定した場合、スキン独自のスタイルで人気記事ランキングを表示できます。この記事では、その手順について説明します。※swiperというJavaScriptのライブラ...
マニュアル grayish（グレイッシュ）へようこそ！最初はこの記事から。
grayish（グレイッシュ）を使い始める前に、まずはこの記事をご覧ください。grayishの特徴を簡単にまとめています。親テーマCocoonの公式ページへのリンクあり。※マニュアル一覧を全記事の本文下に付けており、今どの記事を読んでいるのかを分かりやすく表示しています。