新着記事にNEWを表示させたいのですがコードを入れる場所がわからないです

PR 2016/10/15

このトピックには14件の返信、2人の参加者があり、最後にみきにより9年、 11ヶ月前に更新されました。

14件の返信スレッドを表示中

投稿者

投稿
- 2016年10月15日 10:31 AM #46189
  do
  ゲスト
  公開して10時間以内の記事にNEW！という表示をさせたいのですが、色々調べまわってみても途中までしかわかず行き詰ってしまい、質問させていただきます。
  
  コードが
```
<?php
$hours = 10; //Newを表示させたい期間の時間
$today = date_i18n('U');
$entry = get_the_time('U');
$kiji = date('U',($today - $entry)) / 3600 ;
if( $hours > $kiji ){
echo 'New!';
}
?>
```
  で、コードを入れる場所がentry-card.phpのループ部分らしいという情報がネットに書いてあったので試してみたんですが、どこにコピーするのかを解説している記事が見当たらず、適当に試していたらサーバーダウンしてしまったりと苦戦しています。
  何かヒントを頂けたら嬉しいです。よろしくお願いいたします！！
- 2016年10月15日 11:43 AM #46191
  
  hidekichi
  ゲスト
  
  どの部分にnewなりを表示したいと考えられてますか？
  おそらくトップの記事一覧の話かと思うんですけれども、例えば記事タイトルの前とか、あるいは記事タイトルの手前、つまりは.entryの一番最初とか。
  
  表示方法は色々できます。
  要素そのものを追加して表示することもできれば、.entryにclassを追加することで擬似要素(before,after)で表示するとか。どこにどのように表示したいかでやり方も異なるので、そこらをまず書いてもらうほうが良いかと思います。
- 2016年10月15日 12:10 PM #46198
  
  わいひら
  キーマスター
  
  できればスクリーンショットなどを利用して、完成のイメージを見せていただけると助かります。
  例えばこんな感じの簡単なもので良いので。
  
  画像のアップローダーについては、以下に案内があります。
  https://wp-simplicity.com/suport/topic/first-time/
  
  Simplicityの場合、一覧リストのスタイルもいろいろあるので、編集すべき場所が違う場合もあります。ですので、キャプチャーなどを見せていただけると、設定状態も把握できるので助かります。
- 2016年10月16日 1:12 AM #46221
  
  2001Y
  ゲスト
  
  個人的に興味があったので載せさせていただきます。
  
  こんな感じで表示できたらベストだなとは思ってるのですが（枠からはみ出ない）
  画像を上から貼り付けるなど。
- 2016年10月16日 1:23 AM #46222
  
  do
  ゲスト
  
  返信ありがとうございます！
  
  この画像のように、記事タイトルの一番最初に入れたいと考えています。
  どうぞよろしくお願いいたします！！
- 2016年10月16日 2:10 AM #46223
  
  hidekichi
  ゲスト
  
  サンプル: 昔作ったサンプル | codepen
  
  > 2001Yさん
  
  .entryにposition: relativeが入ってて、画像の高さがわかっていれば、そこらに表示するのはできますよ。
  もし.entry以外にrelativeが入っている場合は、別途要素を.entry内に挿入してやれば貼り付けてもらった画像のようにすることは可能です。
  
  サンプル: 昔のサンプルのフォーク | codepen
  
  問題点があって、レスポンシブで要素のサイズが変わった場合は位置がズレますので、jQueryで位置を調整する必要があります。またanimationさせているkeyframeでtransform: rotateZ(-20deg)を追加しないとnowはnewと同じようには傾きません。
- 2016年10月16日 2:54 AM #46225
  みき
  ゲスト
  entry-card-content.phpの
```
     //最初だけ大きなエントリーカードの最初のエントリーだけ
     ( is_list_style_large_card_just_for_first() && is_list_index_first() )
   )
  $entry_class = 'entry-card-large-content';
 ?>
<div class="<?php echo $entry_class; ?>">
  <header>
```
  の下に#46189のソースを書けばできました
  
  サンプル
  上が新着で下が１０時間前に公開されたものです
- 2016年10月16日 2:55 AM #46226
  
  みき
  ゲスト
  
  サンプルが表示されなかったので
  こちらをご確認ください
- 2016年10月16日 11:59 PM #46272
  
  do
  ゲスト
  
  ありがとうございます、できました～！
  46189のコードの最後の行を
  echo '<font color="#ff0000">New!</font>';
  に差し替えたらNEWの文字が赤になりました。
  スマホ表示で確認しても特に崩れたりしていないので満足です！
  
  わいひらさん、hidekichiさん、みきさん、ありがとうございました～～！
- 2016年10月17日 12:18 AM #46274
  
  みき
  ゲスト
  
  お疲れさまでした!!
  実装できてよかったです!!
- 2016年10月17日 12:36 AM #46276
  
  hidekichi
  ゲスト
  
  ちなみに親テーマを変更したらアップデートのたびに同じことをしないといけないので、バックアップをお忘れなく。
- 2016年10月17日 7:54 AM #46283
  
  do
  ゲスト
  
  >hidekichiさん
  entry-card-content.phpを子テーマにコピーしてそこにコードを張り付けているのですが、その場合は大丈夫でしょうか？？
  宜しくお願いいたします！
- 2016年10月17日 10:19 AM #46288
  
  hidekichi
  ゲスト
  
  それなら大丈夫ですが、今度は何かしら親テーマ該当phpに変更があったとした場合に子テーマのそのファイルが読み込まれ変更に気が付かない場合があります。
  
  大きく変更されることはおそらくはないでしょうが、その修正等をわいひらさんのgithub等で追いながら意味を理解しつつ必要であれば、今回のカスタマイズに合わせて修正していかないといけないと言うことです。
  
  子テーマにコピーせず利用していれば修正があった場合に表示におかしな部分がでて気がつくこともあると思います。些細な変更で気が付かないこともあるかも知れませんが。
  
  これら理由からなるべく親テーマはいじらないで済む方法で実装して、それができない場合に最終手段と自己責任の上、子テーマにコピーという方法を使う感じかと思います。
  
  何があっても初期化すれば済む話です。なのでどうするかを考えつつ、いつでも元に戻せる準備はしておくべきです。
- 2016年10月17日 11:22 AM #46289
  
  do
  ゲスト
  
  はい、わかりました！
  これからも更新情報をチェックしながら、ありがたく使わせていただきます。
  
  いつも丁寧な回答をくださって感謝です。
  また質問させていただくことがあるかと思いますが、その際にはどうぞよろしくお願いいたします！
- 2016年10月17日 1:12 PM #46292
  
  みき
  ゲスト
  
  結構記述場所が分かりにくいので・・・
  バックアップとこのページのブックマークを付けておくとよいかもです!!
  お疲れさまでした!!
投稿者

投稿