2018-09

デザイン

デザイン確認ページ

シンプルペーパースキンでデザインしているパーツの一覧です。 目次はデフォルトのデザインよりも、左右幅を広くしています。 目次の左右幅をいっぱいにすると、スマホでスクロールしにくいので、右側に適度な余白を持たせて調整しました。 また、背景色...
デザイン

インデックスのデザインについて

インデックスのデザインについて紹介します。 以下のボタンを押すと、エントリーカード(デフォルト)のデザインを確認することができます。 エントリーカード(デフォルト)のデザインをチェックする ただし抜粋がないと寂しいかもしれません。 抜...
カスタマイズ

オススメの背景色とパターン

シンプルペーパースキンは、Cocoon設定の「全体」タブから背景色・背景画像を変えられます。 背景パターンについて このページの背景はBg-patternsさんの背景を加工して使っています。 他にも青い斜線の背景パターンも作ってみ...
その他

更新情報

現在、デザインの調整をしています。 更新履歴はこちら。 2019/03/30 現在のCSSを公開しました。 2019/01/22 ヘッダーメニューのレイアウト崩れを修正しました。 キーボードの装飾を追加しました。 2019/01/...
カスタマイズ

シンプルペーパーのCSSカスタマイズ

例えば見出し3の要素は、シンプルペーパースキンによって薄い青色にデザインされています。 これらのデザインをカスタマイズする方法を紹介します。 外観→追加CSSからデザインスタイルを上書きすることができます。 見出しのカスタマイズ 見出し...
その他

ダウンロード

Cocoonテーマ用のデザインを公開しています。 まだ調整中につき、スキンを公開できていません。 現在のCSSを公開します。 不具合やご要望などがございましたら、フィードバックページにコメントをいただけると幸いです。 ▼デザインの確認...
デザイン

美しいヘッダー画像の探し方

私が普段からよく使う写真素材サイトを紹介します。 Pixabay Pixabayは海外の高品質な写真を揃えたサイトです。 シンプルペーパーのサンプルサイトで使用しているリゾート地の写真もPixabayの写真です。 photo A...
設定

サンプルサイトのCocoon設定

Cocoon設定 サンプルサイトのCocoon設定を紹介します。 ヘッダー 「ヘッダーの高さ」は700。 「キャッチフレーズの配置」は、「ヘッダーボトム」にチェック。 インデックス インデックスタブの設定です。 カードタイプ 「縦型...
デザイン

シンプルペーパースキンの特徴

シンプルペーパースキンは、Cocoonのデフォルトスキンを元にデザインを加えています。 あまり大きく変えずに、全体的にゆとりのあるデザインにしました。 文字の行間は、デフォルトよりも「ゆったり」にしています。 また、フォントサイズも少し...
フィードバック

ご意見・ご要望(フィードバック)はこちらから

こちらのコメント欄にスキンに関するご意見・ご要望などを受け付けています。 対応できるのは可能な限りとなりますので、ご了承いただけると幸いです。 最近、仕事が忙しく、コメントがなかなか見ることができていません。コメントに返信が...
タイトルとURLをコピーしました