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

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

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

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

 

 

新着記事と人気記事

 

新着記事 人気記事
お気に入りのウィッグはLilyMei(リリーメイ)のショートボブ
いまさら気づいた美容整形ってまぢすごい化粧やウィッグを凌駕する
WordPressのCocoonでトップページの記事の表示順の変え方
Xbox版スカイリムとXboxについてのご報告。
もう普段使いになりつつあるピンクのウィッグ。これって派手かな。
OBS studio の色調補正を覚えたのでメモっときます。
【ガンマと輝度とコントラストって?】OBS studio の色調補正
スカイリム、チートルームの使い方いろいろ
【Xbox】SKYRIM +mod 91 mod紹介美化系。ファッション美化、髪の色、きれいな肌、女性的なアクション3つ。
OBS studio、録画の一時停止のやりかた設定方法

 

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

 

コスメ・女装 楽天・Amazon
ETVOSの技「ミネラルインナートリートメントベース」良かったのでメモ。
女装サロンcottonへ行って良かったこと3つ。キレイになろう♪
女装もメイクもしてくれる!大阪の中崎町の女装サロンcotton
無料でどこまでできる?女性化アプリFaceAppのベストショット
おすすめ!大いなるプチ女装!ボーイッシュにしたらプチ女装は楽しい
女装サロンcottonさんで女子力あげてみた。もっとキレイになりたい
どうなった?化粧崩れ対策でETVOSミネラルCCクリーム使ってみた
来た!つやつやETVOS ミネラル ラディアント スキンバーム
おっさんも50歳を超えたら「自己キャラメイク」のすすめ(笑)
化粧してウィッグ着けたら別人状態?な件
100均で「つけま」を買って着けてみた。目おっきくなって、ちょっとうれしい。
ウィッグを追加して、お出かけできるようになる日に備えています♪
ご紹介!初心者に最適、ナチュラルメイク下地【ナチュラグラッセ・ベースメイクトライアルセット】
女性ってたいへん!お化粧とウィッグのプチ女装でわかった3つのこと
風呂場でサロペット履いてみた♪ウィッグはピンクのぱっつんメッシュボブ
Google AdSense マネタイズの教科書[完全版]アドセンス以外にも使えるので読む価値アリ
耳の痛くない不織布マスク。ピンクベージュ系でおしゃれな3Dビューティーマスク
さっしーマスクの唇の当たらないAirQUEEN使ってみた。どう?
マンガとアニメの「コブラ」と映画「トータルリコール」と比較してみた
オーバーロードとログホライズン
筒井康隆先生の新刊ジャックポットを読んで思い出した作家さんたち
エアロフォンAE-10がいい!かも?
G-Tune(ゲーミングPC)にする?DAIV(クリエーターPC)にする?それとも?
やっぱワイヤレスイヤホンは便利soundcore LIFE P2買ってみた
AmazonのFireタブレット8を買った3つの理由
十二国記の簡単解説と感想。
超人ロックについて考えてみた
むっちゃ便利!Amazonプライムの良いとこ、ん?ってとこ。使い倒すには?
コードギアス反逆のルルーシュ。紹介と感想。オレンジ君!
ヨルムンガンドとガンスリンガーガール(FNP-90つながりです)
ゲーム・動画編集などのソフト ブログ・自己啓発・FXトレード
OBS studio の色調補正を覚えたのでメモっときます。
【ガンマと輝度とコントラストって?】OBS studio の色調補正
スカイリム、チートルームの使い方いろいろ
【Xbox】SKYRIM +mod 91 mod紹介美化系。ファッション美化、髪の色、きれいな肌、女性的なアクション3つ。
OBS studio、録画の一時停止のやりかた設定方法
2021年2月版!スカイリムmod50選キャラメイク~着ぐるみまで
OBSstudioの録画で「カーソルを消す」小技
【彩度】OBS studioの色調補正
mod入れたらここまでできた!PS4版スカイリムでキャラメイク
Xbox版スカイリムmod使って美女と行くスカイリム動画001
安いキャプチャーボード Basicolor3217 を使ってみた
Xbox版スカイリムのmod不具合問題。米国版にしたら復活した?
【Xbox】SKYRIM +mod 067 チートルーム散策知っているところの解説
【色相シフト】OBS studioの色調補正
動画配信ソフトOBS StudioとStreamlabsの特徴と違い
フッターに文字やバナーを入れる方法【WordPressのCocoon】
サイドバーに追従目次を表示させる方法WordPressのCocoon
マインドマップのソフトとandroidアプリのXMindをパソコンとスマホで使い出しています。
WordPressのテーマをcocoonにした方法【まとめ】
モバイルでも。フッターに文字やバナーを入れる方法【WordPressのCocoon】
マインドマップ XMind 【まとめ】
「このサイトへの接続は完全には保護されていません」を🔓に戻した方法
無料テーマCocoonでできた!記事ランキングを記事にする方法
「WordPressの教科書」ロリポップでWordPressを使う
ロリポップサーバーではじめるブログは本当に簡単に始められるのか?
まだ間にあう!そうだ!フリーランスになろう!乗り越える3つのこと
ブログを書こう【目標は必要】到達できなくてもやるといい3つの理由
WordPressのCocoonで、お問い合わせフォームを作ってみた。
なんで?また「http:」のリンクエラー?
早い!安い!うまい!ロリポップのレンタルサーバーを選ぶ3つの理由

 

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

 

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

 

 

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

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

って書いてあります。

 

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

 

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

 

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

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

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

 

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

 

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

 

って書いてあります。

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

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

 

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

 

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

 

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

ムームードメイン

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

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

 

あわせて読みたい

 

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

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

 

コメント



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