来源

Question

我愿意学习像.psd这样的转换，然后使用bootstrap框架转换为Wordpress，因为在这一代人中，每个人都在使用平板电脑和移动设备，例如iPad。我听说bootstrap在匹配几乎所有设备中的每个大小方面都非常强大，虽然我知道如何将.psd转换为Wordpress，但我不知道如何将Bootstrap放在源目录wp-content之类的头文件中。 php，footer.php等。这很难和混淆。如果有人能给我一个像视频教程或链接和提示的教程，我会感谢你的回应。

Answer 1

如果要将bootstrap添加到wordpress主题，请下载bootstrap .css文件，将其移至主题目录，然后将以下代码放入functions.php文件中：

function bootstrap_enqueue() {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . 'bootstrap.min.css' );
}
add_action( 'wp_head', 'bootstrap_enqueue' );

这将包括bootstrap主css文件。如果引导带有任何关联的javascript，那么只需在wp_enqueue_style();之后添加一行如下所示：

wp_enqueue_script( 'bootstrap-js', get_template_directory_uri(). '/js/bootstrap.min.js' );

它将全部添加到wp_head();文件中的header.php函数输出中。

但我要提醒你：不要一起使用WordPress和Bootstrap。 Bootstrap很强大，但它对WordPress很笨拙。你最好使用像Underscores这样的样板主题开始，然后阅读有关媒体查询和JS断点的快速教程。

来源

Answer 2

我认为你应该尝试一种更简单的方法。 Wordpress中已经有一个插件可以满足您的需求，您可以在此处查看： - https://wordpress.org/plugins/wordpress-bootstrap-css/

如果这不是您想要的，那么您无法检查此链接： - http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial

把bootstrap放在header.php，footer.php等中

2 个答案:

来源