# 简单响应式页脚

**URL:** https://meta.discourse.org/t/easy-responsive-footer/95818
**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:** 2

<div class="post-metadata">

### Author: ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)
#### Post date: [2022年五月12日 07:33 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/164 "2022-05-12T07:33:18Z")

</div>

谢谢！我已经更新了，确实解决了问题。但是，当我进入设置，例如管理员设置时，宽度仍未设置为最大屏幕宽度。它在设置中仍然会扩展。禁用简易页脚插件后，它会再次尊重最大宽度。

编辑：似乎最新主题视图中的宽度未正确设置。

启用简易页脚：

 ![Screenshot_20220512-130730](https://global.discourse-cdn.com/meta/original/4X/a/8/e/a8e75519f74f050fbbaeedb973cda8ad7aace0c1.png)

禁用简易页脚：

 ![Screenshot_20220512-130722](https://global.discourse-cdn.com/meta/original/4X/5/1/0/510055b78e6987212243cbc212e2a36cbc61048b.png)

再次编辑：已更新整个 Discourse 实例，现在一切正常。我想是 Discourse 本身的 CSS 更改了，与插件不兼容。

---

<div class="post-metadata">

### Author: ![stance455](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stance455/32/255345_2.png) [@stance455](https://meta.discourse.org/u/stance455)
#### Post date: [2022年五月12日 12:20 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/165 "2022-05-12T12:20:31Z")

</div>

![Screen Shot 2022-05-12 at 3.18.43 PM](https://global.discourse-cdn.com/meta/original/4X/f/7/e/f7ee7ca6da6ac5c4d9c854ed7274e83e88042d5b.png)

预览时出现“访问被拒绝”错误

…这个\<s\>插件\<s\>主题组件是否会显示在爬虫版本中？

**离题：** 下面是插件还是某种我可以在标准 Discourse 编辑器中复制的巧妙格式？

 ![Screen Shot 2022-05-12 at 3.20.16 PM](https://global.discourse-cdn.com/meta/original/4X/3/3/d/33d6c62fd6e8d2d70659bb578849dbb79e3168c6.png)

---

<div class="post-metadata">

### Author: ![mbauman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbauman/32/139835_2.png) [@mbauman](https://meta.discourse.org/u/mbauman)
#### Post date: [2022年五月12日 13:10 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/166 "2022-05-12T13:10:06Z")

</div>

> [@AquaL1te](#):
>
> 又一次编辑：更新了整个 Discourse 实例，现在没问题了。我猜是 Discourse 本身的 CSS 更改了，与插件不兼容。

这次更新会很快面向托管客户推出吗？我们的托管站点仍然存在此行为。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年五月12日 19:11 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/167 "2022-05-12T19:11:09Z")

</div>

你能再次更新组件吗？它需要进一步调整

> <https://github.com/discourse/Discourse-easy-footer/commit/b49b64917bcd21e6c5768b3e55540d84f6229d4a>

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年五月12日 19:15 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/168 "2022-05-12T19:15:31Z")

</div>

> [@stance455](#):
>
> 预览时出现“访问被拒绝”错误

奇怪，对我来说仍然有效……即使是登出状态。

> [@stance455](#):
>
> ……这个 ~~插件~~ 主题组件在爬虫版本中显示吗？

不，主题组件不会在爬虫视图中显示

> [@stance455](#):
>
> **离题：** 下面是插件还是某种巧妙的格式，我可以在标准的 discourse 编辑器中重现？
> 
> ![Screen Shot 2022-05-12 at 3.20.16 PM](https://global.discourse-cdn.com/meta/original/4X/3/3/d/33d6c62fd6e8d2d70659bb578849dbb79e3168c6.png)

这是一个用 markdown 创建的表格，请查看 [Adding a table to your post using markdown](https://meta.discourse.org/t/create-a-table-using-markdown-on-your-discourse-forum/66544)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2022年五月12日 19:21 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/169 "2022-05-12T19:21:09Z")

</div>

> [@awesomerobot](#):
>
> 奇怪，对我来说它仍然有效

也许是因为今天进行的编辑。

> [@stance455](#):
>
> \*\*离题：\*\*以下是插件还是某种我可以在标准讨论编辑器中重现的巧妙格式？

我总是引用一篇文章来查看它是如何完成的

---

<div class="post-metadata">

### Author: ![stance455](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stance455/32/255345_2.png) [@stance455](https://meta.discourse.org/u/stance455)
#### Post date: [2022年五月12日 19:22 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/170 "2022-05-12T19:22:12Z")

</div>

> [@awesomerobot](#):
>
> 奇怪，我这里仍然可以正常工作……即使是登出状态。

是的，不确定那是什么——现在可以正常工作了。（我之前测试过 Chrome 的隐身模式）

> [@awesomerobot](#):
>
> 这是一个用 markdown 创建的表格，可以看看 [在你的 Discourse 论坛上使用 markdown 创建表格](https://meta.discourse.org/t/create-a-table-using-markdown-on-your-discourse-forum/66544)

哦，非常棒，如果能看到一些按钮的示例就更好了。需要研究一下。

---

<div class="post-metadata">

### Author: ![mbauman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mbauman/32/139835_2.png) [@mbauman](https://meta.discourse.org/u/mbauman)
#### Post date: [2022年五月12日 19:23 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/171 "2022-05-12T19:23:42Z")

</div>

那解决了，谢谢！

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年五月12日 19:26 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/173 "2022-05-12T19:26:55Z")

</div>

> [@stance455](#):
>
> 哦，非常整洁，很高兴能看到一些按钮的示例。需要对此进行调整。

啊，安装按钮不一样……那是一个我们专门为 Meta 创建的自定义插件。

---

<div class="post-metadata">

### Author: ![Usman\_Perwaiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/usman_perwaiz/32/261538_2.png) [@Usman\_Perwaiz](https://meta.discourse.org/u/Usman_Perwaiz)
#### Post date: [2022年六月10日 16:20 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/174 "2022-06-10T16:20:39Z")

</div>

一个快速的问题：是否可以将页脚的宽度（整页）增加，并删除两侧的额外空间？

---

<div class="post-metadata">

### Author: ![Victor\_Ashiedu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/victor_ashiedu/32/264361_2.png) [@Victor\_Ashiedu](https://meta.discourse.org/u/Victor_Ashiedu)
#### Post date: [2022年六月25日 16:44 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/175 "2022-06-25T16:44:32Z")

</div>

您好 @dax，

我添加了更多页脚链接以生成两行。如您所见，第二行与第一行未对齐。我的移动页脚也未按预期对齐）

我想知道您是否能帮我用 CSS 将两行都左对齐。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/a/b/2abd87a003071710926821dbdcec3e71cb743b39.png)

---

<div class="post-metadata">

### Author: ![Dirham\_Dirham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dirham_dirham/32/244528_2.png) [@Dirham\_Dirham](https://meta.discourse.org/u/Dirham_Dirham)
#### Post date: [2022年六月30日 03:41 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/176 "2022-06-30T03:41:34Z")

</div>

当使用手机访问时，页脚似乎没有显示出来

---

<div class="post-metadata">

### Author: ![Victor\_Ashiedu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/victor_ashiedu/32/264361_2.png) [@Victor\_Ashiedu](https://meta.discourse.org/u/Victor_Ashiedu)
#### Post date: [2022年七月4日 13:10 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/177 "2022-07-04T13:10:40Z")

</div>

您好 @Johani。我安装了这个页脚主题组件，我很喜欢。不过我有一个问题。

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/4/8/d48263b85a10ecd652f55bcc355ad7016102245f.png)

从上面的截图可以看出，我有 12 列。我正在努力将页脚强制分为上面 6 个类别和子类别，下面 6 个。

另外，在您的移动截图上，项目排列成 2 行，但我的只有 1 行。这是我的移动截图：

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/4/e/24e30783b92eed99e6a3e5ae55289308e48406ac.jpeg)

---

<div class="post-metadata">

### Author: ![ganncamp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ganncamp/32/106199_2.png) [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [2022年七月7日 14:44 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/178 "2022-07-07T14:44:15Z")

</div>

我们很乐意使用这个，但我们在使用时遇到了奇怪的行为，即我们的“链接部分”输入在失去焦点时被“[object FocusEvent]”替换，控制台中没有任何错误（或任何其他输出）。

---

<div class="post-metadata">

### Author: ![ganncamp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ganncamp/32/106199_2.png) [@ganncamp](https://meta.discourse.org/u/ganncamp)
#### Post date: [2022年七月14日 18:50 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/179 "2022-07-14T18:50:02Z")

</div>

好了……现在它能用了。🤷‍♀️

---

<div class="post-metadata">

### Author: ![hoangphuctran93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangphuctran93/32/290976_2.png) [@hoangphuctran93](https://meta.discourse.org/u/hoangphuctran93)
#### Post date: [2023年二月11日 04:04 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/180 "2023-02-11T04:04:43Z")

</div>

这是一个很棒的主题，我在管理的 5 个论坛上都使用过它。但是，最近我需要使用自定义表情符号作为链接名称，但它无法渲染。使用可用的表情符号，这是可能的。您可以检查并升级它们

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/7/e/97e95b276dc7d44293e7a15170e2dd029be65e1a.jpeg)  
查看地址：[https://businesslab.vn](https://businesslab.vn)

---

<div class="post-metadata">

### Author: ![xiaokong23357](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiaokong23357/32/321957_2.png) [@xiaokong23357](https://meta.discourse.org/u/xiaokong23357)
#### Post date: [2023年三月8日 06:58 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/181 "2023-03-08T06:58:33Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/0/5/b/05b68278564c09e8088048eba287e89bdafe9051.png)

浏览器全屏后页脚布局出现问题，请问如何解决？

---

<div class="post-metadata">

### Author: ![xiaokong23357](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiaokong23357/32/321957_2.png) [@xiaokong23357](https://meta.discourse.org/u/xiaokong23357)
#### Post date: [2023年三月8日 09:14 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/182 "2023-03-08T09:14:33Z")

</div>

就这么定了，马凡乐

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/6/a/e6af6466181a879b33a5c0f8f0c75a48c945ed7e.png)

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [2023年三月8日 21:28 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/183 "2023-03-08T21:28:10Z")

</div>

有没有办法让这个页脚仅在移动模式下出现在所有页面上，并且只显示图标？就像底部的粘性按钮菜单一样？

---

<div class="post-metadata">

### Author: ![gormus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gormus/32/428592_2.png) [@gormus](https://meta.discourse.org/u/gormus)
#### Post date: [2023年六月1日 22:49 UTC](https://meta.discourse.org/t/easy-responsive-footer/95818/184 "2023-06-01T22:49:56Z")

</div>

我在本地的浏览器控制台中收到一条警告。

```plaintext
[THEME 14 'Easy Footer'] \"controller:static\" was not found by modifyClass

_resolveClass	@	plugin-api.js:77

```

[上一頁](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=1)

[下一頁](https://meta.discourse.org/t/easy-responsive-footer/95818.md?page=3)