賢威8 で本文内に記事一覧を入れるためのショートコード

ランダムに表示します。

[random_posts] で一覧表示します。

[random_posts limit=3] 件数制限も出来ます。

賢威のレイアウトスタイルも変更できます。

style=”01″ か style=”02″ で指定。(無指定は “01”)

サンプルその1

[random_posts style="02" limit=3] で表示したもの

どこのタワー?

ビルっていいね てっぺんが赤くともるドコモタワーin代々木です。 駅のホームでなにげなく見たらきれいだったので写真撮りました。この記事が気に入ったらいいね ! しようシェアするツイートするTwitter で Follow taman777

ウェブ屋さん交流会in福岡

4月10日 株式会社リクト 主催のウェブ屋さん交流会が開催されました。 今回、2回目となりましたこの会、私はジーティーアイとして参加し、リクトの一員としてお手伝いし盛り上げます。 1回目も今回も会場は福岡市中央区大名の本格焼鳥 へてさん。 こちらのお料理はいつも美味しく量もあって最高! 交流会を盛り上げていた …

もともと賢威8のカード型はPCで見ると横3件並びなので3件指定すると1段っていう感じになります。

サンプルその2

デフォルトスタイルで件数未指定で3件表示

[random_posts limit=3]

iPhoneとかでフォームに入力するときにズームしちゃうのを防ぐには

iPhoneのブラウザでフォーム入力させようとすると・・・ ガガッと大きくなって入力終わった時に指で直させるようなことがあります。 あれを回避する方法です。 参考記事ページ 要するに <input type=”text” 〜> のフォントサイズを 16px 以上にすれば良いらしい。 …
Throws SPAM Away

Throws SPAM Away でテストするときは

お世話になっております。ジーティーアイ さとうです。 Throws SPAM Away でいろいろ設定したあと、テストしてみますよね? ※テストしてみてくださいね。 IP制限してもキーワード設定してもぜんっぜん効かんやん!!! という場合に… 設定テストするときは… わざとスパムコメントを自分で書いてテストしたら… そ …

株式会社ジーティーアイのウェブサイトをbaserCMSにてリニューアルしました!

弊社のコーポレートサイトをリニューアルいたしました!! 株式会社ジーティーアイ http://gti.jp 正確に言うと・・・リニューアルしていたんですが、DNS切替を行い公開しちゃいました・・・ってところですね。 今回、国産オープンソースのCMS「baserCMS」にてサイト構築しました! コーポレートサイトにちょう …

ソースはこちら

今回のコードは「ランダムに記事一覧表示」で検索したこちらの記事を参考にしました。ありがとうございました!

参考にさせていただきました!ありがとうございました!

記事の件数など、処理に違いがありますのでこちらも参考にされてください。

賢威8のレイアウトを使ったコードはこちらになります。

※こちらがそのまま利用できるのは賢威8になります。

template-parts に content-archive.php が入っていればそちらのとおりに1記事を表示するようになっています。

コードはこちら

賢威8では子テーマを利用し、子テーマの functions.php に記載してください。


function random_posts( $atts = array() ){
  $limit = ! empty( $atts['limit'] ) ? $atts['limit'] : 10;
  $style = ! empty( $atts['style'] ) ? $atts['style'] : '01';
  $style = str_pad( $style, 2, '0', STR_PAD_LEFT );
  $layout_style = "entry-list_style" . $style;
  $args = array(
  'post_type' => 'post',
  'post_status' => 'publish',
  'orderby'   => 'rand', // 記事のランダム表示設定
  'posts_per_page'    => $limit,
  );
  $posts_query = new WP_Query( $args ); 

  ob_start();
  if ($posts_query->have_posts()) {
  ?>
  <div class="keni-section_wrap keni-section_wrap_style02">
    <div class="keni-section">
      <div class="entry-list <?php echo $layout_style; ?>"><?php 
      // entry-list_style01 → デフォルト
      // entry-list_style02 → カード

while ($posts_query->have_posts()) {
  $posts_query->the_post(); 
?><div class="entry-list_item"><?php 
  get_template_part( 'template-parts/content', 'archive' );
?></div><?php 
}
?>
      </div>
    </div>
  </div>
  <?php 
  } ?>
  <?php 
return ob_get_clean();
}
add_shortcode('random_posts','random_posts');

さいごにもう一度。件数未指定で10件表示されます。

[random_posts style="01"]

Macbook Charger Case を買った

Macbookの電源アダプターのコードの根元が折れたことがあって・・・ あれ買うと高いんですよ。 こんな風にしてました。 こんな感じで100円均一で購入した電源延長コード3口に挿してそのままコードをぐるぐる巻いて、電源アダプタの根元が折れないようにコンセント部分にかませて横方向にくるっくるっと巻いてとめてました。 不 …

女子会出来る会社っていいね。いいよねぇ

1人会社の株式会社ジーティーアイ! 男一匹! です。 女子会出来る確率完全にゼロ(笑) うちの話じゃないです。 今、お手伝い…というかもう少し深い関係の株式会社リクトで、今日は女子会がありました! 私はもちろん出てませんよ(笑) 女子会にオッサンが入ったらダメです。 つうか入れてもらえませんね(笑) ちゅーわけで 社長 …

ゴールデンウィークはじまりましたーーー!

いよいよ、本日よりゴールデンウィークがはじまりました!! ね。 ね。 ねえ。 私自身はワーカホリックらしくw いろいろ考える時間増えただけww なので、こんなことしてみました。 登壇用プロフィール 更新しました!! わたし、最近プロフィールを作り直しました。 登壇用にあらかじめまとめておいたものだったんですが、昨年のC …

ひさしぶり! 「ウェブ屋さん交流会」 に参加します!

ウェブ屋さん交流会とは 福岡のIT関連のお仕事をされてる方で集まって情報交換しましょう〜的に始まった交流会です。 私自身は第4回くらいまでスタッフとして参加しておりました。 過去の会をご紹介します。 ブログに残っていたのはこちら このあとの会でもう一回(第6回あたり)行ってるはず…ですが、体調不良で途中退席したのもあり …

2018年 大変お世話になりました!

株式会社ジーティーアイ 2018〜2019 年末年始の業務について 年末年始の休暇は 12/29 〜 1/3 となります。 2019年は 1/4 から業務開始となります。 何卒よろしくお願いいたします。 2018年は大変お世話になりました! 年始のコンテンツ管理に困ったら … Time goes by プラグインをお使 …

スマホ向けサイトで多階層メニューを実現するjQuery slimMenu

スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層!!! で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう! あー、これいいですね! こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日 …

恵比寿と渋谷

毎朝通勤時、恵比寿に直行せず渋谷でスポーツクラブによってます。 朝から渋谷はコミコミです! いつも前を通るんだけど「なんだかわからない」モニュメント。 子供たちよ世界に羽ばたけ! って感じ。 いつも行くスポーツクラブ、ここはどこでしょうw↓ 毎日特別に用事がない場合は寄ってから恵比寿に行きます。 本当は恵比寿のスポーツ …

ノープランのゴールデンウィークに…NINTENDO LABO

ゴールデンウィーク、長女が中学生になって部活の様子がわからず…そのまんまノープランのまま突入してしまいました。 小旅行を複数こなすかーーーーっ!(突然だと高くなるので宿泊無しでw) …ってことで今日は「福岡市動物園」へ行ってまいりました。 …ってその旅行記…ではなく、ノープランゴールデンウィーク対策アイテムをw NIN …

Facebookの見た目が変わった

昨日から Facebook の見た目が変わってました。 iPhoneアプリの方も変わっていまして 昨日変更後のアイコンと変更前のアイコンが並んでいたので「なんかのテストかな?」と思っていましたが デザインの変更だったんですね。 見た目まだ慣れませんがアイコンがiPhone用みたいですね。 そのうち違和感は取れるでしょう …

BacklogWorld の Tシャツ いただきました!!

nulab 様 いつもありがとうございます!! 先日 2月18日、こちらのイベントがありました! そこで募集していた 「トゥギャッターまとめ係」 こちらに応募しまして、ツイッターまとめさせていただきました!! こちら あと、こちら ※601works ツイッターアカウントでまとめました。 ツイッターでも伝わってくるくら …

もっと多機能にしても良さそうですね。

この記事が気に入ったら
いいね ! しよう

Twitter で