您当前位置: > 联系我们 > >> 正文

知乎日报微信公众号文章背景的格子底纹是怎么制作的?

作者:admin 浏览次数:

  不知道从什么时候开始,微信公众号刮起了一阵「格子背景」的风潮。微信公众大号们只是简单换了个微信背景,顿时就显得逼格满满,羡煞旁人,引得众人纷纷模仿。

  众所周知,微信文章的默认背景是白色的,对于一些内心丰富,想搞事情的运营者来说,白色就太平凡普通丑了。于是乎,低调奢华又不失内涵,沉稳大气又不失小俏皮的「格子背景」就应运而生。

  我要的是那种点一下,咻的一下,格子背景就出现的那种效果啊!为什么不明白?啊!这个要求很过分吗?!

  是的,如果有这样的神器,大家不会去用吗?还会傻乎乎地研究源代码吗?!但我居然真的找到了一键搞定「格子背景」的神器!

  安装西瓜插件后,编辑器的左侧会出现一个样式中心,这里面你可以选择自己喜欢的各种文章样式,有标题、正文、图文、引导图等几个分类。

  废话少说,切入重点。西瓜插件的「格子背景」在正文分类里,点击查看更多,可以轻松找到几款不一样的「格子背景」。记得点击右上角的「收藏」按钮,下次就能方便使用了。

  点击想要的「格子背景」后,编辑器里的微信文章背景就会变成与众不同的「格子背景」,直接在样式里输入文字就能正常使用啦。

  需要特别说明下,西瓜插件是一款免费使用的公众号运营工具,包括「格子背景」在内的所有文章样式都是免费使用的哦,我们的同行某小插件可是需要VIP付费才能使用的呢。

  除了好看好用的样式中心外,西瓜插件还为公众号运营者提供了一系列工作中刚需急需的功能,欢迎广大运营者来使用体验~

  好,朋友圈看到朱玉同学的提问,小透明不敢实名回答。在此献丑回答这个问题。

  利用chrome的F12,打开开发者选项,审查元素,找到编辑器正文的代码

  大概在这。body之下的都是可编辑的内容,然后往里面插入一段html代码。

  方法1:直接粘贴复制知乎日报的格式即可。就像这样,直接选中粘贴到编辑器里,把原来的内容删掉再替换自己的内容即可。

  利用知乎的编辑器,比如说我这个问题里面,你利用chrome 右键审查元素,这样。

  随便检查一个元素,右键 edit html ,然后把我上面的那段section.. 代码复制进来,再点一下其他元素。

  格子背景”又一次成为很多头部公号的“新宠”,很多公众号图文中都能看到全文格子背景。看起来不仅非常精致美观,充满文艺气息,并且能够突出文字内容,缓解读者阅读时的疲劳感。

  其实设置的方法非常简单,仅需两步,“文艺范”爆棚的全文格子背景轻松搞定!

  ② 在弹出的系统推荐背景图中选择第一个背景图,该背景图即为“格子”背景。

  ③ 选择背景图后,自动返回上一级菜单。可在右侧“背景效果预览”区域预览添加格子背景后的效果。

  相信细心的小伙伴已经发现,这样直接添加格子背景后,全文背景图的左右两侧边缘并不一致,影响到阅读体验。

  选择背景图的对齐方式为“居中”,现在我们能看到格子背景两侧已经保持一致。点击“完成”,全文格子背景就添加了!

  当然,本文中介绍的方法,不仅适用于添加格子背景,添加全文纯色背景、动态背景、上传自己的图片作为背景图也是可以的!操作方法类似,可以自行尝试!

  如果只是想快速编辑,直接搜135编辑器,找背景图一栏就能看到这个格子图了

  一、在135编辑器中找到『背景』,然后找到『方格斜纹』,点击第一个就是啦!

  二、在135编辑器中搜索『格子背景』,出现的第一个就是三儿常用的格子背景啦!当然还有一些其他样式的格子背景哦。

  哈哈哈哈哈,怎么会结束呢?我那么爱(怕)你(老)们(板)!接下来三儿要为大家带来的是格子背景的进阶版教程哦!

  设置完格子背景后,我们发现格子背景的两边不!一!样!啊!身为处女座的三儿,怎么会容忍这样的事情发生!!!

  我们可以通过【背景设置】,通过修改背景的【对齐方式】来达到理想的效果。你也可以根据自己的需要来设置其他的参数哦!

  “三儿,大家都设置了格子背景,我想做一个不一样的崽儿!只给一部分内容设置可以吗?”

  当然可以啦!我们在135编辑器中搜索【格子背景】,选中你需要设置格子背景的区域,然后点击格子背景,就可以设置完成了。

  这里要注意的是:如果需要继续使用格子背景的话,在段落后面用回车键换行就可以了。如果接下来输入的部分不需要格子背景,需要点击【后空行】哦!

  这里需要注意的是:我们需要上传的图片尽量以浅色调或单一元素为主,切记不要设置花里胡哨的背景,需要和文章整体的排版风格搭配起来使用哦!

  除了我们常用的黑白格子外,我们的设计师小姐姐还新增了其他类型的格子背景哦!

  更多关于微信排版的干货教程,可以关注135编辑器公众号(ID:editor135)进行了解

  其实公众号文章想要这种格子底纹的背景很简单,有两种快速达成的方法,不用和复杂的代码打交道~

  怎么套用?像知乎日报这篇文章,我们可以直接采集文章,将图片文字删除,只保留背景,随后填充自己的内容即可。

  壹伴的样式中心,除了标题、正文样式之外,还有几十种背景样式,其中就包括格子背景,还有其他好看的高逼格纹理背景,绝对会满足大家的需求~

  提到样式,不得不向大家推荐壹伴的采集样式功能,全网公众号文章的样式你都能采集下来,为自己所用,在收藏夹内直接点击即可秒刷样式!

广告
 # 技术支持:百度
电话:010-57194701 在线QQ客服:992015934
@CopyRight 2009-2014,某网页设计公司, Inc.All Rights Reserved.