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

【问题标题】：wordpress custom page template based on a specific <div>基于特定 <div> 的 wordpress 自定义页面模板
【发布时间】：2012-12-12 15:38:17
【问题描述】：

我想知道如何设置自定义页面模板。我的网站基于许多不同的宽度。例如，对于某些页面，我使用名为 <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(); ?>

感谢您的任何帮助或支持。

【问题讨论】：

This may help.

标签： wordpress templates wordpress-theming

【解决方案1】：

您是说每个模板都需要不同的样式吗？如果是，您需要在 div id 处提供不同的名称，然后您应该编辑您的 style.css

#namediv{ }

【讨论】：

@alsessiomtx 这不是我真正想要的，我想创建一个具有预先固定 css 的页面模板。假设我将其命名为 page-sevencol.php 然后我知道内容将具有固定的宽度和特定的样式等等
@Abel 好的，也许我明白了，今晚我会写

【解决方案2】：

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

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

你用你想用的名字替换Test（这个名字可以有空格）然后在管理员中，您可以通过转到 Admin > Page Attributes > Templates 来选择要用于页面的模板您的新自定义模板应显示在此处

编辑（在操作评论之后）然后你可以检查哪个模板正在使用

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/

【讨论】：

这不是我真正想要的，我想创建一个具有预先固定 css 的页面模板。假设我将其命名为 page-sevencol.php 然后我知道内容将具有固定的宽度和特定的样式等等
然后您可以在 header.php 中检查您使用 is_page_template() 的模板，然后相应地加载自定义 css 文件codex.wordpress.org/Function_Reference/is_page_template

【解决方案3】：

模板名称：您的页面名称

您将 Test 替换为您想要用于名称的任何名称（此名称可以有空格），然后在管理员中，您可以通过转到 Admin > Page Attributes > Templates 您的新自定义模板来选择要用于页面的模板应该出现在这里

【讨论】：