基于特定<div> </div>的wordpress自定义页面模板

时间:2012-12-12 15:38:18

标签: wordpress templates wordpress-theming

我想知道如何设置自定义页面模板。我的网站基于许多不同的宽度。某些页面的示例我使用了一个名为<div class="content-wrap ninecol clearfix">的div,但对于另一个页面,我使用了<div class="text-centered twelvecol clearfix">

我需要创建一个模板,以便我可以根据这些模板轻松创建新页面。

下面是我在Dreamweaver中完成的静态HTML代码。

<div class="content-wrap ninecol clearfix"> <!--I want to make a template based on this div so I can just add new text in the future-->

        <div class="content">


<h1 class="title">Om oss</h1>
<hr>
<div class="entry-content">
<h4>Vilka är Unified Sweden?</h4>
    <p>Vi värnar starkt om vår unika företagskultur och ser den som vårt  kraftfullaste      
     konkurrensmedel. Inom företaget har vi alltid arbetat hårt  för att skapa den 
     stabila grund som vår företagskultur är byggd på. </p>
    <p>All personal på Unified Sweden har många års erfarenhet av  webbutveckling,
    programmering, design och kundservice vilket gör oss  unika då alla led inom kundbemötandet 
    vet exakt vad ni som företag  behöver hjälp med.</p>
         </div>

</div>
    </div>

这就是我想出来的。

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


  <?php get_header(temp); ?>
  <?php
        // get_template_part( 'loop', 'index' );
        ?>


  <div class="breadcrumbs">
  <?php if(function_exists('bcn_display'))
  {
    bcn_display();
  }?>
  </div>
  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>   


       <?php the_content(); ?>

   <?php endwhile; endif; ?>



    </div><!-- content-wrap -->

    </div><!-- #content -->

    </div>

    </div><!-- .main -->

     <?php get_footer(); ?>

感谢您提供任何帮助或支持。

3 个答案:

答案 0 :(得分:0)

你是说对每个模板你想要一个不同的风格?如果是,您需要在div id处给出不同的名称,然后您应该编辑style.css

#namediv{ }

答案 1 :(得分:0)

设置自定义页面模板(如果我正确理解您的问题) 您在活动的主题目录中创建页面模板 并按照你的方式使用标题

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

你用你想要用于名称的任何东西替换Test(这个名字可以有空格) 然后在管理员中,您可以通过转到管理员&gt;选择要用于该页面的模板。页面属性&gt;模板 您的新自定义模板应该显示在此处

编辑(发表评论后) 然后你可以检查正在使用哪个模板

is_page_template()

http://codex.wordpress.org/Function_Reference/is_page_template 从header.php中,然后加载一个特定的css文件

旁注:您可能还想查看codex页面:http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates以及专用wordpress stackexchange https://wordpress.stackexchange.com/

答案 2 :(得分:0)

模板名称:您的页面名称

* /

您可以使用您想要用于名称的任何内容替换Test(此名称可以包含空格),然后在管理员中,您可以通过转到Admin&gt;选择要用于该页面的模板。页面属性&gt;模板您的新自定义模板应显示在此处