スポンサー
その間、引っ越し(サーバー)もあったりして、昔の記事は画像がリンク切れだったりというのも多いけども、どうしても削除できない。
だって、ひとつひとつが大切な思い出だからね。
こうやって、昔の記事をランダムに表示したりすると、手直ししなくちゃいけない記事が浮き彫りに・・・
気が付いた時に、都度、画像を入れたりと手を加えている。
”query_posts()”をやめたら、ROSEのブログの表示の不具合も解消された!
ずっと気にはなっていたけど原因が特定できずにいた@w_rose220のブログの表示の不具合が、まったく思いもよらないナナメの方角から解決(たぶん)した。 その食卓の(お金をかけないのに)豪華さや、あっちの椎茸山、こっちのタケノコ山、向
ランダムに投稿を表示して埋もれている貴重な記事を掘り起こす
<?php query_posts(array('orderby' => 'rand', 'showposts' => 3, 'cat' => 4,23)); if (have_posts()) : while (have_posts()) : the_post();?> <ul class="random-post"> <li class="alllink"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php if (has_post_thumbnail()) : ?><?php the_post_thumbnail('side_thumbnail', array('class' => 'left')); ?></a><?php else : ?> <img src="<?php bloginfo('home'); ?>/wp-content/images/default.png"></a> <?php endif; ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="sidebar-excerpt"><?php echo mb_substr(get_the_excerpt(), 0, 45); ?></span> <p class="linkarea"><a href="<?php the_permalink(); ?>">more...</a></p> </li> </ul> <?php endwhile; ?> <?php wp_reset_query(); ?> <?php endif; ?>
ランダムに表示する。
'orderby' => 'rand'
何件表示するか。
'showposts' => 3
カテゴリ指定。”-”付けると除外。
'cat' => 4,23
先日の記事での「クリック領域を広げる」ためのクラス指定部分。
”li”リストタグにクラス”alllinkarea”付加。
a要素を囲むp要素にクラス”linkarea”付加。
クリック領域を広げてスマホのタップ操作に優しくするためのスタイルシート
<li class="alllinkarea"> ・・・・・・・ <p class="linkarea"><a href="<?php the_permalink(); ?>">more...</a></p> </li>
あとは、このまえ投稿した、10年日記の中身と一緒だね。
ブログを10年日記みたいにしようとしてやってみたこと。
アイキャッチがあればアイキャッチを表示。
なければ、デフォルト画像を表示。
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php if (has_post_thumbnail()) : ?><?php the_post_thumbnail('side_thumbnail', array('class' => 'left')); ?></a><?php else : ?> <img src="<?php bloginfo('home'); ?>/wp-content/images/default.png"></a> <?php endif; ?>
タイトルと抜粋(45文字)も表示。
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="sidebar-excerpt"><?php echo mb_substr(get_the_excerpt(), 0, 45); ?></span>
またまた、非推奨の”query_posts”ですヽ(*^^*)ノ
get_postsで実装しようと試みるも・・・
実は、get_posts(テンプレートタグ/get posts – WordPress Codex 日本語版)で実現しようとやっては見るけど、同じ記事ばかり表示されたりとなかなかうまく行かない。
<?php $oldpost = get_posts( array( 'posts_per_page' => 3, 'orderby'=>'rand' )); foreach( $oldpost as $post ): setup_postdata( $post ); ?> <ul class="random-post"> <li class="alllink"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php if (has_post_thumbnail()) : ?><?php the_post_thumbnail('side_thumbnail', array('class' => 'left')); ?></a><?php else : ?> <img src="<?php bloginfo('home'); ?>/wp-content/images/default.png"></a> <?php endif; ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="sidebar-excerpt"><?php echo mb_substr(get_the_excerpt(), 0, 45); ?></span> <p class="linkarea"><a href="<?php the_permalink(); ?>">more...</a></p> </li> </ul> <?php endforeach; wp_reset_postdata(); ?>
どこが違うのか、どなたかお教えくださいまし。
クリック領域を広げてスマホのタップ操作に優しくするためのスタイルシート
スマートフォンでのアクセスもパソコン版と同じCSS(カスケード・スタイル・シート)でレスポンシブ対応しているのですが、最近気になっていることがあって・・・ 今日やっと重い腰を上げました(= ̄∇ ̄=) ニィ スマホに優しく。タップ領域
WordPressブログを10年日記みたいにしようとしてやってみたこと。
そういえば、このことについて書いてなかったと、 今日急に思いついた。 それは、懐かしい”ヴィヴィ男”の名を自分のブログのサイドバーで目にしたから。 ブログを10年日記みたいにしたい 何か月か前に、思い立って 「ブログは自分
WordPress過去の投稿をランダムに表示。あの日、あの頃は・・・ブログの記事は”宝物”。追記あり
2019/1/17 「query_posts()」 は非推奨なので修正しました! [otherpost id=6643] ※一番下に、ランダムに表示するコードを追記してます。 先日、ブログを10年日記みたいにしようとしてやってみた
スポンサー
ニュースレターを購読する