12下一页
返回列表 发帖
查看: 1728|回复: 17

实现“段首缩进”改进帖子美观度,简单实现方法。

6

主题

69

回帖

85

积分

渐入佳境

贡献
0 点
金币
2 个
发表于 2023-6-3 11:12:05 | 显示全部楼层 |阅读模式
    首先这篇小记向“飘仙建站”致敬。https://bbs.piaoxian.net/一个孤独分享心得的网站论坛。
    由于我发帖子不能使用隐藏回复可见功能,为防止帖子沉底,看到的得到启发的坛友,回复一下。
    段首缩进,从排版印刷美观和优化用户体验的角度来看,确实非常实用,从民国时的《教育部划一教育机关公文格式办法》开始到现在,大家普遍已经习惯的使用,成为中国人的一个视觉必备,有人说段首现在都不缩进,互联网都这样的。
    用户体验是最直接的说明,做最好的用户体验,做最贴近用户的直观展现,选择在自己。
    DZ具体实现“段首缩进”方法很简单,小手点个赞,接着向下看。
    飘仙原文略作修改:发现发的帖子段落和段落之间区分不够,首行字也不会自动缩2格,找了教程,发现还挺简单:DZ论坛帖子内容设置自动首行缩进、默认行高、默认字体
    1、登录后台,点击模板,找到自己用的模版,点击模板缩略图边上的编辑:
    2、点击编辑以后,向下拉,找到“帖子内容字号 ”,将16px;line-height:2.5em;text-indent:3em;font-family:Microsoft Yahei; 粘贴到框里面,前面的16PX是字体大小,可以根据自己需要更改。(我的模板是简约设计的“资源分类_素材_教程”以前数据是“16px;line-height: 1.8;”)
    论坛论坛,大家进行讨论,可以互驳观点,请别对人身进行攻击。
    回复是发帖子的动力。

回复

使用道具 举报

6

主题

69

回帖

85

积分

渐入佳境

贡献
0 点
金币
2 个
 楼主| 发表于 2023-6-3 11:20:00 | 显示全部楼层

没有缩进的帖子

没有缩进的帖子

改进后缩进的帖子显示

改进后缩进的帖子显示


左边是没有首行缩进的帖子,右边是缩进的帖子
回复 支持 反对

使用道具 举报

8

主题

183

回帖

203

积分

炉火纯青

贡献
0 点
金币
9 个
发表于 2023-6-3 11:56:48 | 显示全部楼层
前排沙发 顶一下
回复 支持 反对

使用道具 举报

20

主题

732

回帖

1012

积分

已臻大成

贡献
26 点
金币
74 个
发表于 2023-6-3 11:58:50 | 显示全部楼层
换行就好了,你下面的演示图片首行缩进不也换行吗?上面的故意不换= =
回复 支持 反对

使用道具 举报

6

主题

69

回帖

85

积分

渐入佳境

贡献
0 点
金币
2 个
 楼主| 发表于 2023-6-3 12:28:46 | 显示全部楼层
罗永浩 发表于 2023-6-3 11:58
换行就好了,你下面的演示图片首行缩进不也换行吗?上面的故意不换= =

这两幅截图分别是更换代码前后的截图,没有我的主观行为,不存在故意不故意。试试就知道,
回复 支持 反对

使用道具 举报

75

主题

301

回帖

393

积分

炉火纯青

贡献
0 点
金币
0 个
QQ
发表于 2023-6-3 21:32:41 | 显示全部楼层
新站贴子少可以弄。老站贴子多就算了。
以前可能打多了回车和空格。看起来正常了。如果再用这个代码搞一次,又会乱版。所以大家可以根据情况来。
大渝传奇论坛(官方传奇)https://www.cqtieba.com
回复 支持 反对

使用道具 举报

4

主题

10

回帖

21

积分

初学乍练

贡献
0 点
金币
5 个
发表于 2023-6-3 22:31:54 | 显示全部楼层
按照楼主说的改了。发帖的时候,实现首行缩进了。但帖子发出来后,只有第一段首行缩进了。其它段落显示的还是原来的样子,没有缩进
回复 支持 反对

使用道具 举报

12

主题

1607

回帖

2716

积分

Giter

贡献
143 点
金币
353 个
发表于 2023-6-4 04:18:50 | 显示全部楼层
Discuz编辑器原生就支持首行缩进和行距,为什么要用这种奇怪的方式去实现……

完整版编辑器在居左 中 右 那三个按钮左边还有一个按钮,名叫自动排版。
如果你有好奇心,选中一些内容,点击这个按钮试试,就会看到如下所示的效果:

排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版



系统会为其添加标准的“首行缩进2个字,加大行距”效果。

如果你想进一步调整,可以点击纯文本那个勾查看代码,里面的代码是这样的:
  1. [p=30, 2, left]
复制代码

30是行距,2是首行缩进的量。可以按个人喜好进行修改。如果你给改成了50的行距,首行缩进4个字,则会变成这样:

排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版



当然如果你想要反人类的视觉效果也可以改成行距为10(比字号还小):

排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版






顺便补充一下,虽然在这里为大家提供了首行缩进的设置方法,但除非有特殊需求,否则不建议在日常发帖回帖当中使用首行缩进这类格式。
首行缩进,是纸质印刷品时代的产物。由于段落之间用空行分隔会浪费纸张,因此才会用首行缩进的方式勉强做一下段落的视觉区分。
但是数字时代的设计规范已经不再建议出现这样的东西了,因为屏幕显示是没有浪费纸这样的概念的,段落之间可以直接用空行分隔,首行缩进这种当年的妥协产物已经完全失去了意义。
回复 支持 反对

使用道具 举报

12

主题

1607

回帖

2716

积分

Giter

贡献
143 点
金币
353 个
发表于 2023-6-4 04:24:30 | 显示全部楼层
罗永浩 发表于 2023-6-3 11:58
换行就好了,你下面的演示图片首行缩进不也换行吗?上面的故意不换= =

数字时代,区分段落确实已经演变为以换行为主流的方式了,段落之间的区分更清晰。
首行缩进原本就是纸质传媒时代发明出来区分段落用的,为了印刷的时候不用留空行,还能有段落的视觉区分,省纸。
网页再去用这个就没意思了,也没必要。
回复 支持 反对

使用道具 举报

6

主题

69

回帖

85

积分

渐入佳境

贡献
0 点
金币
2 个
 楼主| 发表于 2023-6-5 08:02:48 | 显示全部楼层

排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版


排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版




回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 关注公众号
  • 有偿服务微信
  • 有偿服务QQ

手机版|小黑屋|Discuz! 官方交流社区 ( 皖ICP备16010102号 |皖公网安备34010302002376号 )|网站地图|star

GMT+8, 2024-5-5 22:28 , Processed in 0.046305 second(s), 7 queries , Redis On.

Powered by Discuz! W1.0 Licensed

Cpoyright © 2001-2024 Discuz! Team.

关灯 在本版发帖
有偿服务QQ
有偿服务微信
返回顶部
快速回复 返回顶部 返回列表