2019.10.05この記事は約3分で読めます。僕が好きで愛用させてもらっているワードプレステーマの1つに『Cocoon』があります。今回、Cocoon好きが高じてスキンを自作してしまいました。はじめは完全に自分用に作っていたのですが、グラデーション選びの楽しさにハマり、自分がほぼ使わないデザインまで作ってしまった結果、せっかくなら誰かに使って頂ければということで、スキンならぬ粗キンを公開させて頂くことにしました。スキンの名前はサイト名そのままの『tecurio』です。何のひねりもなくてすみません。moon(テクリオ・ムーン)すべてのスキンを一括ダウンロードWordPress用テーマ『Cocoon』とはCocoonSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。wp-cocoon.comワードプレスを使っている方ならご存じの方も多いと思いますが、『Coccon』は動作が軽く、カスタマイズしやすく、ユーザーの意見や最新のテクノロジーを素早く取り入れて日々改良されているという大人気のテーマです。こんな素敵なテーマを生み出し、日々大切に育て上げている作者のわいひらさんは僕が尊敬するおひと方です。スキンを使うことで『Cocoon』の見た目を簡単に変えられます。Cocoon用スキン『tecurio』は全9種類スキン『tecurio(テクリオ)』は現在のところ全9種類です。他にご要望のグラデーション等ありましたら(そして僕に時間があれば)増やしていけたらなと思っています。earth(テクリオ・アース)海と葉っぱをイメージしています。最初に作ったスキンです。lime(テクリオ・ライム)ライムをイメージしたスキンです。mango(テクリオ・マンゴー)大好きなマンゴーをイメージしたスキンです。peach(テクリオ・ピーチ)白桃をイメージしたスキンです。grape(テクリオ・グレープ)ブドウをイメージしたスキンです。sky(テクリオ・スカイ)青空をイメージしたスキンです。sunset(テクリオ・サンセット)夕焼けをイメージしたスキンです。soil(テクリオ・ソイル)土壌をイメージしたスキンです。moon(テクリオ・ムーン)月をイメージしたスキンです。ダウンロードすべてのスキンを一括ダウンロード上で紹介したスキンを一度にまとめてダウンロードしたい方はこちらからどうぞすべてのスキンをまとめてダウンロードスキンの使い方ダウンロードしたZipファイルを解凍し、出来たフォルダをFTPソフト等で『Cocoon』テーマフォルダの中にある「skin」フォルダ内にアップロードして下さい。アップロード後、Cocoon設定の「スキン」の項目に「tecurio」スキンが表示されるようになりますので、チェックを入れて「まとめて保存」を押すとスキンのデザインが反映されます。おわりにもしお使い頂ける際には下のコメント欄にご感想など頂けると励みになります。見つかりませんでした。21:47素晴らしいスキンですね。Moonが好みで速攻適用しました。cocoon」という部分が日付と重なっているのでこちら修正していただきたいです。15:58コメントありがとうございます&返信遅くなりました!ちょっと確認してみますのでしばしお待ち下さい。16:29どの場所か特定できませんでしたのでトップページで確認してみたのですが、こちらの環境では正常に表示できているようです。(↓の画像の緑の箇所で合っていますか?)もし見ている場所が違うようでしたら、どのページの表示が重なっているのか、もう少し詳しく教えて頂けると助かります。14:39先日よりテーマを使わせていただいています。『テクリオ・マンゴー』を使用させて頂いていて、毎回記事の中に『表』を作って色付けしているのですが、表の中にまでオレンジになってしまいます。16:17sinさん『テクリオ・マンゴー』を使って頂きありがとうございます!『表』=こちら↓のページのようなテーブル、としてお答えさせて頂きますね。https://tecurio.com/xiaomi-mi9-apn/#sim_apn_setting『テクリオ』ではテーブルの奇数行がテーマカラーになるように設定していますので、もしテーブルの背景をすべて白にしたい場合は、以下のCSSをコピペして頂けるとご希望の見た目になるかと思います。回答がご質問と違っていたり、不明な点や「ここをこんな色にしたい!」といった希望などがありましたらお気軽にご連絡下さい。23:18返信ありがとうございます。16:07直りました!最高です!ありがとうございます。15:26はじめまして。こちらのテーマSKYがとても気に入り使用させていただいています。見出しのカスタマイズなのですが、H2のラインが消せずに残ってしまいます。15:42宮永ここのさんスキンをご使用頂きありがとうございます^^H2のラインは以下のCSSを貼り付けて頂ければ消えると思います。12:46できました!「tecurio」は記事の文字部分と余白の割合が最高なのでこれからもずっと使い続けていきたいと思います。18:33よかったです!余白スペースは読みやすくを意識していたので嬉しいです^^こちらこそありがとうございます。17:13初めまして!早速ピーチを使わせていただいています。色使いがすごく素敵です!ありがとうございます。モバイル表示に合わせてH2の文字を少し小さくしたいのですが、どうすると文字の大きさを小さく表示できますでしょうか。お手数おかけいたします。09:55みこまるさんスキンを使って頂きありがとうございます!モバイル表示でのH2の文字サイズは、以下のCSSを「追加CSS」に貼り付けてもらうと変更できるかと思います。こちらのCSSは、画面の横幅が480px以下の場合、H2のフォントサイズを本文の1.6倍にするという意味です。11:29お疲れ様です。12:16sinさん。当サイトのスキンをお使い頂きありがとうございます。こちらのスキンでは特にサイドバーの表示の制御はしていませんので、他のスキンでサイドバーが表示されていれば、同じように表示されるはずです。他のスキンでも表示されていないようでしたら、「外観」→「ウィジェット」→「サイドバー」の設定や、「Cocoon設定」→「モバイル」→「モバイル設定」などの設定変更・追加が必要かもしれません。18:27返信ありがとうございます。22:59はじめまして、キャシーといいます。スキンをいろいろ悩んで、最終的にこれがいいなぁと思って利用させてもらいました!ありがとうございます!ブログで紹介させてもらいました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。日本語が含まれないコメントはブロックされます。ふーじんプログラミング、Webサイト作成、イラスト・デザインなどをしています。「日本を再び元気に、20年後の子供達に明るい未来を」を胸に日々精進しています。ご質問ありがとうございます。9tproを購入したんですけど、ソフトバンクのSIMカードを入れたんですけど同様に外でのネットが使えません。APN設定もしたんですがうまく繋がりません。ご紹介までして頂きありがとうございます!Wordpressテーマ『Cocoon』のスキン『tecurio』を作りました!キャシー2020.01.31はじめまして、キャシーといいます。ブログで紹介させてもらいました。ふーじんプログラミング、Webサイト作成、イラスト・デザインなどをしています。「日本を再び元気に、20年後の子供達に明るい未来を」を胸に日々精進しています。ご質問ありがとうございます。9tproを購入したんですけど、ソフトバンクのSIMカードを入れたんですけど同様に外でのネットが使えません。APN設定もしたんですがうまく繋がりません。ご紹介までして頂きありがとうございます!Wordpressテーマ『Cocoon』のスキン『tecurio』を作りました!キャシー2020.01.31はじめまして、キャシーといいます。ブログで紹介させてもらいました。moon(テクリオ・ムーン)すべてのスキンを一括ダウンロードタイトルとURLをコピーしました。