今日のおすすめ記事 【クリックして読む】

【コクーン】プラグインを使わずトップページをカッコよく改造する方法

スポンサーリンク
ブログ

 

まいどおおきに!おおもと(@so88qa)です

 

この記事は、ぼくのブログの中でもトップクラスの人気記事『Cocoon(コクーン)』ブログのトップページを魔改造してみた!プラグイン無しでCocoon(コクーン)の標準機能だけでの作り方を紹介する記事です。

 

【カスタマイズ】コクーンのトップページをカッコよくする方法を公開
トップページはブログの顔!!! そんな、トップページをカッコよく魔改造したので その一部始終を教えちゃいます!

 

一連の流れはgifを見ていただければわかると思います。

この記事の画像はクリックすると拡大されます

gifが動かない場合は、クリックして画像を拡大したら動きます

 

おおもと
おおもと

ちょっwwwグダリすぎ(笑)

 

でもコレでちょっとはイメージが湧いたかな?

 

次から詳しく解説していくので興味がある人は参考にしてくださいね!

 

【CSSカスタマイズ】コクーンで使えるCSSを追加するオススメの方法
有料級のワードプレス無料テーマCoccon(コクーン)のCSSカスタマイズ記事のまとめと、CSSを追加する方法を記載した記事です。 古いカスタマイズから新しいものまで、まとめてますので流し読みをしてください。
ワードプレスプラグインは「7つ」だけでOK!必須プラグインを紹介するよ!
プラグイン必須でググったら、「プラグインおすすめ30選」とか出てきてエグいですね プラグインを入れすぎると、最悪ブログが飛びますよ! この記事は、7つの必須プラグインを紹介する記事です。 プラグインが減らせない人のための解決作も紹介してるのでぜひ読んでくださいね。
ワードプレス無料テーマ『Cocoon(コクーン)』を徹底レビュー
今一番有名なワードプレステーマ『Cocoon(コクーン)』を3ヶ月使ってわかった。コクーンの魅力を徹底的にお伝えします。 ぶっちゃけ、悪いところがないのでデメリットを知りたい人はこの記事を読まないでください。

 

スポンサーリンク

Cocoon(コクーン)のショートコードの意味

この画像は、ぼくのトップページで使っているコードです。

 

ショートコードを分解すると

  • new_list
  • count=””
  • type=””
  • cats=””
  • children=””
  • post_type=””

の6種類があることが分かります。

このコードの意味を1つ1つ解説をしていきます。

 

 

new_list

new_listはCocoon(コクーン)のショートコードで「新着記事一覧」という意味です。

 

Cocoon(コクーン)のショートコードは新着記事だけではなくて

  • popular_list=人気記事一覧
  • author_box=プロフィールボックス
  • amazon=アマゾン商品リンク
  • ad=アドセンス広告

などがあり、用途によって使い分けができます。

この機能は、プラグインで拡張する機能なので標準から実装されているCocoon(コクーン)がどれだけすばらしいのか分かりますね!

 

 

count=””

「count=””」は、表示するアイテム(記事)数を入力します。

 

gifでは、アイテム(記事)数が足りなくて表示されない場面がありましたが、アイテム数が足りて入ればちゃんと表示されます。

 

 

type=””

「type=””」はアイテムの表示タイプを入力します。

 

  • default:通常のリスト
  • large_thumb:大きなサムネイル表示
  • large_thumb_on:大きなサムネイルにタイトルを重ねる

の3パターンがあります

default

large_thumb

large_thumb_on

 

 

cats=””

「cats=””」には表示させたいカテゴリーIDを入力します。

 

デフォルトでは『all』になっているところを変更してください。

 

カテゴリーIDの調べ方は画像を参考にしてください。

 

 

children=””

children=””には子カテゴリー数を入れます。

ぼくのブログには、子カテゴリーを作ってないので「0(ゼロ)」を入れて表示させないようにしてます。

 

 

post_type=””

post_type=””には表示する投稿タイプを入力します。

 

デフォルトのpost_type=”post”のままでいじる必要はありません。

 

 

スポンサーリンク

Cocoon(コクーン)のショートコードを使って魔改造した結果

このような、トップページができました!

 

普通のブログで使われている新着記事を表示するだけの「つまらない」トップページとは違いますよね

 

今回紹介したショートコードを使って、ガンガン改造をしてください!

 

 

スポンサーリンク

Cocoon(コクーン)の標準機能で魔改造をしてみたのまとめ

今回の記事は、Cocoon(コクーン)のショートコードを使ってトップページを改造するという記事でした。

 

Cocoon(コクーン)のショートコードはプラグインはマジで便利

 

新着記事

【シャドウバース】これがディオネロイヤルだ!
【アマゾンプライム辞めました】アマゾンから楽天へ乗り換えた理由
【Gutenberg】Cocoon Blocksの使い方について
おすすめワードプレス無料テーマ【Godios(ゴディオス)】のまとめ
【京都、性格、悪い】京都に住む人の性格をまとめてみた!(真実)

 

人気記事

京都の治安の悪くて住んではいけない地域と治安の良くて住みやすい地域について
京都の治安が悪くて、人が住めない地域を5つだけ紹介(観光地以外)
ワードプレス無料テーマ『Cocoon(コクーン)』を徹底レビュー
【カスタマイズ】コクーンのトップページをカッコよくする方法を公開
【CSSカスタマイズ】コクーンで使えるCSSを追加するオススメの方法

 

プロフィールボックス

この記事を書いた人
おおもと@滋賀ブロガー

マイペースでブログを書いています。
最近は「京都」「おすすめ商品の紹介」「宗教」記事に力を入れています!

誤字脱字が多いですが、愛嬌ということで勘弁してください(´;ω;`)

Follow

 

カエレバのような商品リンク

 

アドセンス広告

スポンサーリンク

 

おおもと
おおもと

などがあってマジで便利

 

Cocoon(コクーン)を使っている人はショートコードを使って色々試してください!

 

本日の記事は以上です!じゃあまた!

 

【カスタマイズ】コクーンのトップページをカッコよくする方法を公開
トップページはブログの顔!!! そんな、トップページをカッコよく魔改造したので その一部始終を教えちゃいます!
【CSSカスタマイズ】コクーンで使えるCSSを追加するオススメの方法
有料級のワードプレス無料テーマCoccon(コクーン)のCSSカスタマイズ記事のまとめと、CSSを追加する方法を記載した記事です。 古いカスタマイズから新しいものまで、まとめてますので流し読みをしてください。
ワードプレスプラグインは「7つ」だけでOK!必須プラグインを紹介するよ!
プラグイン必須でググったら、「プラグインおすすめ30選」とか出てきてエグいですね プラグインを入れすぎると、最悪ブログが飛びますよ! この記事は、7つの必須プラグインを紹介する記事です。 プラグインが減らせない人のための解決作も紹介してるのでぜひ読んでくださいね。
ワードプレス無料テーマ『Cocoon(コクーン)』を徹底レビュー
今一番有名なワードプレステーマ『Cocoon(コクーン)』を3ヶ月使ってわかった。コクーンの魅力を徹底的にお伝えします。 ぶっちゃけ、悪いところがないのでデメリットを知りたい人はこの記事を読まないでください。

 

 

おおもと
おおもと

質問などがあれば、コメント覧に書き込んでくださいね!

コメント

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