テンのTwitter Dog用グッズ

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

ブログ運営

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

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

Cocoon の導入記事は↓↓)

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

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

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

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

テン
テン

おお~良い心がけだなテンパ。ファイト・ファイト♪

スポンサーリンク

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

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

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

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

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

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

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

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

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

テン
テン

ぽんひろさん親切だワン♪

ありがとワン♪

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

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

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

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

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

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

Free-PhotosによるPixabayからの画像

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

ぽんひろさんの

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

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

テンパ
テンパ

なんか少しレベルアップした気分♪

テン
テン

まだまだ初心者だけどな(笑)

テンパ
テンパ

・・・(泣)

コメント

  1. […] Cocoonカスタマイズ「プロフィール」先日WordPressテーマCocoonの導入記事を書きましたが、今回は素人の私がプロフィールボックスをカスタマイズする事に挑戦。上手くいくのか?mameshiba-ten […]

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