サイトがとっても可愛くなる!~プロフィール・見出しをカスタマイズ~

シェアする

さわればさわるほど、カスタマイズできてしまうワードプレスです。

そんな中、【見出し】を可愛くカスタマイズする手順を調べたので、勉強用メモ記事です(*^_^*)

まずは子テーマをつくる!

  1. プラグイン→Simple Custom CSS を検索→インストール→有効化

はい、これで子テーマというものができました。なぜ子テーマというものをつくったかというと、いろんなブロガーさんが作りなさい、と言っていたからです。笑

なにやら、ワードプレスの更新があったときに影響がでないようにするためです。

スポンサーリンク

さっそく可愛い見出しをつくる

  1. 外観→カスタムCSS を開きます

  2. タグをコピーして貼り付けるだけ♪

    自分の好きなデザインで、配布してらっしゃる方がいるので、そういった方のページからタグをいただきます。

  3. h2{
        font-size: 1.2em;/* 文字の大きさ */
        font-weight: bold;/* 文字の太さ */
        color: #fff;/* 文字の色 */
        border: 2px dashed #ffecef;/* ステッチの太さ・種類・カラー */
        background: #F9B8CD;/* 背景色 */
        border-radius: 8px;/* 四隅の丸み */
        box-shadow: 0 0 3px 3px #F9B8CD;
        margin: 0 0 1.5em;
        padding: 0.5em 0.8em;
    }

これだけで、なんだかとても可愛い見出しがついたサイトになりました(*^_^*)

見た目が可愛くなってくると、テンションが上がっちゃいますね♪

http://yuicreate.com/happymom/kawaii-10-css/

参考にしたサイトさんです(*^_^*)

このサイトさんのように可愛いサイトを作れたらいいなぁ♪ と夢見る母ちゃんです(*^_^*)

プロフィールの表示方法

手順

  1. ダッシュボードから「外観」→「ウィジェット」を選択する。
  2. 左側にある「テキスト」を右側のサイドバーにドラッグ&ドロップする。
  3. タイトルには「自己紹介」などを記入する。
  4. 空欄に書きたい自己紹介の内容を記入する。
  5. 自動的に段落を追加するチェックを入れます。

画像の掲載方法

手順

  1. 「メディア」→「新規追加」で好きな画像をワードプレスにアップロード
  2. 「メディア」→「ライブラリ」で画像のURLを表示してコピー。
  3. 「自己紹介」の中に<center><img src=”画像URL” align=”center” width=”横幅” height=”縦幅”></center>を入力。

これで画像も載せられました!

無料 似顔絵 で検索したら、サイト利用可の似顔絵サイトがたくさんでてきました♪ 本当にインターネットというのは偉大ですね。。。

【投稿者】という表示を消したい!

ワードプレスでサイトをつくっていると、どの記事ページにも必ずなぜか【投稿者】というものが表示されていました。

見た目が好きじゃない

投稿者、どうやらプロフィール的なもののようですが、すでにサイドバーにプロフィールはつくっているし。。。
この【投稿者】があるだけで、なんだかバランス悪く感じてしまう。(好みの問題だと思います)

Gravatarってなんですか?

しかも、その投稿者、のアバターらしきものにカーソルを合わせるとGravatarとかいうサイトに飛ばされてしまうし、もうわけがわかりませんでした。

ワードプレスの壁(何度目かしら)

やっぱり素人にワードプレスなんて難易度が高すぎる。こんなちょっとしたものの消し方がわからないなんて!

。。。と思っていました。(超初心者)
あっさり解決したのでその方法を。笑

【投稿者】を削除・非表示にする手順

プロフィール情報を削除する

ワードプレスの管理画面 → ユーザー → あなたのプロフィール → プロフィール情報

この「プロフィール情報」ここに何も記入しない。これだけでした。笑

ここに何か記入すると、表示されてしまうみたいです。

Gravatarを削除・非表示にする

ワードプレス管理画面 → 設定 → ディスカッション → Gravatarホバーカード → Gravatarをマウス  オーバーしたときにプロフィールを表示

ここのチェックを外せば、Gravatarというよくわからないリンクシステムからも解放されました。

微妙なアバターを削除・非表示する

ワードプレス管理画面 → 設定 → ディスカッション → アバターの表示
ここのチェックを外せば、あの謎の影のようなアバターも表示されなくなりました。笑

こんなわけのわからないことやってるやついるの? と言われてしまいそうですが、中にはこんな人もいるんです。います。笑
私の記録用なのですが、どなたかのお役にたてますように♪