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

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

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

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

 

 

新着記事と人気記事

 

新着記事 人気記事
セラーナさんと結婚してみた!出会いからのメモ。米国版スカイリム
映画PARKER/パーカーを観てみた感想。超かっこいい~
リリーメイのピンクのウィッグもうちょい女子力アップ!自撮りしてみた
人生で2回目の心療内科。経過をツイートで残しとく。参考なるかな?
心療内科へ行って来た。お話し聞いてもらうだけでも楽になるよって話
OBS studio の色調補正を覚えたのでメモっときます。
【ガンマと輝度とコントラストって?】OBS studio の色調補正
【Xbox】SKYRIM +mod 91 mod紹介美化系。ファッション美化、髪の色、きれいな肌、女性的なアクション3つ。
スカイリム、チートルームの使い方いろいろ
OBS studio、録画の一時停止のやりかた設定方法

 

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

 

コスメ・女装 楽天・Amazon
ETVOSの技「ミネラルインナートリートメントベース」良かったのでメモ。
女装サロンcottonへ行って良かったこと3つ。キレイになろう♪
女装もメイクもしてくれる!大阪の中崎町の女装サロンcotton
女装サロンcottonさんで女子力あげてみた。もっとキレイになりたい
来た!つやつやETVOS ミネラル ラディアント スキンバーム
ETVOS エトヴォス、スターターキットでお試ししたらタッチアップだ!
無料でどこまでできる?女性化アプリFaceAppのベストショット
来た!使ってみた!エトヴォス「ETVOS」スターターキット!
おっさんも50歳を超えたら「自己キャラメイク」のすすめ(笑)
化粧してウィッグ着けたら別人状態?な件
おすすめ!大いなるプチ女装!ボーイッシュにしたらプチ女装は楽しい
ご紹介!初心者に最適、ナチュラルメイク下地【ナチュラグラッセ・ベースメイクトライアルセット】
ウィッグを追加して、お出かけできるようになる日に備えています♪
お手ごろ値段のKATE(ケイト)リアルカバーリキッドを使ってみた
どうなった?化粧崩れ対策でETVOSミネラルCCクリーム使ってみた
Google AdSense マネタイズの教科書[完全版]アドセンス以外にも使えるので読む価値アリ
マンガとアニメの「コブラ」と映画「トータルリコール」と比較してみた
さっしーマスクの唇の当たらないAirQUEEN使ってみた。どう?
オーバーロードとログホライズン
耳の痛くない不織布マスク。ピンクベージュ系でおしゃれな3Dビューティーマスク
筒井康隆先生の新刊ジャックポットを読んで思い出した作家さんたち
楽天モバイルに移行して1年。アンリミットプランも進化してる?
AmazonのFireタブレット8を買った3つの理由
G-Tune(ゲーミングPC)にする?DAIV(クリエーターPC)にする?それとも?
超人ロックについて考えてみた
十二国記の簡単解説と感想。
レトルトの通販もある日比谷松本楼のカレー
エアロフォンAE-10がいい!かも?
コードギアス反逆のルルーシュ。紹介と感想。オレンジ君!
DaiGoさんの「人を操る禁断の文章術」から学べる3つのこと
ゲーム・動画編集などのソフト ブログ・自己啓発・FXトレード
OBS studio の色調補正を覚えたのでメモっときます。
【ガンマと輝度とコントラストって?】OBS studio の色調補正
【Xbox】SKYRIM +mod 91 mod紹介美化系。ファッション美化、髪の色、きれいな肌、女性的なアクション3つ。
スカイリム、チートルームの使い方いろいろ
OBS studio、録画の一時停止のやりかた設定方法
OBSstudioの録画で「カーソルを消す」小技
【彩度】OBS studioの色調補正
Xbox版スカイリムmod使って美女と行くスカイリム動画001
【Xbox】SKYRIM +mod 067 チートルーム散策知っているところの解説
2021年2月版!スカイリムmod50選キャラメイク~着ぐるみまで
安いキャプチャーボード Basicolor3217 を使ってみた
スカイリムのキャラクターメイキング全員集合
OBS studio ソースの追加と配信・録画の画面に合わせる方法
OBSstudioの色調を変えてみた【色調補正】スカイリム
OBSstudioの使い方・最低限の設定・GC550PLUSでXboxのゲーム配信と録画をする
フッターに文字やバナーを入れる方法【WordPressのCocoon】
サイドバーに追従目次を表示させる方法
マインドマップのソフトとandroidアプリのXMindをパソコンとスマホで使い出しています。
WordPressのテーマをcocoonにした方法【まとめ】
イケハヤさんの「無料メール講座」で、いっしょに学んでみませんか?
モバイルでも。フッターに文字やバナーを入れる方法【WordPressのCocoon】
Googleアドセンス広告をWordPressで貼る。審査後のcocoonでの設定方法。
「このサイトへの接続は完全には保護されていません」を🔓に戻した方法
無料テーマCocoonでできた!記事ランキングを記事にする?方法
レンタルサーバーのXserver(エックスサーバー)のこと
マインドマップ XMind 【まとめ】
新しいことに挑戦するときの不安の正体
おすすめ格安レンタルサーバーのロリポップ
すきま時間の「学び」に音声コンテンツ!3本勝負!
レンタルサーバーのロリポップが進化した!

 

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

 

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

 

 

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

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

って書いてあります。

 

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

 

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

 

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

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

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

 

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

 

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

 

って書いてあります。

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

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

 

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

 

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

 



 

あわせて読みたい

 

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

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

 

コメント



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