如何为wordpress主题中的帖子提供CSS

Question

我是wordpress开发的新手，我开发了一个自定义wordpress主题，但我无法给帖子提供css.Posts以非常正常的方式渲染但我想给一些CSS，请建议我如何做这个。

   <?php get_header(); ?>

  <div id="primary" class="content-area">
   <main id="main" class="site-main" role="main">
    <?php
    // Start the loop.
    while ( have_posts() ) : the_post();

        // Include the page content template.
        get_template_part( 'template-parts/content', 'page' );

        // If comments are open or we have at least one comment, load up the comment template.
        if ( comments_open() || get_comments_number() ) {
            comments_template();
        }

        // End of the loop.
    endwhile;
    ?>

</main><!-- .site-main -->  
<?php get_footer(); ?>

我添加了帖子的显示方式以及我的wordpress主题的page.php代码。寻求帮助

Answer 1

在主题目录中添加一个css目录，在该css目录中创建一个文件名“poststyle.css”，然后你可以在header.php中链接css文件

View.OnClickListener button2Listener = new View.OnClickListener() {
            public void onClick(View v) {

    ((Spinner) findViewById(R.id.mySpinner)).performClick();
            }
        };

但在此之前，您需要找出类或id或div名称，以便您可以在“poststyle.css”中为相应的div或类提供或定义样式

现在举个例子

    <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/poststyle.css" media="screen" title="post-style" charset="utf-8">

OR  
    <?php
     wp_enqueue_style( 'post-styles' , get_template_directory_uri() . 'css/poststyle.css' );
    ?>

现在你可以给class =“site-content”或class =“content-area”，class =“title”，class =“content”

但是你的帖子展示模板的内容是你正在导入另一个模板，该模板位于template-parts目录content.php文件中，其中显示代码的所有帖子内容都在那里

Answer 2

您必须遵循wordpress编码标准来创建主题和插件。要添加css和js，只需在主题中创建两个名为'js'和'css'的文件夹。然后在functions.php

中添加此代码

if(!function_exists('theme_style')):
    function theme_style(){
        wp_enqueue_script('main-js', get_template_directory_uri().'/js/main.js',array(),false,true);
        wp_enqueue_style( 'main-css', get_template_directory_uri(). '/css/main.css', array(),false,'all' );       
    }
    add_action('wp_enqueue_scripts','theme_style');
endif;

您可以更改文件名main.js和main.css