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

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

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

Cocoon ver2.7.0でのgrayish不具合情報&仕様変更のお知らせ

現在公開されている、Cocoon v2.7.0でのgrayishの不具合情報と、仕様変更についてお知らせします。
更新情報

Cocoon ver2.6.9でのgrayish不具合情報(※24/02/01追記あり)

現在公開されているCocoon ver2.6.9で判明している、grayishの不具合や修正情報などについて記載します。
スポンサーリンク
マニュアル

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

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

子テーマのCSSでカスタマイズしたい場合

サイトフォントやサイトリンク色はスキン制御されていますが、これらは子テーマのCSSでカスタマイズすれば任意の値に変更可能です。スキン制御を外す、という作業はしたくないんだけど、変更したいという方に向けた内容です。 また、スキンのテーマカスタマイザーでカラー変更をする際に、特定の部分は別のカラーにしたい、というケースもあると思います。そのような場合も子テーマのCSSカスタマイズで変更可能です。 この記事に載せるコードは推奨ではなく参考用ですので、予めご了承ください。
確認・注意事項

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

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

grayish、Cocoonに同梱していただきました!

今後はCocoonのスキン一覧からgrayishを選択していただくことでご利用が可能になります。 当サイトは引き続きマニュアルとして記事を追加していく予定です。
ブログTips

サイトロゴを簡単に作りたい。CanvaとAdobe Expressの使用例

サイトのロゴ画像もCanvaで簡単に作ることができます。ですが、背景透過のPNGでダウンロードは無料版では利用できない為、外部ツールを使って背景透過にする方法を紹介しています。 Canvaと同様なことができるAdobe Expressでの作成方法も紹介しています。こちらは無料プランで背景透過のPNGのダウンロード可能ですが、期間限定の機能のようなのでご注意ください。
更新情報

本サイトの記事の文章や画像、動画の修正について

本サイトの内容について、修正を行っている箇所についてお知らせします。 「トップページ」→「フロントページ」 スキン制作当初に「トップページ」として書いていた箇所について、「フロントページ」に変更を行っ...
更新情報

ver1.0.6 リリースしました。不具合修正

ver1.0.5について、Cocoonフォーラムの皆様からいただいた内容や自分で発見した不具合の修正を行いました。 不具合修正の概要 コンテンツ下部にウィジェットを置いた場合幅が狭くなる不具合修正 ス...
更新情報

ver1.0.5 リリースしました。不具合修正

ver1.0.4について、Cocoonフォーラムの皆様からいただいた内容や自分で発見した不具合の修正を行いました。 不具合修正の概要 コメントの画像についてaspect-ratio対象外に変更 投稿の...
スポンサーリンク
タイトルとURLをコピーしました