# 简单响应式页脚 **URL:** \ **Category:** Theme component\ **Tags:** official, easy-responsive-footer\ **Created:** [2018年八月28日 08:19 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818 "2018-08-28T08:19:17Z")\ **Posts on this page:** 20\ **Page:** 5
**Author:** ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)\ **Post date:** [2024年五月2日 01:09 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/225 "2024-05-02T01:09:47Z")
我看到一个类似的错误消息，是在一个落后 10 个提交的网站更新时出现的： ```plaintext 发生错误：您向请求提供了无效的参数： JSON Pointer '/4/text' 处的属性必须存在。JSON Pointer '/4/title' 处的属性长度必须至少为 1 个字符。JSON Pointer '/5/text' 处的属性必须存在。JSON Pointer '/5/title' 处的属性长度必须至少为 1 个字符。 ``` ---
**Author:** ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)\ **Post date:** [2024年五月2日 20:50 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/227 "2024-05-02T20:50:44Z")
@sfg85 @cogdog 如果您不介意，能否私信我 `link_sections` 和 `links` 设置的当前值？ ---
**Author:** ![cogdog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cogdog/32/116536_2.png) [@cogdog](https://meta.discourse.org/u/cogdog)\ **Post date:** [2024年五月2日 22:11 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/228 "2024-05-02T22:11:37Z")
在找到进入设置编辑器的方法后（感谢 @tgxworld），我找到了问题所在，我为链接部分设置了 2 个空设置。删除它们后，更新就成功了。 新版本有一个更简单的编辑器。我又能正常工作了。 ---
**Author:** ![sfg85](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@sfg85](https://meta.discourse.org/u/sfg85)\ **Post date:** [2024年五月3日 06:56 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/229 "2024-05-03T06:56:37Z")
@cogdog @tgxworld 该论坛只允许我发布一个链接和一个截图，所以我得想办法绕过。因此，我截了一张我将要回复的帖子的截图。见下文 🙂 希望这有帮助。如果您需要更多信息，请告诉我。 谢谢！ ![Screenshot 2024-05-03 085355](https://global.discourse-cdn.com/meta/original/4X/3/1/f/31f139fb2228a9a6bf8485f17d187f36dc6dbeae.png) ---
**Author:** ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)\ **Post date:** [2024年五月3日 07:19 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/230 "2024-05-03T07:19:59Z")
请转到主题页面，然后点击下方的“设置编辑器”，并告诉我 `links` 和 `link_sections` 设置的值。 ![Screenshot 2024-05-03 at 5.40.04 AM](https://global.discourse-cdn.com/meta/original/4X/9/b/6/9b61dd9618af29b8621d522730ce604ee611ad36.png) ---
**Author:** ![sfg85](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@sfg85](https://meta.discourse.org/u/sfg85)\ **Post date:** [2024年五月3日 07:40 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/231 "2024-05-03T07:40:48Z")
Here your go: ```plaintext { "setting": "link_sections", "value": "商店|关于|联系" }, { "setting": "links", "value": "商店, Shop for products, https://www.domainname.com/en/store/?utm_souce=sfrmftr, blank, Shop for products|关于, the Forum is proudly sponsored and hosted by domainname.nl.,https://www.domainname.com/en/store/?utm_souce=sfrmftr|联系, contact@domainname.com, mailto:contact@domainname.com" }, ``` ---
**Author:** ![sfg85](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@sfg85](https://meta.discourse.org/u/sfg85)\ **Post date:** [2024年五月5日 12:16 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/232 "2024-05-05T12:16:25Z")
最后，我只是删除了链接（不是链接部分）。然后我才能够升级。在尝试在新菜单中添加链接一段时间后，当我尝试使用默认的 `_blank` 目标保存时，它向我显示了以下错误：“JSON 指针 `/1/links/0/target` 处的属性必须是以下之一 [`_blank`, `_self`, `_parent`, `_top`]。” 我将其更改为 `_self`。然后我才能够保存。之后，我回去编辑链接，然后才能够将其更改为 `_blank` 作为目标并保存。 我必须为每个链接都执行上述操作。 也许以上内容有助于您的调试。或者，由于是您的组件导致的问题，所以可能没有帮助。 ---
**Author:** ![sfg85](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@sfg85](https://meta.discourse.org/u/sfg85)\ **Post date:** [2024年五月5日 12:19 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/233 "2024-05-05T12:19:10Z")
顺便说一句，新的菜单也很棒！ 🙂 ---
**Author:** ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)\ **Post date:** [2024年五月7日 14:06 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/234 "2024-05-07T14:06:59Z")
Hm，我无法升级我的一个站点，并收到以下错误： > 发生错误：迁移“0004-migrate-social-links-setting”遇到以下运行时错误：TypeError：helpers.isValidUrl 不是一个函数 这很奇怪，因为这些站点的设置非常相似。有什么想法吗？ ---
**Author:** ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)\ **Post date:** [2024年七月1日 09:55 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/235 "2024-07-01T09:55:43Z")
您好，感谢您的组件，它非常棒！有什么方法可以用我们公司的徽标替换第一列，使其与其他列对齐吗？ ![image](https://global.discourse-cdn.com/meta/original/4X/f/2/e/f2eac4c1f2227606745fdf6814558e717d26d340.png) ---
**Author:** ![BH10](https://avatars.discourse-cdn.com/v4/letter/b/c5a1d2/32.png) [@BH10](https://meta.discourse.org/u/BH10)\ **Post date:** [2024年十月10日 13:04 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/236 "2024-10-10T13:04:35Z")
出色的组件，做得好！ 当只有一个类别时，它位于框的中间。可以将其移到左侧吗？理想情况下，我希望“评价我们”部分位于屏幕的左侧，然后社交媒体链接位于右侧。 ![image](https://global.discourse-cdn.com/meta/original/4X/c/d/b/cdbf03c8fb182cf7dbb374aad5655ed7801a5c0d.png) ---
**Author:** ![Jane\_Shen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jane_shen/32/364064_2.png) [@Jane\_Shen](https://meta.discourse.org/u/Jane_Shen)\ **Post date:** [2025年二月28日 03:25 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/237 "2025-02-28T03:25:29Z")
您好，我想知道如何将我的自定义页脚代码添加到 Easy Footer。是否有导入选项？这里只看到导出。 ![该图像显示了一个页脚配置界面，其中包含用于部分、小型链接、社交链接、在登录页面上显示页脚以及 SVG 图标的选项，以及一个用于创建新的社交链接设置和用于预览、导出、转换、禁用和设置的列的按钮，以及一个删除按钮。（由 AI 生成标题）](https://global.discourse-cdn.com/meta/original/4X/1/7/5/1755d96425618f4cd5d5117adb8306f9c6e98ef8.png) ---
**Author:** ![AntiMetaman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/antimetaman/32/186978_2.png) [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)\ **Post date:** [2025年三月4日 22:15 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/238 "2025-03-04T22:15:26Z")
此组件除了支持文本外，还能添加对图像的支持吗？这样我们就可以在页脚放置徽标了？ ---
**Author:** ![blindzero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blindzero/32/492977_2.png) [@blindzero](https://meta.discourse.org/u/blindzero)\ **Post date:** [2025年三月9日 17:50 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/239 "2025-03-09T17:50:01Z")
非常酷的组件，谢谢。 有一些问题——可能太简单了 😉 我删减了几乎所有东西，只留下了 smalllinks……到目前为止一切都好。但是……整个页脚总是在屏幕区域之外，所以用户必须滚动，即使是在登录/注册页面（私人/封闭论坛）。有没有办法在有足够空间的情况下，在不滚动的情况下将页脚显示出来？ ![image](https://global.discourse-cdn.com/meta/original/4X/f/8/0/f803ac162cc6b9c7060fa1082003961c01f7b77d.png) 非常感谢！ ---
**Author:** ![Olle11](https://avatars.discourse-cdn.com/v4/letter/o/cdc98d/32.png) [@Olle11](https://meta.discourse.org/u/Olle11)\ **Post date:** [2025年三月10日 18:10 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/240 "2025-03-10T18:10:52Z")
如何更改页脚的颜色？ 现在它是黑色的，我希望页脚的颜色变浅。 ---
**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\ **Post date:** [2025年三月10日 18:26 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/241 "2025-03-10T18:26:16Z")
> [@blindzero](#): > > 是否有办法让页脚在有足够空间的情况下不滚动就出现？ 你好，欢迎。你可以在你的主题或新组件中尝试使用此 CSS： ```css .login-page { .sidebar-wrapper { display: none; } #main-outlet { min-height: auto; } .custom-footer { position: fixed; bottom: 0; width: 100%; } } ``` 你可能需要进行一些调整，但这会是一个开始。 ![该图片显示了一个 Discourse 的网页，其中包含装饰性徽标、欢迎消息和社交媒体图标。(由 AI 标注)](https://global.discourse-cdn.com/meta/original/4X/a/f/c/afc00771c885699e4858f8a255d9a700cf64866a.png) > [@Olle11](#): > > 如何更改页脚的颜色？ 例如，你可以使用此 CSS： ```css .custom-footer { background-color: #006699; } ``` ---
**Author:** ![Olle11](https://avatars.discourse-cdn.com/v4/letter/o/cdc98d/32.png) [@Olle11](https://meta.discourse.org/u/Olle11)\ **Post date:** [2025年三月10日 20:05 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/243 "2025-03-10T20:05:04Z")
谢谢，背景颜色设置成功了。如何更改页脚的文本颜色？不知何故，我的页脚文本颜色是黄色的。 ---
**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\ **Post date:** [2025年三月10日 20:09 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/244 "2025-03-10T20:09:27Z")
以下是默认颜色值。您可以进行调整： ```css .custom-footer { .flexbox { color: var(--secondary); } .first-box { .blurb { color: var(--secondary-high); } } .third-box { .social { .social-link { .d-icon { color: var(--secondary); } } } .small-link { color: var(--secondary-high); } } .footer-section-link-wrapper a { color: var(--secondary-high); } } ``` ---
**Author:** ![Olle11](https://avatars.discourse-cdn.com/v4/letter/o/cdc98d/32.png) [@Olle11](https://meta.discourse.org/u/Olle11)\ **Post date:** [2025年三月10日 20:17 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/246 "2025-03-10T20:17:39Z")
这些可以在哪里编辑？我只需要将（–secondary）替换为颜色代码吗？ ---
**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\ **Post date:** [2025年三月10日 20:20 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/247 "2025-03-10T20:20:04Z")
没错。默认情况下，它使用 CSS 变量，但您可以将 `var(..)` 替换为您选择的 CSS 颜色。 [上一頁](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=4) [下一頁](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=6)