您现在的位置是: 网站首页 > 经验 经验大全

wordpress 页面模板(wordpress页面模板实例)

2022-08-07 08:29:25 经验 0人已围观

本文纲要目录:

1 : 怎么在wordpress添加页面模板

在你的主题文件夹中创建一个新模板,命名为 tags.php。然后把 page.php 模板中的内容拷贝到 tags.php 文件中。接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它。你还可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。完成之后,到 tags.php 的最上面插入以下代码:当你完成添加代码之后,保存你的文件并上传到你服务器上的当前主题文件夹下。现在是我们去使用 WordPress 管理界面让 tags 页面使用 tags 页面模板,具体做法如下:进入创建新页面,或者编辑 tags 页面(假如你已经创建了),在右边,你会看到一些不同的标题,如平路,页面状态,页面密码,上级页面,页面模板,页面缩略名,页面作者,页面顺序。点击页 面模板的边上的加号,在下拉列表中找到 tags,选择它并点击保存。现在你的 tags 页面和你其他的页面使用不同的主题。

2 : 如何用wordpress做一个图片的页面模板?

在主题文件夹中创建一个新模板,命名为Tag.php ,然后把 page.php 模板中的内容拷贝到 Tag.php 文件中。 接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它 ,可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。
完成之后,到 Tag.php 的最上面插入以下代码:
以下为引用的内容:

当完成添加代码之后,保存文件并上传到服务器上的当前主题文件夹下。
现在是时候去使用 WordPress 管理界面让 Tag 页面使用 Tag 页面模板,假如不知道的话,这里是具体做法:
进入创建新页面,或者编辑 Tag 页面(假如已经创建了),在右边,会看到一些不同的标题,如平路,页面状态,页面密码,上级页面,页面模板,页面缩略名,页面作者,页面顺序。点击页面模板的边上的加号,在下拉列表中找到 Tag ,选择它并点击保存。
现在 Tag 页面和其他的页面使用不同的主题。

3 : 如何使用WordPress添加新页面功能使用页面模板_建站经验教程

为WordPress做模板的时候我们经常可能遇到这样的问题,每个页面用的模板不一样,比如,这个页面有侧边,那个页面没侧边,这个页面用这个导航,那个页面用那个导航,所以就出现了下面的问题了。
能让每个页面有不同的设计吗?答案是肯定的,恩,如果你使用不同的页面模板,你当然可以使得每个页面的样子如你所望。
举个例子,比如你有个客户想他所有的页面除了Tag(Tag)页面之外都有侧边栏,在他的Tag页面,他想内容的宽度能够扩展到侧边栏的位置。具体步骤如下:在你的主题文件夹中创建一个新模板,命名为Tag.php (或者你喜欢的名字) ,然后把 page.php 模板中的内容拷贝到 Tag.php 文件中。 接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它(如果不知道怎么做,看下我们的主题教程了) 你可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。
完成之后,到 Tag.php 的最上面插入以下代码:
以下为引用的内容:现在你的 Tag 页面和你其他的页面使用不同的主题。

4 : 如何使用WordPress添加新页面功能使用页面模板

为WordPress做模板的时候我们经常可能遇到这样的问题,每个页面用的模板不一样,比如,这个页面有侧边,那个页面没侧边,这个页面用这个导航,那个页面用那个导航,所以就出现了下面的问题了。 能让每个页面有不同的设计吗?答案是肯定的,恩,如果你使用不为WordPress做模板的时候我们经常可能遇到这样的问题,每个页面用的模板不一样,比如,这个页面有侧边,那个页面没侧边,这个页面用这个导航,那个页面用那个导航,所以就出现了下面的问题了。能让每个页面有不同的设计吗?答案是肯定的,恩,如果你使用不同的页面模板,你当然可以使得每个页面的样子如你所望。举个例子,比如你有个客户想他所有的页面除了Tag(Tag)页面之外都有侧边栏,在他的Tag页面,他想内容的宽度能够扩展到侧边栏的位置。具体步骤如下:在你的主题文件夹中创建一个新模板,命名为Tag.php (或者你喜欢的名字) ,然后把 page.php 模板中的内容拷贝到 Tag.php 文件中。 接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它(如果不知道怎么做,看下我们的主题教程了) 你可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。完成之后,到 Tag.php 的最上面插入以下代码:当你完成添加代码之后,保存你的文件并上传到你服务器上的当前主题文件夹下。现在是时候去使用 WordPress 管理界面让 Tag 页面使用 Tag 页面模板,假如你不知道的话,这里是具体做法:进入创建新页面,或者编辑 Tag 页面(假如你已经创建了),在右边,你会看到一些不同的标题,如平路,页面状态,页面密码,上级页面,页面模板,页面缩略名,页面作者,页面顺序。点击页面模板的边上的加号,在下拉列表中找到 Tag ,选择它并点击保存。现在你的 Tag 页面和你其他的页面使用不同的主题。很明显,很多人使用该技巧,特别是那些把 WordPress 当作 CMS 而非博客来使用的客户。

5 : wordpress页面模版设置?

你理解错了吧wordpress 页面模板,category是分类wordpress 页面模板的意思wordpress 页面模板,你那段代码是singlewordpress 页面模板的页面wordpress 页面模板,估计是不同分类下wordpress 页面模板的文章显示不同的样式。
你上面所写的in_category('3')是wordpress 页面模板,在分类ID为3的文章,将调用的single-pro.php页面样式模板。
in_category('42')则为,如果文章是在分类ID为42下的,将调用single-news.php的页面样式模板。
else ,否则,(分类3和42外的文章),都调用single-all.php页面样式模板作为single.php。

6 : 如何在wordpress网站添加瀑布流单页模板

/*
TEMPLATE NAME:瀑布流测试
 */
//基于Wordpress自带的2014主题
//贡献者:Suifengtec  suoling.net
if (! function_exists('coolwp_scripts_masonry') ) :
if ( ! is_admin() ) :
function coolwp_scripts_masonry() {
    //deregister built in masonry since it is old version 3.
   wp_deregister_script('jquery-masonry');
   //请自行下载
    wp_enqueue_script('jquery-10.1.js', get_template_directory_uri().'/test/jquery.js', array( 'imagesLoaded'), null, true );
       //请自行下载
    wp_enqueue_script('imagesLoaded', get_template_directory_uri().'/test/imagesloaded.pkgd.min.js', false, null, true);
       //请自行下载
    wp_enqueue_script('jquery-masonry', get_template_directory_uri().'/test/masonry.pkgd.min.js', array( 'imagesLoaded'), null, true );
       //后面我贴出来
    wp_enqueue_script('custom.js', get_template_directory_uri().'/test/custom.js', array( 'imagesLoaded'), null, true );
}
//wp_enquqe_style('masonry', get_template_directory_uri().'/test/');
add_action( 'wp_enqueue_scripts', 'coolwp_scripts_masonry' );
endif; //! is_admin()
endif; //! coolwp_scripts_masonry exists?
get_header(); ?>

if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
// Include the featured content template.
get_template_part( 'featured-content' );
}
?>


$args=array( 'post_type'=>'post' );
$myloop=new WP_Query( $args );
// Start the Loop.
while ( $myloop->have_posts() ) :  $myloop->the_post();
// Include the page content template.
?>

 if ( has_post_thumbnail() ) : ?>
    
        " title="">
        
    

    
        " title=""> 
       
    






get_sidebar();
get_footer();


custom.js代码:

var container = document.querySelector('#content');
var msnry = new Masonry( container, {
  columnWidth: 200,
  itemSelector: '.item'
});
/*alert('aaaaa');*/


将你下载到的三个js文件和上面的custom.js放在你的WP的2014主题目录下的test文件夹(自己建),然后将上面的PHP代码复制到一个英文开头的PHP文件里,把这个PHP文件放在WP的2014主题目录下,

启用这个主题,发布页面,选用“瀑布流测试”页面模板,如果你的测试WP中有文章,并且文章有缩略图,就会是这个样子:


只需要你改下查询语句和css,就可以套用到别的主题了。