スポンサーリンク

Cocoon自作オリジナルスキン『Nyanko』を制作しました!

スポンサーリンク
Nyanko

この度、わいひら様制作のWordPressのテーマ「Cocoon」のオリジナルスキンNyanko」を制作いたしました。

Cocoonは高機能のWordPress無料テーマで、当サイトでも使用させていただいております。
スキン」と呼ばれる機能を使うことで、デザインを「着せ替える」ことができます。

当スキンは猫をモチーフにしたスキンになっております。
ご自由にダウンロードしてお使いください。

当ページがサンプルとなっておりますので、もし良ければ参考にしてください。

元々当サイトは別スキンを使用しております。当ページにのみNyankoのスキンと同じデザインを反映させるため、JavaScript等でデザインを少々編集しております。
そのため、本来のスキンと若干の挙動の誤差がございます。当ページはあくまで参考程度でお願いいたします。

『nyanko』ダウンロード

こちらをクリックしてください。

『Nyanko』の特徴

ヘッダー

ブログタイトル

ブログタイトルには、手書き系フォントを使って可愛らしいイメージを表現しています。

ヘッダー画像

ヘッダー画像には猫ちゃんの画像が表示されています。(unsplash.com様のフリー素材を編集して使用)

グローバルナビ

少し透過させて、ヘッダー画像が見えるようにしています。

記事ゾーン

記事タイトル(h1見出し)

猫ちゃんが寝ているイラストがタイトル前に表示されます。イラストレイン様のフリー素材を使用しています。

目次

ピンクをベースにカスタマイズしています。目次の文字の前に猫ちゃんのシルエットがいます。ICOON MONO様のフリー素材を編集して使用しています。

本文

h5見出しのサンプル

h5見出しはこのような感じです。使うところがなさそうだったのでこちらに書いておきます。

引用

引用はこのような感じになっています。

少しだけカスタマイズしています。

引用元です。


サイドバー

猫ちゃんのアイコンが見出し前に表示されます。OWL STOCK様のフリー素材を使用しています。

使い方

ダウンロードしたzipファイルを解凍し、Nyankoフォルダを wordpressフォルダ/wp-content/themes/cocoon-master/skinsの場所にアップロードしてください。

アップロードにはFileZillaなどのFTPソフトを使用してください。

不具合報告

skinについての不具合等は「お問い合わせ」よりお願いいたします。

免責事項

当方は当スキンを使用したことによる損害については一切責任を持ちません。
もし不都合があれば別のスキンをご使用ください。


コメント

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