Question

我一直在使用不同的插件来设计我的网站（例如Elementor）。我想添加一个博客，但我不喜欢它有的默认模板，如果想要的话它看起来像我想要我必须分别设置每个帖子的样式。

我认为上传自定义主题可能就是答案，但我不想为所有网站元素制作一个模板，只有一个用于博客文章。

从何处着手？我知道php，css，html和javascript，但我是wordpress的新手，我已经可以通过ftp访问所有文件。

Answer 1

基本上，只需创建一个名为single-post.php的文件作为模板文件（您可以从主题文件夹中的single.php派生它）并将其放入主题文件夹中。它将自动用于显示所有单个帖子。

但是，请注意，只要您更新主题（通常经常发生），此文件就会丢失，因为将覆盖完整的主题文件夹。因此，要么保留副本并在每次更新后调整（如果需要）并再次将其复制到新的主题文件夹，要么创建子主题：您不需要再次创建所有主题文件，只需要创建你想覆盖。

有关儿童主题的详细信息，请访问：https://codex.wordpress.org/Child_Themes

Answer 2

我认为一个好的起点就在这里https://codex.wordpress.org/Theme_Development 主题开发Wordpress Codex。

如果这是一个全新的安装并且你只是想为自己想要一些额外的功能，那将会更加凉爽。因为它可能需要更少的工作，因为您可能想要创建一个子主题。在主题发展中进一步解释。但是，当谈到为页面制作自己的模板时，除了博客卷之外你还喜欢它们。

在您构建网页的页面顶部应该有这个。

<?php  
      /*Template Name: My New Blog Roll*/  
        get_header();
 ?>

或者你喜欢什么。

然后，您可以在其中一个页面中显示“模板页面”的页面的管理部分中的wordpress上进行设置。选择“我的新博客卷”，因为现在它将是一个选项。

更多相关信息。 https://developer.wordpress.org/themes/template-files-section/page-template-files/

这是我前几天用引导程序弄乱的一个例子。注意PHP并取出你需要的东西。

    <?php 
    /*
        Template Name: Blog-Temp
    */
    get_header(); 
?>    

    <header class="blog"> 
         <nav class="nav navbar">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navMenu" aria-expanded="false">
                            <span class="sr-only">Toggle Navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <h1 id="brand"><a href="<?php echo home_url('/'); ?>"><?php if(get_bloginfo('name')){ bloginfo('name');}else{echo 'Brand Name';} ?></a></h1>
                    </div>
                    <div class="collapse navbar-collapse" id="navMenu">

                        <?php 
                            wp_nav_menu(array(
                                'menu'                  =>  'primary',
                                'theme_location'        =>  'primary', 
                                'menu_class'            =>  'nav navbar-nav',
                                'menu_id'               =>  '',
                                'container'             =>  'ul',
                                'depth'                 =>  1                                
                            ));
                        ?>

                    </div>
                </div>
            </nav>
        <section>
            <div class="ui-page-header">
                <h2>Blog</h2>
            </div>
        </section>
    </header>  
      <div class="clearfix"></div> 

<!--
===========================================================================
    Main Blog Section
===========================================================================
-->
<section class="container-fluid ui-content">      
    <div class="row">
<!--        
    Could be for later content like categories floated left like a sub menu
-->
    </div>
    <div class="row">
        <div class="main col-md-8">
            <?php if(have_posts()) : ?>
                <?php while( have_posts() ) : the_post(); ?>
                    <article class="row post">
                        <?php if(has_post_thumbnail()) : ?>
                        <div class="col-sm-5 post-thumbnail">
                            <?php the_post_thumbnail(); ?>
                        </div>
                        <div class="col-sm-7">
                            <h3 class="post-title"><a href="<?php echo the_permalink(); ?>"><?php the_title(); ?></a></h3>
                             <?php get_template_part('template/post-meta'); ?>
                            <p class="post-content"><?php the_excerpt(); ?></p>
                            <p class="text-right"><a class="btn btn-primary" href="<?php echo the_permalink(); ?>">Read More</a></p>
                        </div>
                        <?php else : ?>
                            <div class="col-sm-12">
                                <h3 class="post-title"><a href="<?php echo the_permalink(); ?>"><?php the_title(); ?></a></h3>
                                <?php get_template_part('template/post-meta'); ?>
                                <p class="post-content"><?php the_excerpt(); ?></p>
                                <p class="text-right"><a class="btn btn-primary" href="<?php echo the_permalink(); ?>">Read More</a></p>
                            </div>
                        <?php endif; ?>
                    </article>
                <?php endwhile; ?>
                <?php wp_reset_postdata(); ?>
                <?php else : ?>
                <p><?php esc_html_e( 'Sorry, no posts matched your criteria.' ); ?></p>
            <?php endif; ?>
        </div>
        <div class="sidebar col-md-4">
            <?php if(is_active_sidebar('sidebar')) : ?>
            <?php dynamic_sidebar('sidebar'); ?>
            <?php endif; ?>
        </div>
    </div>
</section>
<div class="clearfix"></div>

<?php get_footer(); ?>

当查找内部网上的任何内容时，搜索“我的问题是这个”并将wordpress放在最后。示例：“如何获取类别wordpress”

希望这有帮助。

Answer 3

要制作不同的设计帖子页面，请进入single.php文件，我们可以在其中编辑该页面并进行自定义。另一个选择是我们可以在我们的主题中创建自定义帖子，然后在主题中添加新文件，名称应该像这个新文件

单{自定义帖子类型名称} .php或single-services.php

例如“services”是我们的自定义帖子类型。在这个页面中，我们可以将我们的模板设计作为我们想要在我们网站上显示的单个页面，这个单页面只会显示我们的自定义帖子单个帖子。

Answer 4

您可以在帖子中使用Elementor，根据需要创建布局或修改现有布局。然后，您可以保存该“模板”，以便重新加载其布局以备将来使用。

更改wordpress中帖子的默认模板

4 个答案: