Cocoonカスタマイズ「プロフィール」

ブログのカスタマイズは素人丸出しの私には敷居が高いと思ってました。

ただ、WordPressテーマのCocoonを導入してからは、どんどん欲が出てきてカスタマイズしたいと思うようになりました。

（ Cocoon の導入記事は↓↓）

WordPressのテーマ。Cocoonがおすすめ!!

WordPressでブログを書くこと自体が、初心者丸出しの私には色々とハードル高いです。でもCocoonだったら素人の私でもカッコよくサイト作れます。

mameshiba-ten.com

2020.03.17

そこで色々と検索してみると、ぽんひろさんがカスタマイズ記事を色々と出しているのを発見。

自分でもできるか不安ではありましたが、まずはプロフィールボックスを変更してみようと一大決心（私的には）しました。

そもそもカスタマイズ記事に style.css なる言葉を見つけただけでも・・・無理かも～って思ってしまいます。

でも、今回は可愛いテン君のプロフィールの為ですから、ちょっと頑張ってみます。

プロフィールボックスをカスタマイズ

WordPressテーマのCocoon の初期のプロフィールボックスです。

これも初期設定としては恐ろしく便利な機能なのですが、欲を出してカスタマイズしたいと思います。

これ↑↑をカスタマイズします。

これ↑↑がカスタマイズした後です。

なんか可愛く・オシャレになりましたね♪

基本的にはぽんひろさんのサイトに書いてあるコードをコピペして貼り付けるだけです。

色の設定はGoogleでカラーコードを検索して指定の場所に貼り付けていくといった感じになります。（Googleの検索でカラーコードと入力すると「HTMLカラーコード」というのが出てきます）

この色の設定なんかも親切に解説してくれています。

ただ、私の設定が悪かったのか少しボタンなどが潰れた状態になったんですが、ぽんひろさんが丁寧に教えてくれたんで無事解決。

その時のやり取りも↓↓のコメント欄に載っています。（私じゃなかったら結構自分で修正できるんでしょうけど、、、知識不足で迷惑をかけましたスミマセン）

【Cocoon】プロフィールをオシャレで可愛くしてみた！

Cocoonのプロフィールカスタマイズです。グラデーションを使って可愛くオシャレにカスタマイズします。コピペで簡単に出来るようになっています。色の変更や肩書きの挿入など細かいカスタマイズ方法も紹介します。他にもCocoonのカスタマイズをし...

ponhiro.com

カスタマイズすることで更に自分のブログに愛着が!!

ブログをカスタマイズする事で、自分のブログに愛着がでてきました。

何にも解らない状態なので、色々と検索したりしながら試行錯誤の連続ですが、カスタマイズできた時は結構うれしいです。

これからもブログ記事の投稿と一緒にカスタマイズも楽しめたらいいな～と思っています。

ぽんひろさんの

ぽんひろ.com

Webデザイナーが個人で運営するブログ。Web制作、デザイン、WordPressカスタマイズ(Cocoon)、ブログ運営、アフィリエイトに関することを中心に紹介をしていきます！

ponhiro.com

には、まだまだ沢山のCocoonカスタマイズ記事が掲載されていたので、今後も活用させてもらおうと思いました。