2016-11-16 7 views
0

これはおそらくとても簡単ですが、残念ながら私はコーディングにあまり適していません。私は正直にでも勉強しようとしています。最初の投稿をもっと大きくするには

私は、WordPressのテーマで、残りのサイズの2倍の「スポットライト」でタグ付けされた投稿を作成します。私はこれを自動的にこのサイズの最初の投稿に変更したいと思います。私はそれが理にかなったことを願う

私が持っているコードのスニペット:私はそれだけで私は++またはI = 1、何か、など何かに "もし(has_tag( 'スポットライトを')" に変更しますかなり確信して

// Get blog layout setting 
    $blog_layout  = get_theme_mod('blog_layout_setting', 'three-columns'); 
    $portfolio_layout = get_theme_mod('portfolio_layout_setting', 'four-columns'); 

    if (is_tax('ct_portfolio') || is_page_template('templates/template-portfolio.php')) : 

     if ('four-columns' == $portfolio_layout) { 

      if (has_tag('spotlight')) { 
       $classes[] = 'col-lg-6 col-md-8 col-sm-12'; 
      } else { 
       $classes[] = 'col-lg-3 col-md-4 col-sm-6'; 
      } 

     } else { 

      if (has_tag('spotlight')) { 
       $classes[] = 'col-md-8 col-sm-12'; 
      } else { 
       $classes[] = 'col-md-4 col-sm-6'; 
      } 

     } 

私はまったく間違っているかもしれませんが、答えは私の顔を見つめているように感じますが、私はそれを把握できません。私は本当に助けてくれて嬉しいです。私は本当にこれから学びます。

ありがとうございます。

+0

見つかった最初のタグに必要なクラスを追加します。最初の投稿要素が取得する 'class'または' id'を見つける必要があります。それから、 'class'や' id'をCSSやPHPなどでターゲットにして、それを拡大します。 – Aidin

+0

多分あなたはここで述べたように '$ loop-> current_post == '0''を使うことができますhttp://wordpress.stackexchange.com/questions/173171/how-to-target-thumbnails-of-the-first-post- in-the-loop – RST

答えて

0

このjsFiddleコードを参照してください。これがあなたの問題を解決することを願っています。

あなたは自分のstyle.css

.myspotlight{ 
background-color:red; 
} 

と すべてのあなたの記事のループを実行し、記事のリストを作成し、特定のPHPファイルにJavaScriptにCSSを追加する必要がありました。

$("article").first().addClass("myspotlight"); 

jqueryのコードは、基本的には私は、これはそれを行うには十分であるとは思わない

+0

入力いただきありがとうございます。私はこれが働いているのを見ることができましたが、残念ながら私が必要とするものを正確にはしません。私は最初の投稿のみを大きくしたいので、投稿がもはや最初でないときは、もう一方のスタイルに戻ります。 – moiety

+0

「投稿はもはや最初ではない」とはどういう意味ですか?ページがリロードされますか?動的に更新されますか? –

関連する問題