仿致美化长图+宽图排版 - B2美化

仿致美化长图+宽图排版的WordPress美化教程

致美化是使用B2主题的,在美化这一方面,算得上是深度美化了,有很多有趣的地方我们可以来学习学习。

效果演示

我们模仿这一种

仿致美化长图+宽图排版 - B2美化-Npcink

可以看到,在这一模块中,出现了两种图片比例,两种数量,

  • 上面:长图,6个
  • 下面:宽图,8个

为了模仿这种效果,我们可以用两个模块加上美化来实现类似的效果。

创建模块

我们需要创建两个区块,甲、乙,甲在第一个区块,乙在第二个区块。如下图:

仿致美化长图+宽图排版 - B2美化-Npcink

  • 调用文章内容,列表样式一
  • 选择文章分类
  • 每行显示数量:6
  • 每页显示数量:6
  • 缩略图比例:3/5
  • 是否显示加载更多按钮:隐藏

  • 调用文章内容,列表样式一
  • 每行显示数量:4
  • 每页显示数量:8
  • 缩略图比例:4/2
  • 是否显示加载更多按钮:隐藏

根据列表要求配置好模块,注意甲模块和乙模块的位置。

外观美化

隐藏内容,您需要满足以下条件方可查看
End

需要注意的是,这两个模块需要在一起,方便使用上面提供的CSS来美化外观样式。CSS中的数字代表对应模块的Class,各位看一下网页源代码就懂了。

相关帮助

不懂的就私聊我吧,免费教你用噢,1355471563

相关推荐

仿致美化长图+宽图排版 - B2美化-Npcink
仿致美化长图+宽图排版 - B2美化-Npcink

94设计素材网模块标题 - B2主题WordPress美化

94设计素材网的模块标题简洁大气,表意明确,鲜明的颜色区分让一个个的按钮生动灵活
仿致美化长图+宽图排版 - B2美化-Npcink
仿致美化长图+宽图排版 - B2美化-Npcink

B2主题页脚美化 - WordPress美化

优化B2主题的底部显示
WP教程

高仿bilibili播放器自带弹幕后台 - WordPress教程

2020-9-19 0:43:00

WP教程

怎么指定邮箱可注册? - WordPress教程

2020-9-28 0:07:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
10 条回复 A文章作者 M管理员
  1. penn

    真好看

  2. 言之

    真好看

  3. ‭1670

    致美化很漂亮啊,羡慕中

    • Muze

      多花一点心思,我们自己也能做的不错的

  4. 十樟

    干货~~可惜用不到自己的网站

    • Muze

      可以收藏一下嘛

  5. 我爱saber

    我去 不愧是NPC,成功水文一篇!!!

    • Muze

      嘿嘿,今天闲下来了,得把过去几天的文章都水到位。

    • 我爱saber

      羡慕 除了羡慕只有羡慕.....................

    • Muze

      只要脸皮厚,尴尬的就是别人啦( ̄▽ ̄)"

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索