微信公众号中图文素材如何实现各种边框等样式

  1. 首先列举一下好看的公众号文章里边的边框,元素等样式:
    a. 学院名片 ▏艺术设计与传媒学院
    微信公众号中图文素材如何实现各种边框等样式_第1张图片
    b. 欢迎报考上海立达学院‖艺术学院简历
    微信公众号中图文素材如何实现各种边框等样式_第2张图片

  2. 我们怎样才能把这些好看的边框,元素等样式用在我们的公众号里面呢?

    2.1 以上面第一个例子中的边框为例,我们在谷歌浏览器中打开这个公众号文章,并进入开发者模式:
    微信公众号中图文素材如何实现各种边框等样式_第3张图片
    2.2 在开发者模式下选中这个边框,对应的区域会显示透明水蓝色,下面的代码区域会自动跳转到该区域对应的代码部分,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第4张图片
    2.3 在对应的代码区域,我们会发现有用信息,包括这部分使用的第三方编辑器的名称以及这部分样式在这个第三方编辑器中对应的ID:
    微信公众号中图文素材如何实现各种边框等样式_第5张图片
    2.4 在浏览器中搜索135编辑器,并打开,点击"样式",在对应的界面的搜索中输入对应的ID。以这个例子来说,我们需要在搜索框中,输入“94556”,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第6张图片
    2.5 这样我们会在搜索结果中找到这个边框样式在135编辑器中最初始的模样:
    微信公众号中图文素材如何实现各种边框等样式_第7张图片
    2.6 这个边框和我们在之前的公众号文章里看到的还是有一些区别的,比如这个边框的虚线和实线部分为淡绿色,但是在公众号中边框的虚线和实线部分为黑色,如下图对比所示:
    微信公众号中图文素材如何实现各种边框等样式_第8张图片
    微信公众号中图文素材如何实现各种边框等样式_第9张图片
    2.7 接下来,我们在135编辑器中点击选中最初始的这个边框,这个边框会在右边的编辑区域出现,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第10张图片
    2.8 下面,我们可以在135编辑器的编辑区域中对这个边框进行相应的编辑,使它变成公众号文章中边框的样子:
    微信公众号中图文素材如何实现各种边框等样式_第11张图片

    2.9另外,还可以在开发者模式中通过选中对应的部分,跳转到该部分对应的代码进行调整,如下图:
    微信公众号中图文素材如何实现各种边框等样式_第12张图片该图中,被圈中的带有"solid", "dashed"的特征的分别指的就是实线框,与虚线部分。另外也可以根据后面的颜色进行判断,黑色对应的是实线框,淡绿色对应的是虚线部分。可以在开发者模式中对颜色进行修改,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第13张图片
    PS:这一部分的惊喜发现是,将下图红色方框中的url粘贴到浏览器中打开,得到的是一张图片:
    微信公众号中图文素材如何实现各种边框等样式_第14张图片
    对应的图片部分如下:
    微信公众号中图文素材如何实现各种边框等样式_第15张图片
    也就是说这个淡绿色的装饰边是个图片,是不可以修改的。知道这样之后可以省略很多的不必要的工作。

    2.10 之后在135编辑器中点击"微信复制",这样这部分内容会被选中,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第16张图片
    2.11 这样在微信公众号里可以进行粘贴,这部分内容会出现在公众号文章中,如下图所示:
    微信公众号中图文素材如何实现各种边框等样式_第17张图片
    如果要对边框中的文字进行修改,建议把这部分文字帖到编辑器中的边框中处理好之后,再整体粘贴到公众号文章中。

你可能感兴趣的:(公众号)