向wordpress博客添加自定义页眉和页脚

时间:2015-03-15 15:50:22

标签: css wordpress header stylesheet

这里我有一个我正在研究的网站tinywolf.uk。主页是一个与wordpress分开的静态网站,但网站http://www.tinywolf.uk/blog的博客部分将由wordpress提供支持。

我目前正在使用这个二十五个主题,并希望在博客的主页上有页眉和页脚以及连续性。

到目前为止,我已经创建了一个子主题,然后是一个新的header.php文件,其中包含主页中的标题。这取代了现有的wordpress header.php并正确显示,但是,主题其余部分的样式已经消失。我想保持帖子的样式。

如何从二十五个主题中调用正确的样式以确保内容(博客帖子)的样式正确?

here是我的代码 - child-theme header.php

我已尝试使用<link rel="stylesheet"包含使用 <?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/blog/wp-content/themes/twentyfifteen/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/blog/wp-content/themes/twentyfifteen/style.css', array('parent-style') ); } ?> 的二十五个主题的style.css,虽然这会带来一些格式,但它也会破坏页面的结构。

这是我的functions.php的内容:

    /*
 Theme Name:   Tiny Theme Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Joel S
 Author URI:   http://www.tinywolf.uk/blog
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

这是我的孩子style.css:

{{1}}

2 个答案:

答案 0 :(得分:0)

您必须在子主题中链接父主题style.css。 这是codex

的一个很好的例子
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

codex

答案 1 :(得分:0)

如果我理解为真,你想在你的wp上拥有静态页面页眉和页脚。 您唯一需要的是将静态页面中的两个部分的副本放在名为header.phpfooter.php的单独文件上,然后将代码更改为标题代码以成为动态WP代码。 之后,将它们称为你的主题。

但是, 如果您想使用子主题,请执行以下操作:

按照上述所有步骤将您的文件命名为例如header-child.php&amp; footer-child.php然后将其称为:<?php get_header('child'); ?>

请记住:页眉和页脚必须是您不能像child-header.php那样的第一个文件名。不行。