Cocoonで作る。新着記事と記事ランキングを合わせてみた。

すこし前に、書いたブログ記事の、ランキング方法を、この記事でまとめてみましたが、ちょっぴりデザインしてみると、こんな感じにできちゃいます。

忘れてしまいそうなので、記事に残しておこうと思います。よかったら参考にしてみてくださいね。

これで、トップページの配置も、思うようにできそうです。

 

 

新着記事と人気記事

 

新着記事 人気記事
他人の失敗は、笑ってちゃんと聞け!
さぁどうする。暑い日の女装の傾向と対策を考えてみた。
出会いがなくて悩んでいるなら、マッチングアプリを使ってみよう
新しいウィッグとユニクロのパーカー。FaceAppで加工してみた
Xbox欧米版スカイリムSEmodキャラクターメイキングとフォロワー
OBS studio の色調補正を覚えたのでメモっときます。
mod入れたらここまでできた!PS4版スカイリムでキャラメイク
【ガンマと輝度とコントラストって?】OBS studio の色調補正
スカイリム、チートルームの使い方いろいろ
OBS studio、録画の一時停止のやりかた設定方法

 

カテゴリー別のランキング

 

コスメ・女装 楽天・Amazon
ETVOSの技「ミネラルインナートリートメントベース」良かったのでメモ。2022/6/23追記しました。
女装サロンcottonへ行って良かったこと3つ。キレイになろう♪
無料でどこまでできる?女性化アプリFaceAppのベストショット
どうなった?化粧崩れ対策でETVOSミネラルCCクリーム使ってみた
女装もメイクもしてくれる!大阪の中崎町の女装サロンcotton
おすすめ!大いなるプチ女装!ボーイッシュにしたらプチ女装は楽しい
女装サロンcottonさんで女子力あげてみた。もっとキレイになりたい
夏用に買った、ユニクロのUVカットのパーカー。これはいい感じです
来た!つやつやETVOS ミネラル ラディアント スキンバーム
お気に入りのウィッグはLilyMei(リリーメイ)ショートボブ2022年5月新色が出ました!
100均で「つけま」を買って着けてみた。目おっきくなって、ちょっとうれしい。
おっさんも50歳を超えたら「自己キャラメイク」のすすめ(笑)
おしゃれなマスクを探してみた。ヴィクトリアンマスクっていい感じ。
カッコいいおじさんでも良かったはずだけど?なんで女装になったの?
化粧してウィッグ着けたら別人状態?な件
安いキャプチャーボード Basicolor3217 を使ってみた
ETVOSの技「ミネラルインナートリートメントベース」良かったのでメモ。2022/6/23追記しました。
どうなった?化粧崩れ対策でETVOSミネラルCCクリーム使ってみた
初めてのキャプチャーボードにピッタリBasicolor3217
夏用に買った、ユニクロのUVカットのパーカー。これはいい感じです
来た!つやつやETVOS ミネラル ラディアント スキンバーム
お気に入りのウィッグはLilyMei(リリーメイ)ショートボブ2022年5月新色が出ました!
耳の痛くない不織布マスク。ピンクベージュ系でおしゃれな3Dビューティーマスク
Google AdSense マネタイズの教科書[完全版]アドセンス以外にも使えるので読む価値アリ
マンガとアニメの「コブラ」と映画「トータルリコール」と比較してみた
100均で「つけま」を買って着けてみた。目おっきくなって、ちょっとうれしい。
さっしーマスクの唇の当たらないAirQUEEN使ってみた。どう?
オーバーロードとログホライズン
おしゃれなマスクを探してみた。ヴィクトリアンマスクっていい感じ。
肌ラボの極潤エイジングケア化粧水と乳液でのスキンケアでつや肌に
ゲーム・動画編集などのソフト ブログ・自己啓発・FXトレード
OBS studio の色調補正を覚えたのでメモっときます。
mod入れたらここまでできた!PS4版スカイリムでキャラメイク
【ガンマと輝度とコントラストって?】OBS studio の色調補正
スカイリム、チートルームの使い方いろいろ
OBS studio、録画の一時停止のやりかた設定方法
2021年2月版!スカイリムmod50選キャラメイク~着ぐるみまで
【Xbox】SKYRIM +mod 91 mod紹介美化系。ファッション美化、髪の色、きれいな肌、女性的なアクション3つ。
Xbox版スカイリムのmod不具合問題。米国版にしたら復活した?2022/6月追記
OBSstudioの録画で「カーソルを消す」小技
【彩度】OBS studioの色調補正
安いキャプチャーボード Basicolor3217 を使ってみた
スカイリムmod「No More Ugly Vampire Lord」で吸血鬼の王をカッコ良く!
スカイリム厳選mod36!風景・キャラ動作と美化・仮面にメガネなどいろいろ
動画配信ソフトOBS StudioとStreamlabsの特徴と違い
Xbox版スカイリムmod使って美女と行くスカイリム動画001
フッターに文字やバナーを入れる方法【WordPressのCocoon】
サイドバーに追従目次を表示させる方法WordPressのCocoon
マインドマップのソフトとandroidアプリのXMindをパソコンとスマホで使い出しています。
WordPressのCocoonでトップページの記事の表示順の変え方
モバイルでも。フッターに文字やバナーを入れる方法【WordPressのCocoon】
マインドマップ XMind 【まとめ】
WordPressのテーマをcocoonにした方法【まとめ】
ロリポップで「WordPressの教科書」を使ってみた
「このサイトへの接続は完全には保護されていません」を🔓に戻した方法
無料テーマCocoonでできた!記事ランキングを記事にする方法
ロリポップではじめるWordPressのブログは本当に簡単に始められる
Google AdSense申請が通るまでにやっておくといいこと
早い!安い!うまい!ロリポップのレンタルサーバーを選ぶ3つの理由
まだ間にあう!そうだ!フリーランスになろう!乗り越える3つのこと
WordPressブログはムームードメインとロリポップがおすすめ

 

エディタではこう見えています

 

この記事の、新着記事とランキングの、テキストエディタ上での表示は、こんな感じです。

 

 

点線で囲まれている部分を翻訳すると、

人気の記事リストを、期間は全日から、ランキング形式で、ページビュー数は要らないから、多い順に15記事までを、指定したカテゴリーから探してきて(子カテゴリーも含めて!)、ふつうに表示してね。

って書いてあります。

 

数字や指示内容を変えたりすると、好みにあわせていろいろできそうですね。

 

ところで [ ] これってなに?

 

[ ]で囲まれているところは、Cocoonのショートコードと呼ばれているものです。

記事内にショートコードを書くことで、いろんな指示を出して、記事に表示させることができる、便利な魔法の言葉(呪文みたいなものです

ザーザードザザード…。って感じです。

 

ところで、今回使ったショートコードの、翻訳の基本形は、

 

どのカテゴリーから、いつからいつまでのどんな記事を、アクセスの多い順に、いくつの記事まで読みこんで、ランキング形式で表示して!

 

って書いてあります。

さきほど書いた方は、記述そのままの順番なので、実際に書くときは、そちらの方がわかりやすいかもです。

人気の記事リストを、期間は全日から、ランキング形式で、ページビュー数は要らないから、多い順に15記事までを、指定したカテゴリーから探してきて(子カテゴリーも含めて!)、ふつうに表示してね。

 

実はこのショートコード、プログラミングにありがちな、ネットから拾ってきての書き換えだったりします。

 

参考になったらうれしいです。

 

▼独自ドメイン取得はここがおすすめ▼

ムームードメイン

▼独自ドメインとったらレンタルサーバーここで決まり▼

WordPressを使うならロリポップ!
簡単インストール完備で楽々スタート!

 

あわせて読みたい

 

Cocoonで作る、ブログ記事ランキング

無料テーマCocoonでできた!記事ランキングを記事にする?方法

 

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