このサイトについて

CODE PICKSは、コピペで使えるHTML・CSSパーツと、Webサイトづくりに役立つ配色アイデアを集めたデザイン見本帳です。

「このデザインが好き」と思ったものを選び、コードをコピーして、自分のサイトへ貼り付ける。そんなシンプルな流れで、Webデザインをもっと気軽に楽しめる場所を目指しています。

CODE PICKSとは

Webサイトを作っていると、「ボタンをもう少しおしゃれにしたい」「見出しのデザインが決まらない」「この色に合う配色が分からない」と迷うことがあります。

CODE PICKSでは、ボタンや見出し、カードなどのHTML・CSSパーツを、実際の見た目と一緒に紹介しています。

気に入ったデザインのコードをコピーして使えるため、ゼロからCSSを書くのが難しい方でも、手軽にサイトの見た目を整えられます。

ボタンや見出し、カード、配色などから、使いたいデザインを探します。

各記事に掲載されているコードをコピーします。必要に応じて、色や文字、サイズなどを変更することもできます。

コピーしたコードを、WordPressやご自身のWebサイトへ貼り付けます。

使用しているテーマやサイトの設定によって表示が異なる場合があるため、事前にバックアップを取り、表示を確認しながらご利用ください。

CODE PICKSに掲載しているHTML・CSSコードは、個人サイト・商用サイトを問わず無料でご利用いただけます。

コードの色やサイズ、文章なども、サイトに合わせて自由に変更していただけます。ご利用時のクレジット表記や当サイトへの報告は必要ありません。

ただし、以下の利用はご遠慮ください。

制作したWebサイトやブログの一部としてコードを利用することは、再配布には該当しません。

掲載コードは、すべてのテーマ、ブラウザ、端末で同じ表示になることを保証するものではありません。

使用中のテーマや既存のCSS、プラグインなどの影響によって、表示が異なる場合があります。

コードの使用やカスタマイズによって生じた不具合、損害などについて、当サイトでは責任を負いかねます。コードを追加・変更する前にバックアップを取り、ご自身の判断でご利用ください。

掲載内容は、必要に応じて予告なく修正または変更する場合があります。

当サイトからリンクやバナーなどによって移動した外部サイトで提供される情報・サービスについて、当サイトでは責任を負いかねます。

運営者：CODE PICKS編集部

「好きな見た目を、そのままWebに。」をコンセプトに、Webサイトづくりに役立つデザインやコードを紹介しています。

内容に誤りや不具合がある場合は、お問い合わせページよりご連絡ください。

CODE PICKSに関するご質問やご連絡は、お問い合わせページよりお願いいたします。