1. 首先列举一下好看的公众号文章里边的边框,元素等样式:
    a. 学院名片 ▏艺术设计与传媒学院

    b. 欢迎报考上海立达学院‖艺术学院简历

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

    2.1 以上面第一个例子中的边框为例,我们在谷歌浏览器中打开这个公众号文章,并进入开发者模式:

    2.2 在开发者模式下选中这个边框,对应的区域会显示透明水蓝色,下面的代码区域会自动跳转到该区域对应的代码部分,如下图所示:

    2.3 在对应的代码区域,我们会发现有用信息,包括这部分使用的第三方编辑器的名称以及这部分样式在这个第三方编辑器中对应的ID:

    2.4 在浏览器中搜索135编辑器,并打开,点击"样式",在对应的界面的搜索中输入对应的ID。以这个例子来说,我们需要在搜索框中,输入“94556”,如下图所示:

    2.5 这样我们会在搜索结果中找到这个边框样式在135编辑器中最初始的模样:

    2.6 这个边框和我们在之前的公众号文章里看到的还是有一些区别的,比如这个边框的虚线和实线部分为淡绿色,但是在公众号中边框的虚线和实线部分为黑色,如下图对比所示:


    2.7 接下来,我们在135编辑器中点击选中最初始的这个边框,这个边框会在右边的编辑区域出现,如下图所示:

    2.8 下面,我们可以在135编辑器的编辑区域中对这个边框进行相应的编辑,使它变成公众号文章中边框的样子:

    2.9另外,还可以在开发者模式中通过选中对应的部分,跳转到该部分对应的代码进行调整,如下图:
    该图中,被圈中的带有"solid", "dashed"的特征的分别指的就是实线框,与虚线部分。另外也可以根据后面的颜色进行判断,黑色对应的是实线框,淡绿色对应的是虚线部分。可以在开发者模式中对颜色进行修改,如下图所示:

    PS:这一部分的惊喜发现是,将下图红色方框中的url粘贴到浏览器中打开,得到的是一张图片:

    对应的图片部分如下:

    也就是说这个淡绿色的装饰边是个图片,是不可以修改的。知道这样之后可以省略很多的不必要的工作。

    2.10 之后在135编辑器中点击"微信复制",这样这部分内容会被选中,如下图所示:

    2.11 这样在微信公众号里可以进行粘贴,这部分内容会出现在公众号文章中,如下图所示:

    如果要对边框中的文字进行修改,建议把这部分文字帖到编辑器中的边框中处理好之后,再整体粘贴到公众号文章中。

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

  1. 微信公众号中图文素材如何用CSS形式实现圆点等效果

    1.首先,文章标题中提到的"圆点方框等效果"指的是这样一些效果,如下图所示: 链接地址:学院名片 ▏艺术设计与传媒学院 2. 怎么实现这种效果呢?以图中的效果为例,我们可以进入开发 ...

  2. 微信保存图片提示失败_微信公众号多图文素材编辑完成保存失败该怎么解决?...

    本文以图文结合的形式告诉大家怎么解决公众号多图文素材编辑完成保存失败的问题 软件名称:Windows Phone 微信 v5.1.4 官方最新版软件大小:25MB更新时间:2014-06-26立即下载 ...

  3. 在微信公众号中添加外部的链接图文教程

    2017-9-18,长沙,有点闷,有点热. 本教程教大家如何在微信公众号中,添加外部的链接,网络有很多教程,但由于表述不太清楚,出个教程吧.最终实现在微信后台管理平台"原文链接"处 ...

  4. 如何把微信公众号中的图文复制出来

    如何把微信公众号中的图文复制出来 前言: 平时看到好的公众号文章的时候,想把它复制下来,保存在本地,或者进行编辑.转载等,转载可通过公众号留言,找公众号所有者进行审核,但该过程繁杂.如果直接ctrl+ ...

  5. 在微信公众号中如何添加【自定义菜单】,原创图文教程

    注:文章发布较久,图片文件不显示,重新上传图片内容不变: 阿酷TONY原创 2020-12-9 如何在微信公众号中添加自定义的菜单?这个问题,很多微信运营人员都想知道,出图文教程说说吧.关键词:微信公 ...

  6. 微信公众号之(素材上传)群发消息

    微信公众号之(素材上传)群发消息 利用工作之余写写博客,看看博客是个学习的好方法哦! 微信公众号之素材上传群发消息 第一步上传图片视频音频等 第二步上传图文素材 第三步进行群发 第一步上传图片(视频. ...

  7. 公众号 关注_微信公众号关注图文跳转网页如何操作实现?

    对于微信公众号关注图文跳转网页的场景实现,微号帮平台提供了粉丝关注定时推送功能实现,公众平台提供了开发接口编程实现功能效果,都能实现微信公众号关注图文跳转网页,只要网页能正常在个人微信上打开浏览都能设 ...

  8. 微信公众号-java上传图片素材到微信服务器基于事件推送两条消息

    微信公众号-java上传图片素材到微信服务器&基于事件推送两条消息 场景:基于微信扫码登录/关注事件,向用户推送两条消息. 分析:翻阅了微信开发者文档和一些其他资料发现,公众号针对用户关注/扫 ...

  9. 微信小程序打开微信公众号中的文章实战教程

    微信小程序获取微信公众号文章实战 情景 微信小程序中有一块功能是需要从关联的微信公众平台中获取最新的一篇文章进行展示,看了微信公众号的官方文档与微信小程序的文档,好像都没有找到类似的接口,所以想了一个 ...

最新文章

  1. 人人都能学会的python编程教程11:定义函数
  2. 使用JMX监控Kafka
  3. initialize方法与load方法比较
  4. 在Kotlin中使用libGDX
  5. C语言 有符号字符型输出 面试题
  6. python实现雪花动态图_如何通过雪花算法用Python实现一个简单的发号器
  7. 【iOS逆向与安全程序员简历如何写?】四点忌讳以及过个要点:强调效果胜过强调水平、保持一致性和向上的趋势、在简历中要用好主题词。通常不超过两页(A4纸正反两面)为佳。
  8. 大四求职经历——我只是一个普普通通的程序员
  9. 对Java语言入门初学者的一些建议
  10. dbt2 mysql_DBT2 Benchmark Tool (mysql压力测试工具) V0.37.50.14
  11. qlabel 详解
  12. 是谁毁了GIS应届毕业生
  13. Eclipse @override报错
  14. freeglut_光照设置_材质设置_笔记与心得
  15. head标签中logo图的设置
  16. 无法访问网上邻居解决方法
  17. 前端进阶_狂神Vue笔记_语法指令v-bind、v-on、v-for_表单双绑_组件_Axios异步通信_Vue的生命周期_计算属性_插槽 <slot>_webpack使用_vue-router路由
  18. java 交易不返回,Java rowAtPoint()不返回正确的值
  19. ElasticSearch(ES)介绍
  20. 量子计算机 液体核磁共振,量子计算机.doc

热门文章

  1. webview 清除缓存的方式
  2. IE浏览器八大经典故障
  3. 2022年起重机械安全管理复训题库模拟考试平台操作
  4. IP路由基础及(三种)路由信息获取方式
  5. 禁止ios字体调整大小
  6. DroneKit(四)——无人机协同
  7. USB接口Altium designer原理图PCB封装
  8. Outlook Express 修复丢失邮件
  9. NGUI用onSelect检测(监听)Input 控件失焦(非选中状态)
  10. LeetCode题解(1594):矩阵从左上移动到右下的最大非负积(Python)