样式化搜索结果 WordPress

Question

编辑：请你告诉我为什么我的帖子没有提供足够的信息，或者我没有遵守任何规则，而不是仅仅对我的问题投反对票。

我想编辑此页面 http://jacobstone.co.uk/leggera2/?s=the 的 CSS，它显示搜索结果。

我只需要添加一些填充，这样结果就不会全部聚集在一起。 我已经在这个问题上停留了一段时间，所以我想我会问你们。 我尝试将调用搜索结果的 php 循环（在函数中）包装在 div 类中，但这不起作用。

我是否需要为这些结果创建一个新的 php 页面，或者我可以在某个地方（例如函数 php）添加一些 html 以允许我向元素添加类/ID？

functions.php：（函数 SearchFilter 位是调用结果的地方） 是否可以在搜索结果中添加类？

<?php 

function wpbootstrap_scripts_with_jquery()
{
    // Register the script like this for a theme:
    wp_register_script( 'custom-script', get_template_directory_uri() . '/bootstrap/js/bootstrap.js', array( 'jquery' ) );
    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'custom-script' );
}

function SearchFilter($query) {
    if ($query->is_search) {
        $query->set('post_type', 'post');
    }
    return $query;
}

add_filter('pre_get_posts','SearchFilter');


add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );


if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));

add_filter( 'widget_tag_cloud_args', 'my_widget_tag_cloud_args' );
function my_widget_tag_cloud_args( $args ) {
    $args['number'] = 20;
    $args['largest'] = 18;
    $args['smallest'] = 10;
    $args['unit'] = 'px';
    return $args;
}

?>

我想在我的搜索结果中添加类，就像我在 page.php 中为元素添加类一样：

<?php get_header(); ?>

<div class="row">
  <div class="span8" id="page">

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>  
    <?php the_content(); ?>

<?php endwhile; else: ?>
    <p><?php _e('Sorry, this page does not exist.'); ?></p>
<?php endif; ?>

 </div>
  <div class="span4" id="page">
        <?php get_sidebar(); ?> 
  </div>
</div>


<?php get_footer(); ?>

Answer 1

您的问题中的第一个代码块是返回结果的同一页面，或者您是否在单独的页面上显示这些代码，目前我正在做一个项目，以我的方式做类似的事情已经做到了：

<function page>

这是运行所有函数并正确返回值的地方，这往往是最大的页面

<end of function page>

<content pages >

这些是返回值的所有页面，它保存页面上的所有功能，然后您可以使用 css 和 html 标签设置您想要的样式，方法是使用 php 或简单的 html 将它们输出到屏幕。

</end of content page>