ブログランキングに登録中です。クリックしていただけると励みになります♪
スポンサーリンク

WordPressのCocoonテーマで始めたブログ初心者が、助けてもらったおすすめ情報まとめ 〜見出しデザイン・お問い合わせフォームなど編

スポンサーリンク
スポンサーリンク

ある程度、の知識しかありませんが、
WordPressでブログを開設したうさぎ先生。

設定を進めていく中で、
助けてもらった記事をまとめました。
これから始める方の参考になったら嬉しいです♪

テーマは「cocoon」

どんなテーマがいいのかわからないうちに
いきなり有料テーマを選ぶのは怖いなぁ・・・
というのもありまして、
無料テーマから選ぶことにしました。

検索する中で、圧倒的に支持されていたのが
こちらの“cocoon”でした。

ですので今回ご紹介する記事は、
WordPressで、cocoonで、
ブログを始めるときに助かった
という前提になります。

cocoonの標準的なスタイルはこちら

アイコンやボックスなどの表示方法が、
標準装備されています。

こんな感じで
いろいろな表示方法を
すぐに選ぶことができます

便利ですね♪

という感じです!

こちらの記事で、すべて紹介されていました♪

蛍光ペン風は、赤、青、黄が標準装備

こんなふうに蛍光ペン風にすることも容易ですが
うさぎ先生はオレンジが好きなので、
色を変える方法を探しました。

こちらの方法で、オレンジ色の蛍光ペンを取得♪

スキンは「おでかけレモン」

スキンというものを選択することで、
外観が大きく変わるとのこと。
いろんなスキンが紹介されていました。

その中で選んだのが、
「おでかけシリーズ」の「おでかけレモン」です。

カテゴリ名にカーソルを乗せたときに
ちょっと色が変わるのとか、
プロフィールが吹き出しになってるのとか、
かわいいのです♪

ちょっと変えたい・・・いろいろな表示

まずは見出し表示について

いよいよcssなるものをカスタムします!

外観>テーマエディター から編集するのですが、
このあたりからだんだん
うまく行ったり行かなかったり・・・
試行錯誤しました(> x <)

見出しを変更するには、
まずはスキンに設定されている
コードを“無効化”するようです。

いろんなサイトさんにいろんな異なるコードが
紹介されていたのですが、
元のコードとの相性があるのか、
入れ方を間違えたのか・・・
入れてもリセットされなかったコードも
あったりして・・・(^ x ^;)

わたしがうまくいったのは、
こちらの記事で紹介されているコードでした!

次に、どんなデザインに変えるか?です。
こちらの記事で、いろんなデザインが、
コードと共に紹介されています!

ありすぎて、めっちゃ迷いました・・・。

デザインは決まったものの、
前の文章と見出しの距離が近かったので、
こちらの記事を参考に調整しました。

カテゴリー表示について

サイトで使う標準的な文字色を
この色(#443800)に設定したところ、
カテゴリー名を表す表示も同じ色になってしまい、
濃い背景に濃い文字色になってしまいました・・・

そこで、こちらの記事を参考に調整。

キャットリンクっていうんだ!

本のページを折るのはドッグイヤーだけど、
同じようなことかな・・・?

背景色についてはダッシュボードの
カテゴリーで設定しています。
初めは反映されなくて焦りましたが、
そのカテゴリーの記事を
1つでも投稿すれば反映されるようです。

ちょっとした記号

メールのマーク、とか、本のマーク、とか、
ちょっとした記号を入れる方法もわかりました。

今回はフッターに使ってみましたが、
なんか他の場所でも使えそうな気がします!

リビジョンコントロールを設定

記事を書きながら、右側に表示されている
「リビジョン」なるものが
増えていくことに気づきました。
どうやら記事を保存するたびに、
増えていく様子・・・。

記事を書いているこの場所の下にも
表示されていることに気づきました。
MacのTime Machineみたいな感じかな?

しかしそんなにいくつも保存されても・・・
ということで、数を5に設定

お問い合わせフォームを作る

プラグインを入れる

「お問い合わせフォーム」は
プラグインで入れるといいらしい、
ということで固定ページを設置しました。

ここまではとてもスムーズでした。

コンタクトフォームとcssで、見た目を変更

見た目を変えようとしたところ、
テキストボックスが微妙にズレたり
ボタンが大きくなったりして、
思いの外大変でした・・・。
スキンとの相性とかあるのかな??

結果、いくつかの記事を参考にさせていただき、
足したり引いたりして、なんとか見た目を決定。

今のところこんな感じ

そんなこんなで様々な記事のおかげで、
ある程度の知識しかないなりに・・・
なんとかブログを運営させてもらっています。

みなさま、本当にありがとうございます♪

助かる記事が見つけやすかったのは、
WordPressやcocoonの
ユーザー数の多さゆえなんだなぁと思っています。

検索するときには、たとえば
「cocoon css 見出し 幅」みたいな感じで
ヒットの範囲を狭めて
確実な方法がヒットするようにしていました。

わたし自身がhtmlやcssで
誰かを助けることはできませんが、
こうして紹介させていただくことで
これからブログを始める人の
ヒントになれば嬉しいです(*^ワ^*)



ブログランキングに登録しました。
1日1クリックしていただけると順位が上がります☆彡




ブログPCお道具箱
スポンサーリンク
この記事をシェアする
うさぎ先生をフォローする
スポンサーリンク
うさぎ先生のひきだし。

コメント

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