2017-08-01 47 views
0

首先,我不得不放棄:我對Wordpress完全陌生,並且正在圍繞它的工作方式進行包裝。我得到了一份補貼,接管了其他人使用Wordpress設置的網站,並且遇到了一些我通過研究無法解決的問題。html/php/wordpress:如何將分類鏈接設置爲主頁?

該網站有一個鏈接到category-template(在我的情況下,鏈接被稱爲「http://udkdev.skopec.de/category/projekte/」),然後顯示通過WP儀表板輸入的頁面的職位的主頁。我想要做的僅僅是這樣的:我希望帖子能夠顯示在主頁上,即只要頁面加載,帖子應該可見,而不是通過點擊鏈接。下面你會看到截圖進一步說明我正在談論的特定頁面以及網站主頁和類別模板的代碼。首先,我基本上嘗試在主頁的php文件中使用category-template的代碼,但這種代碼並不起作用(它僅顯示消息「Could not find any articles」)。

我會很感激任何人可以解釋這一點,並幫助我弄清楚。

主頁(http://udkdev.skopec.de/):

Category Template

<?php get_header(); ?> 
</div> 
<br> 
<div class="wrapper-projekte"> 
<div class="projekte"> 

    <div class="button-group filters-button-group"> 
     <button class="active btn" id="all">alle</button> 
     <button class="projekt-btn" id="category-wise-201516">WiSe15/16</button> 
     <button class="projekt-btn" id="category-sose-15">SoSe15</button> 
     <button class="projekt-btn" id="category-wise-201415">WiSe14/15</button> 
     <button class="projekt-btn" id="category-sose-14">SoSe14</button> 
     <button class="projekt-btn" id="TEST">TEST</button> 
    </div> 


    <?php if (is_home()) { 
    query_posts("cat=-3"); 
    } ?> 

    <?php if (have_posts()): ?> 
     <?php while(have_posts()): the_post(); ?> 
     <div <?php post_class(); ?>> 

      <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p> 
      <a href="<?php the_permalink(); ?>"> 
      <?php 
       if (has_post_thumbnail()) { 
       the_post_thumbnail('large'); 
      } ?> 
      </a> 
     <!--<div class="meta">Tags: <?php the_tags('', ', ', '<br />'); ?> </div>--> 
     </div> 
     <?php endwhile; ?> 
    <?php else : ?> 
     <h2>Couldn’t find any articles!</h2> 
    <?php endif; ?> 
</div> 

<script> 
var $btns = $('.btn').click(function() { 
    if (this.id == 'all') { 
    $('.projekte > .post').fadeIn(600); 
    } else { 
    var $el = $('.' + this.id).fadeIn(600); 
    $('.projekte > .post').not($el).hide(); 
    } 
    $btns.removeClass('active'); 
    $(this).addClass('active'); 
}) 
    </script> 

<?php get_footer(); ?> 

有:

Homepage

<?php 
/* 
Template Name: startseite 
*/ 
?> 

<?php the_post(); ?> 
<?php get_header(); ?> 

<div <?php post_class(); ?>> 
    <!--<h2><?php the_title(); ?></h2>--> 
    <?php the_content(); ?> 
</div> 

<?php get_footer(); ?> 

點擊鏈接通往類別(導致http://udkdev.skopec.de/category/projekte/)後惡魔說到Prateek Verma的回答,現在最初的問題已經解決了。項目/帖子正在主頁加載時正確顯示。但是,當點擊「Projekte」鏈接時,這會導致後續顯示帖子的問題。然後它重新加載帖子的顯示,但是帶有惱人的偏移量,將包含帖子的整個部分推到左邊。我已經發布了一個.gif,其中顯示了我所描述的內容。我怎樣才能避免這種情況?理想情況下,「主頁」鏈接應該在主頁加載時自動激活,當然沒有偏移量。

enter image description here

回答

1

你必須在主頁上運行'query_posts',就像這樣:

query_posts('cat=2'); //Place your Category ID inside the brackets in place of 2 

這裏是home.php完整的代碼。請看以下代碼:

Home.php

<?php 
    /* 
    Template Name: startseite 
    */ 
    ?> 

    <?php get_header(); ?> 

    <div class="wrapper-projekte"> 
    <div class="projekte"> 

     <div class="button-group filters-button-group"> 
      <button class="active btn" id="all">alle</button> 
      <button class="projekt-btn" id="category-wise-201516">WiSe15/16</button> 
      <button class="projekt-btn" id="category-sose-15">SoSe15</button> 
      <button class="projekt-btn" id="category-wise-201415">WiSe14/15</button> 
      <button class="projekt-btn" id="category-sose-14">SoSe14</button> 
      <button class="projekt-btn" id="TEST">TEST</button> 
     </div> 


     <?php query_posts('cat=3'); //place your Category Id in the brackets in place of 3 ?> 

     <?php if (have_posts()): ?> 
      <?php while(have_posts()): the_post(); ?> 
       <div <?php post_class(); ?>> 

        <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p> 
        <a href="<?php the_permalink(); ?>"> 
         <?php 
          if (has_post_thumbnail()) { 
          the_post_thumbnail('large'); 
         } ?> 
        </a> 
        <!--<div class="meta">Tags: <?php the_tags('', ', ', '<br />'); ?> </div>--> 
       </div> 
      <?php endwhile; ?> 
     <?php else : ?> 
      <h2>Couldn’t find any articles!</h2> 
     <?php endif; ?> 
    </div> 
</div> 
<?php get_footer(); ?> 

請找Home.php的更新的代碼。 如果沒有幫助,我會爲您提供另一種解決方案。

希望,這可能對你有所幫助。謝謝

+0

嘿Prateek,非常感謝您的回答,它絕對解決了我的問題。不過,我現在正在展示一些新項目:當我加載主頁時,項目/帖子顯示正常,但是當我點擊主頁上的「Projekte」鏈接時,該站點被重新加載,並有一個令人討厭的偏移,將項目div推到左邊。你能幫我解決這個問題嗎?我在原始問題中添加了一個.gif,以便您明白我的意思。 – JoSch