賢威8 で本文内に記事一覧を入れるためのショートコード
ランダムに表示します。
[random_posts] で一覧表示します。
[random_posts limit=3] 件数制限も出来ます。
賢威のレイアウトスタイルも変更できます。
style=”01″ か style=”02″ で指定。（無指定は “01”）
サンプルその１
[random_posts style="02" limit=3] で表示したもの
お正月休みに衝動買いした、ハードディスクが来た！
お正月休み中に衝動買いっぽく買ったハードディスクがやっと届きました。 [amazonjs asin=”B00CEN0SNA” locale=”JP” title=”アイ・オー・データ機器 USB 3.0/2.0 外付型ハードディスク ブラック 2.0TB HD …
ウェブ屋さん交流会in福岡
4月10日 株式会社リクト 主催のウェブ屋さん交流会が開催されました。 今回、2回目となりましたこの会、私はジーティーアイとして参加し、リクトの一員としてお手伝いし盛り上げます。 1回目も今回も会場は福岡市中央区大名の本格焼鳥 へてさん。 こちらのお料理はいつも美味しく量もあって最高！ 交流会を盛り上げていた …
もともと賢威8のカード型はPCで見ると横3件並びなので3件指定すると1段っていう感じになります。
サンプルその２
デフォルトスタイルで件数未指定で3件表示
[random_posts limit=3]
iPhoneとかでフォームに入力するときにズームしちゃうのを防ぐには
iPhoneのブラウザでフォーム入力させようとすると・・・ ガガッと大きくなって入力終わった時に指で直させるようなことがあります。 あれを回避する方法です。 参考記事ページ 要するに <input type=”text” 〜> のフォントサイズを 16px 以上にすれば良いらしい。 …
ソースはこちら
今回のコードは「ランダムに記事一覧表示」で検索したこちらの記事を参考にしました。ありがとうございました！
記事の件数など、処理に違いがありますのでこちらも参考にされてください。
賢威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"]
女子会出来る会社っていいね。いいよねぇ
- 更新日：
- 公開日：
- （1163 view）
1人会社の株式会社ジーティーアイ！ 男一匹！ です。 女子会出来る確率完全にゼロ（笑） うちの話じゃないです。 今、お手伝い…というかもう少し深い関係の株式会社リクトで、今日は女子会がありました！ 私はもちろん出てませんよ（笑） 女子会にオッサンが入ったらダメです。 つうか入れてもらえませんね（笑） ちゅーわけで 社長 …
ひさしぶり！ 「ウェブ屋さん交流会」 に参加します！
ウェブ屋さん交流会とは 福岡のIT関連のお仕事をされてる方で集まって情報交換しましょう〜的に始まった交流会です。 私自身は第4回くらいまでスタッフとして参加しておりました。 過去の会をご紹介します。 ブログに残っていたのはこちら このあとの会でもう一回（第6回あたり）行ってるはず…ですが、体調不良で途中退席したのもあり …
スマホ向けサイトで多階層メニューを実現するjQuery slimMenu
- 更新日：
- 公開日：
- （4042 view）
スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層！！！ で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう！ あー、これいいですね！ こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日 …
Facebookの見た目が変わった
昨日から Facebook の見た目が変わってました。 iPhoneアプリの方も変わっていまして 昨日変更後のアイコンと変更前のアイコンが並んでいたので「なんかのテストかな？」と思っていましたが デザインの変更だったんですね。 見た目まだ慣れませんがアイコンがiPhone用みたいですね。 そのうち違和感は取れるでしょう …
もっと多機能にしても良さそうですね。
