Wordpress + 静态行中的固定标题

Posted 2023-03-06

【中文标题】Wordpress + 静态行中的固定标题

【英文标题】：Fixed Header in Wordpress + Static Lines

【发布时间】：2015-10-30 20:55:31

【问题描述】：

我正在使用令人眼花缭乱的主题创建this site，除了标题之外一切似乎都正常。

已将这些代码行添加到我的 css 中，如您所见，它适用于主页。

position: fixed;
z-index: 99;
width: 100%;

但是，当您访问任何其他页面或博客文章时，标题会混乱。能否请您提供一个解决方案。

另一个问题是，在主页轮播中，我需要在博客摘录中多添加几行（艺术带来生活。这个博客....）。可以通过 CSS 实现吗？

解决了这两个问题：

添加单行 top:0;成功了。感谢社区的帮助。

看来，问题在于默认的 WP 摘录是 55。在 functions.php 文件中使用了一个函数来解决问题。如果它可能对其他人有帮助，请在下面提到它。

/* New excerpt length of 120 words*/
function my_excerpt_length($length) 
return 70;

add_filter('excerpt_length', 'my_excerpt_length');

您可以将 70 更改为您喜欢的任何内容:)

【问题讨论】：

你能不能提供一个小技巧，但是你可以在下面的元素上设置一个边距（例如“艺术家”）

没明白你的意思。你能解释一下吗？抱歉，刚接触这个。

O，你能提供一点sn-p（你项目中的一些独立代码）吗？看这个：jsfiddle.net把你的css和html放在这里，我们会尽力解决你的问题跨度>

@eugensunic 希望你创建一个create a Minimal, Complete, and Verifiable example。如果您阅读help center，它将帮助您提出问题并获得更好的答案。

@Liam... 明白了。我将通过这篇文章并尝试更好地概述我的问题。

【参考方案1】：

对于您的第一个问题菜单有问题，因为您为内容 ID 设置了 margin-top。

如果需要，请保持原样，对您的 css 进行更改

style.css 第 612 行

你必须

.navbar.navbar-default

leave other css as it is and change only
position: fixed;
top: 0; /* This one you miss*/
and remove margin

第二件事，您可以增加博客摘录 div 的宽度或高度。 在 flexslider.css 第 98 行

【讨论】：

谢谢！标题问题解决了。然而，第二个问题仍然存在。即使我增加了摘录框的宽度或高度，它显示的文本量也是固定的。

【参考方案2】：

只需在这个 css 规则 .navbar.navbar-default 中添加 top:0

.

navbar.navbar-default 
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: -2px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;

【讨论】：

谢谢拉文德。我可以解决标题问题。非常感谢

不客气 那么请将此标记为正确答案，以便对其他人有所帮助

我正在寻找第二个问题的答案，然后才能标记。谢谢！