修改Header.php以在Twenty10子主题中充分利用Yoast的SEO插件

我最近喜欢上了Yoast的SEO插件。到目前为止,它只是简单的工作。现在我不是那种对这件事太担心的人。我在这里和那里应用了一些小的调整,也许它会有所帮助。但是这个插件提供了很多我喜欢的东西,比如面包屑,以及对我的.htaccess文件和robots.txt的轻松访问。只有少数事情需要改变才能享受这个插件。让我们深入研究一下。

因此,如果您之前继续学习,我们已经将header.php复制到了我们的子主题中。就像我在那篇文章中提到的那样,我认为最好这样做,因为标题需要做很多更改。我们在这里要做的第一件事是为插件准备好标题。这不是你从帖子或任何东西中看到的标题。这是搜索引擎搜索到的标题,您也可以在浏览器的顶部看到它。

因此,在header.php中,您会发现:

<标题><?php(电话)/**根据正在查看的内容打印<title>标签。*/全局$page,$paged;wp_title('|',true,'right');//添加博客名称。博客信息(“name”);//为主页/首页添加博客描述。$site_description=get_bloginfo('description','display');if($site_description&&(is_home()||is_front_page()))echo“|$site_description”;//必要时添加页码:if($paged>=2||$page>=2)echo“”。sprintf(__(“第%s页”,“二十世纪”),最大值($paged,$Page));?></标题>

里面有各种各样的东西。它有助于写出一些格式很好的标题。但是,如果你想让Yoast的插件充满趣味(你也这么做了!),那么就用这个简单的代码替换掉所有这些东西:

<标题><?php wp_title(“”);?></标题>

疯狂的简单,对吧?换掉这个大的旧块可以让Yoast的插件正确地控制标题部分。否则,您会得到一些双重输出,并且通常会得到不可预测的结果。

现在,让我们看看插件的另一个很酷的功能。面包屑。它们可能对SEO有好处,在某些情况下可能对您的用户有好处。不管怎样,我喜欢它们。我的故事到此结束。如果你想用它们,我就是这样做的。现在,这部分有点主观,您要做什么取决于您想要面包屑的位置,以及您想要它们的样式。我把它们放在header.php的末尾,在打开主div的最后一行下面。这是我的代码:

<div id=“main”><?php if(function_exists('yoast_breadcrumb')){yoast_breadcrumb('<div id=“navCrumbs”><p id=“面包屑”>','</p></div>');} ?>

这就是显示面包屑所需的全部内容。现在样式对我来说有点不太合适,所以我不得不添加和编辑一些css。这是新的东西。

#导航导航{字体大小:1.1em;边距-底部:15px;}p#面包屑{border-top:2px固体#999999;border-bottom:2px纯色#999999;填充:10px 0;}

没什么大不了的,我只是调整了一些间距,使大小和边框恰到好处。现在仍然有一个很大的差距,我们通过一个小的编辑来修复。

TwentyTen的默认css如下:

#主要{明确:两者都有;溢出:隐藏;填充:40px 0 0 0;}

我需要为我的面包屑修复它。我将其更改为:

#主要{明确:两者都有;溢出:隐藏;填充:15px 0 0;}

具体如何操作取决于您的设置。最近,我决定将全部二十个css复制到我的child主题style.css中。所以我直接编辑它。如果您使用的是@import规则,那么只需复制该代码块来覆盖#main的二十年规则。

这就是我今天对header.php进行的所有黑客攻击。但明天将是超级飞天。我计划删除标题上方的文本链接。但它也是主页的链接。因此,为了做好准备,我们将把整个标题图像变成一个链接。一言为定!

留下回复

您的电子邮件地址将不会被发布。已标记必填字段*