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

for_demo_pattern

About

New Post

更新情報
【お知らせ】デモサイトのデザインリニューアルとココナラ店について
サラダバーのデモサイトのデザインをリニューアルしました。25年1月にgrayishベースWeb制作のサービスをココナラに出品予定です。ご提供可能なデザインのサンプルとしてご覧になっていただけたら幸いです。また、個別のカスタマイズについてはココナラでサービス出品中ですので、もしご入用がありましたらご相談くださいませ。
カスタマイズ
境界線をなみなみ、ギザギザにしてみよう。直線などの区切り線もご紹介。※24/12/24 なみなみや円弧についてプラグインとCSS修正
サイト型フロントページに使えるシリーズ、今回は境界線をなみなみやギザギザにできるCSSを紹介します。また、画像やカバーブロックを直接円弧、斜めに切り抜きするCSSも紹介します。さらに区切り線として使用可能な、直線・なみなみ・ギザギザのパターンも配布します。
カスタマイズ
フロントページ向けの新着記事パターンを追加。スマホで記事を2列ずつ表示。
これまで配布しているフロントページ用パターンの新着記事は、PC時3列ずつ、タブレットサイズで2列、スマホで1列の表示をする一つのみです。今回追加するパターンは、①PC時3列ずつ、タブレットサイズ以下は2列表示②PC時4列ずつ、タブレットサイズ以下は2列表示となります。スマホで2列表示したかった方向けのパターンになります。また、今回追加するパターンはCSSのsubgrid(サブグリッド)を使用しているので、行方向(横並び)の見た目がこれまでよりもきれいに揃うようになります。記事ごとにタイトルや詳細の量が異なっていても、多い方に合わせて縦の余白が揃う様になっています。
ブログTips
Cocoonのカスタムテキストでテキスト装飾を追加できます。サンプルコード紹介:ドット、丸、ゴマ、三角、波やストライプの下線など
カスタムテキストはデフォルトで2つ用意されています。公式のマニュアルに簡単に数を増やせるように参考コードが載っています。テキスト装飾の内容は各自の子テーマのstyle.cssに追加する必要がありますが、テキストの上にドットや円、三角、ゴマを表示したり、バリエーション豊富な下線を付けたりすることが可能です。エディタでボタンを押すだけで追加した装飾を付けることができますので、ぜひ使ってみてください。
不具合情報
Cocoon ver2.8.5.1でのgrayishアップデート情報と、配布プラグインアップデートのお願い
Cocoon ver2.8.5.1でのgrayishのアップデート情報についてお知らせいたします。また、Cocoonをアップデートすると、grayish用に配布しているプラグインについてもアップデート…
ブログTips
grayish色見本サイトを作りました!カラーコードをコピペしてすぐに使えます
grayishのテーマカスタマイザーのカラー設定、デフォルトから変えてみたいけど、どんな組み合わせがいいのかお困りではありませんか?管理人が考えた組み合わせをサイト上で試せる色見本サイトを作りましたので是非お試しください。グレーと相性のよいくすみ系カラー中心です。各組み合わせのカラーコードを載せていますので、コピペして使用可能です。
不具合情報
Cocoon ver2.8.3でのgrayish不具合報告
Cocoon ver2.8.3でのgrayishの不具合情報についてお知らせいたします。不具合報告:もしもアフィリエイトのかんたんリンク使用時、表示が崩れる開発版で修正済みです※24/12/24 Co…

Category

Contact

タイトルとURLをコピーしました