2019.08.13スポンサーリンク目次ワードプレス無料テーマCocoonはいいぞ!cocoonを選んだ理由CSSをコピペで見た目をランクアップ!トップ画面&サイドバーのカスタマイズグローバルメニューカスタマイズサイドバーの見出しカスタマイズ検索窓のカスタマイズカテゴリー一覧のカスタマイズ記事内のカスタマイズ見出しのカスタマイズ箇条書き(リスト)のカスタマイズプロフィールのカスタマイズカスタマイズ参考サイトまとめ!ワードプレス無料テーマCocoonはいいぞ!moiちゃんこんちにちは!ワードプレスでブログを書いて3年目のkahumoiですワンちゃんワードプレスでブログやホームページを作っている方は多いけれど、CSSやHTMLがサッパリわからないとカスタマイズしにくいよね。moiちゃんそうそう。最初のテーマ選びは本当に大事!!cocoonを選んだ理由ワードプレスは公式の無料テーマがたくさんあります。「ここの色を変えたいな~」とか「もうちょっとおしゃれにしたいな~」とかだんだんカスタマイズに興味が出てきました。参考になるサイトが少なくて一体何をどうしたらいいのかわからない~~!なのでカスタマイズの情報が多いテーマへ変更を検討した結果、選んだのが現在使用しているテーマ【cocoon】!無料で使える!日本語対応のテーマなので操作がわかりやすい!CSSなしでもカスタマイズできる項目が多い!使っているユーザーが多いからカスタマイズ情報がいっぱい!高速で表示される!レスポンシブデザイン(スマホ対応)!などなど、無料でこんなにいいんですかぁ~!!ってくらい素晴らしいところがたくさんある神様のようなテーマ。私のようなワードプレス初心者さんから、自分でがっつりカスタマイズできるプロレベルの方まで、とにかくたくさんの方が利用しています。私がやりたいカスタマイズはCSSに記述が必要なものでした。moiちゃんCSSっていうのはデザインを作る言語のことだよ~。ワンちゃん必ずダウンロードして有効化している子テーマに記述してね!CSSやHTMLがよくわかっていない初心者の私でも、コピペすれば簡単にカスタマイズができました。このブログのどこをカスタマイズしたのか参考にしたサイトと合わせてご紹介しますね。トップ画面&サイドバーのカスタマイズホームページのトップ画面は、いわば「顔」だと思います。ブログメインだと文章が一番大事だと思いますが、トップ画面もブログの雰囲気を左右するとても大事な要素のひとつです。あと、単純にイイ感じのトップ画面が作れると自分のホームページ、ブログに対してテンションが上がります。(笑)グローバルメニューカスタマイズグローバルメニューはブログのトップ画面だけじゃなくて、どのページを開いてもずっと上部に表示されています。私の現在のグローバルメニューはPCから見ると、カーソルを合わせたときに黄色い線が出て、選択している箇所が薄くなります。このカスタマイズに参考にしたサイトはこちら↓CSSコピペで一発です。連続でカスタマイズ記事ですが、今回はCocoonにおけるグローバルメニューのカスタマイズです。グローバルメニューを使っていない人には意味がないですが、使っている人にっては、サイトの印象に大きく影響を与えるのがこのグローバルメニューの見た目でplu-plu.netサイドバーの見出しカスタマイズサイドバーの見出し部分サイドバーの見出しっていうのは、この水色で囲んだ部分です。上下に線で囲んだデザインに変更しました。CSSコピペしたあと文字色を変えて文字を中央ぞろえにしました。Cocoonコピペ一発!サイドバー見出しアップグレード!SEOに優れ高機能な無料テーマ「Cocoon」のサイドバーの見出しのカスタマイズを行います。サイドバーのウィジェット毎の見出しは共通なクラス名なので見出し一か所変えるだけで全て変わります。検索窓をオシャレにしました。こちらのサイトを参考にCSSコピペした後色を変えました。【Cocoon】検索窓をカッコよくカスタマイズしてみたWordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回は検索窓(検索ボックス)のデザインをいじってみました。サイドバーに設置した場合はこんな感じで表示されます。モバイルのスライドインメニューで表示しても同じデザインで表示されweb-ashibi.netカテゴリー一覧のカスタマイズカテゴリー一覧部分サイドバーに表示されるカテゴリー一覧部分もおしゃれに。こちらのサイトからCSSコピペ一発です。【Cocoon】サイドバーのカテゴリーのデザインをカスタマイズWordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回はサイドバーのカテゴリーウィジェットをCSSでカスタマイズしました。サイドバーの見出しデザインのカスタマイズはこちらの記事で紹介しています。子カテゴリーを設定している場合web-ashibi.net記事内のカスタマイズブログの記事を読んでもらうためには、見やすさ、読みやすさはかなり大事な部分ですよね。デザインを変えると印象が大きく変わってくると思います。文章の見出し部分を柔らかいイメージにしたかったのでちょいっと変えました。こちらのサイトを参考にCSSをコピペ。文字色は後から変えました。とわたしが敬愛してやまないテーマです。cocoonのデフォルトの見出しはこんな感じ。箇条書きリストの部分もホームページのイメージカラーを適用してパッと見やすく。こちらのサイトからCSSをコピペして色は後から変更しました。今回も、コピペで簡単に誰でも出来るカスタマイズなので参考にしてくださいねwvtravelclub.jpプロフィールのカスタマイズサイドバーや記事下に表示しているプロフィールもかわいくしました。こちらも参考サイトからCSSコピペ一発です!文字は後から中央ぞろえにしました。【Cocoon】プロフィールボックスをJIN風にカスタマイズWordPressテーマ「Cocoon」のプロフィールボックスを、人気のWordPressテーマ「JIN」風にカスタマイズする方法を紹介します。web-ashibi.netカスタマイズ参考サイトまとめ!Cocoonのテーマをカスタマイズすることで、私らしい雰囲気が出せたように思います。使ってみてはいかがでしょうか。Cocoon設定でカスタマイズできる項目も多いですし、CSSのカスタマイズもたくさん情報があるので本当に本当にオススメですよ~!それでは最後にCocoonのカスタマイズをご紹介しているサイトをまとめましたので、CocoonのCSSカスタマイズの参考にご活用くださいね。Cocoonのカスタマイズまとめ当ブログでは2018年4月からWordpressテーマ「Cocoon」を使用させてもらってます。無料なのが信じられないぐらい良いテーマですよね。マイペースにポチポチとカスタマイズしているのですが、記事が溜まってきたので分かりやすいようにまとweb-ashibi.net【コピペ可】「Cocoon」まるごとカスタマイズ講座【簡単】コピペで簡単に導入できる、無料WordPressテーマ「Cocoon」の便利なカスタマイズ方法をまとめたページです。基本的なCocoonの設定から細部のカスタマイズまで。見やすく使いやすく、それでいてオシャレなデザインを心がけています!ユニークなカスタマイズで他のCocoonブログに差をつけよう。有料級のワードプレス無料テーマCoccon(コクーン)のCSSカスタマイズ記事のまとめと、CSSを追加する方法を記載した記事です。古いカスタマイズから新しいものまで、まとめてますので流し読みをしてください。wvtravelclub.jpCocoon「Cocoon」の記事一覧です。plu-plu.netWordPressテーマ「Cocoon」カスタマイズまとめ!初心者でもCSSコピペでおしゃれにこんにちは!無料WordPressテーマ「Cocoon」を超おすすめしているはまちゃん(@wakuwakukeigo)です。ブログを開設して半年、やっとhttps化(常時SSL化)しました。わかりやすいブログにした〜い!...サイト作り【アドセンス収益&PV】初心者が2年かけて雑記ブログ100記事到達!ブログ初心者が趣味で立ち上げた雑記ブログ。2年で100記事に到達したのでこれまでのアクセス数やアドセンス収益の金額についてまとめました。趣味でブログを書いてみたいなぁと思っている方の参考になればいいな。サイト作り素人ブログのアクセス数【月1000PV】でアドセンスの収入はいくら?ブログがついに1000PV達成して嬉しい!グーグルアドセンスの収入はいくらになったのか。ブログを開設した月からの流れをゆるっとまとめました。サイト作り素人ブログが月間1万PVでアドセンスの収入はいくらあったのかしがないブログですが1万PV達成しました!1万PVを達成したのは理由があった?!アドセンスの収入はいくらになった?などなど忘れないように具体的に書いてみました。サイト作りサーフェス対応の純正じゃない互換ペンを買ったら後悔した話サーフェス3で純正じゃないsurface対応スタイラスペンを使用したら線がつながる、ペン先を離してもついてくるという不具合が発生しました。試した対処法と感想まとめです。スポンサーリンク生理痛やPMSを和らげるために月見草オイルを摂取したらすごく良かった話リラクゼーションの仕事で独立開業したいと思ったら考えたい5つのことホームサイト作りスポンサーリンクPROFILEkahumoiイラストレーター/セラピストセラピストのお仕事しながらイラスト描いてます詳しいプロフィ―ルやイラスト制作ご依頼は➨こちらkahumoiをフォローするRANKINGサーフェス3が充電されず放電中。1日1果報.メニュー|HOME||プロフィール||イラスト集||お問い合わせ|ホーム検索トップサイドバースポンサーリンクPROFILEkahumoiイラストレーター/セラピストセラピストのお仕事しながらイラスト描いてます詳しいプロフィ―ルやイラスト制作ご依頼は➨こちらkahumoiをフォローするRANKINGサーフェス3が充電されず放電中。目次ワードプレス無料テーマCocoonはいいぞ!cocoonを選んだ理由CSSをコピペで見た目をランクアップ!トップ画面&サイドバーのカスタマイズグローバルメニューカスタマイズサイドバーの見出しカスタマイズ検索窓のカスタマイズカテゴリー一覧のカスタマイズ記事内のカスタマイズ見出しのカスタマイズ箇条書き(リスト)のカスタマイズプロフィールのカスタマイズカスタマイズ参考サイトまとめ!タイトルとURLをコピーしました。