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

WordPressのCocoonテーマで始めたブログ初心者が、助けてもらったおすすめ情報まとめ② 〜ボタンアレンジ・かんたんリンクなど編

サイドバーの下線ブログPCお道具箱
スポンサーリンク
スポンサーリンク

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

設定を進めていく中で、
助けてもらった記事をまとめたのが3月1日。

そこから約2週間が経ち、
さらにいろいろな記事に助けてもらったので、
この度②を作成しました♪

テーマは「cocoon」、スキンは「おでかけレモン」

今回も引き続き、
WordPressで、cocoonで、
ブログを始めるときに助かった、
という前提になります。

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

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

使われている色を知りたい

自分で決めた色でも、
「この色どんなカラーコードにしたんだっけ?」
となることがあり・・・
画面を見るだけで使われている色を
知れたら便利なのになぁと思っていたら・・・
ありました!

なんと、Macには標準装備されていました!
こんな助かるがあったとは(*^ワ^*)

サイドバーの見出しについていろいろ

サイドバーについては、
元のコードに組み込まれている記号が
どうしても消えなくて・・・。
画像の中の「自己紹介」の下線です。

サイドバーの下線

線だと思ったけど・・・
線が入るCSSを入れると、二重になってしまう
ので、線ではないみたい・・・。
困った結果、公式フォーラムで
質問してしまいました(^ x ^;)

.sidebar h3:before {
  display:none;
}

《https://wp-cocoon.com/community/より》

これ↑で、元の設定を消せるとのことでした! 

その後いろいろと触るも、
ずっとウィジェット同士の距離が
近すぎて重なっていて・・・
検索したCSSでは距離が変わらず・・・。

サイドバーせまい

これについても、公式フォーラムの中にあった
CSSを入れると、解決しました(*^ワ^*)

サイドバーひろい
.sidebar .widget h3 {
	margin: 20px 30px;
}

《https://wp-cocoon.com/community/より》

検索した時に見つけたCSSには、
.sidebar と.widget の
どちらかだけが入っていました。

両方入れればよかったんだなぁ。

「次のページ」ボタンを整理

わたし自身が他のブログを見るときに、
「次のページ」よりも
「1、2、3…」という数字のボタンを押す派
なので、整理したいなと思っていました。

どちらもとても分かりやすくて、助かりました♪

シェアボタンを丸く小さく

シェアボタン、大きいなぁ・・・と
思っていたので、一行に収まるのは嬉しい♪

主張したほうがシェアしてもらえるのかも
しれないけれど・・・でも、
見た目が馴染むほうがいいと思って
この表示を選びました(・x・)

カテゴリーの順番並べ替え

ヘッダーの順番とサイドバーの順番、
違うなぁと思っていたんです。

プラグインで、並び順を変更できました!

画像圧縮には、パンダが大活躍

表示スピードのことを考えると、
避けては通れない画像圧縮について。

パンダすごい!!

パンダ

どうやらプラグインを入れると、
自動で圧縮してくれるみたい!

無料分は月に500種類とのことですが、
十分な数ですね。

新しい記号

①の記事に書いたちょっとした記号ですが、
新しいバージョンがあるとのこと!

これからはver5がベースになるだろうし、
書き換えたほうがいいかな・・・。
でもcocoonの標準はver4とのこと。

悩ましい・・・と思いながら
試しにver5にしてみたところ、
フッダーの文字までなぜか太くなる・・・

太い

うーん・・・戻しました(^ x ^;)

ver4に戻る

商品紹介にまつわる部分

「かんたんリンク」の色は変えられる

本紹介などのベースは
「もしもアフィリエイト」 の
「かんたんリンク」を使用しています。

標準色だと純色に近い色で、
結構目立ちます・・・。

柔らかい色に変更できました!

こちらも、主張したほうがクリックして
もらえるのかもしれないけれど・・・。
やはり、見た目が馴染むほうがいいと思って、
変えちゃいました(・x・)

「GoogleAdSense」の「ads.txt」エラー

無事承認はされたのですが、
なんだかエラー?のようなものが・・・。

adstxt

こちらはcocoonだからどうだというよりは
方法はサーバーによるということで、
エックスサーバーのやり方を見つけねばでした。

すると、ads.txtの設置方法
【エックスサーバー×WordPress×cocoon】
という、うってつけの記事が・・・!!

ありがたい(*^ワ^*)

開設から約20日

2月24日に初投稿ということで、
今日で大体20日が経ちました。

毎日いろいろ検索していますが、
助かる記事が本当にたくさんあって・・・
おかげさまでなんとかなっています(> x <)

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



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




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

コメント

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