【画像付き】ブログCOCOONでカテゴリーを分ける方法!超わかりやすく解説

最近だんだんブログらしい見た目になってきてちょっと満足しています。遥です。

ブログ書き始めてこれどうすれば良いんだろう?ってなったものを分かりやすく解説しています。

今回はこれ↓↓↓

カテゴリー分けってどうやるの〜?

ということで、同じ悩みを抱えている方に向けカテゴリーを分ける方法を解説していきます。

私の場合、現在12記事投稿していて全部Uncategorizedに分類されているのでこれを見やすいように分けていきます!

カテゴリーを分ける方法

1.投稿からカテゴリー→名前、スラッグ入力→新規カテゴリーの追加

投稿からカテゴリーを選択すると、新規カテゴリーを追加の欄が出てきます。

名前の部分にカテゴリー分けしたい名前を入力しましょう。

今回はブログについて書いているので「ブログ」と入力します。

スラッグというのはURLの後ろにつくもののことを、言うそうです。

https://harukamarika.com/category/blog

上記をURLとすると、後ろにある「blog」がスラッグになります。こうすることでとても分かりやすくなりますね。

その後、新規カテゴリーを追加を押します。

ブログがカテゴリーに追加されました!

2.ブログの右にあるカテゴリーの欄からブログを選択

ここからはもう簡単です。右側にあるカテゴリーにブログが追加されているので、それを押し公開してみましょう。

ブログを確認してみると、、、

カテゴリー分けすることが出来ました!

ここで一つ疑問が、

画像のところから文字消したい!

せっかく画像も決めて投稿してるのに、ちょっと被ったりしてて邪魔だなあと思ったので、消す方法を調べました!

画像からカテゴリーの文字を消す方法

まず、下記に入る画像のことを「アイキャッチ」と言います。

アイキャッチの設定方法について知りたい方はこちら

1.Cocoon設定→画像→アイキャッチラベルを表示するのチェックを外す

選択が終わったら下にスクロールして「変更をまとめて保存」を忘れないようにしてください。

そして確認してみると、、、

何も変わってない。。。なんで?

詳しく調べてみると、アイキャッチのラベルは消えるのですが、ブログのトップページの記事一覧などは、この設定では消えないみたいなんです。

これを全て消したいという方は

2.外観→テーマエディター→編集するテーマを「Cocoon Child」→スタイルシート選択

3.下記の文章を「子テーマ用のスタイルを書く」の欄の下に貼り付け

.cat-label {
display: none;
}

実際に貼り付けるとこうなります。

4.ファイルの更新を選択

貼り付けが終わったら忘れずファイルの更新をしましょう。

これが完了したらブログのホームページを見に行ってみると、、、

無事消えていました!!

まとめ

COCOONでカテゴリーを分ける方法を解説しました。

他にも初心者の方がつまずく事について分かりやすく説明していますので、参考にしてみてください。

コメント

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