首页 > 解决方案 > 将引导主题覆盖到 word press

问题描述

我对 wordpress 很陌生,我想将引导主题转换为 wordpress,我不知道这个问题是否愚蠢。这是我的函数文件中的代码

 <!---This is my functions.php file---->
<?php 
  add_theme_support('post-thumbnails');
  function new2w_theme_styles(){
     wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '');
     wp_enqueue_style( 'essentials_css', get_template_directory_uri() . 'assets/css/essentials.css');
     wp_enqueue_style( 'layout_css', get_template_directory_uri() . 'assets/css/layout.css');
     wp_enqueue_style( 'scheme_css', get_template_directory_uri() . '/css/color_scheme/blue.css');
     wp_enqueue_style( 'custom_forms', get_template_directory_uri() . '/css/custom-forms-v2.css');
     wp_enqueue_style( 'pack_css', get_template_directory_uri() . '/css/pack_realestate.css');
     wp_enqueue_style( 'header-1', get_template_directory_uri() . '/css/header-1.css');
     wp_enqueue_style( 'style_css', get_template_directory_uri() . '/style.css');    
  }
   add_action('wp_enqueue_scripts', 'new2w_theme_styles');
   function new2w_theme_js(){
     wp_enqueue_scripts('bootstrap_js', get_template_directory_uri() . '/js/bootstrap.min.js',array('jquery'), '', true);
     wp_enqueue_scripts('script', get_template_directory_uri() . '/js/script.js', array('jquery'), '', true);    
   }
   add_action('wp_enqueue_scripts', 'new2w_theme_js');
?>

请问如何为我的静态页面的另一部分执行相同的循环任务,我已经用这段代码循环了 3 张图片,我还在我的管理面板中创建了相应的帖子;

<?php if( have_posts()) : while( have_posts()) : the_post();?>
       HTML GOES HERE
  <?php endwhile; endif;?>
<?

我想用同样的方法循环通过另一个4的图像网格的get_the_post_thumbnail()功能,我该如何管理这个帖子。?

标签: phphtmlcsswordpress

解决方案


您可以复制引导 CSS 文件的内容并将样式定义粘贴到您的主题中(在仪表板中,转到设计/定制器/附加 CSS 并将代码粘贴到那里)。

但是,要将样式类应用于正确的 WordPress 生成的 DOM 元素,您必须将类名应用于这些 DOM 元素,或者重命名样式类以使其适合 DOM 元素的名称。无论如何,这种方法仍然可能与其他 CSS 文件发生冲突。


推荐阅读