公众号推文添加附件&秀米添加附件?三步轻松实现

很多人都不知道,其实公众号文章正文是支持添加附件的,只是需要借助一个叫做“文章附件”的网站来实现。公众号自身是不支持直接上传文件的,但是我们可以通过另外的方式来实现。

其实原理很简单,公众号文章中是可以添加小程序链接的,把小程序链接对应的小程序页面做成下载页面,就能实现公众号添加附件了。

所以我们利用公众号做一些通知发布的时候,可以给文章添加上附件给粉丝们下载,比如说获奖名单、招聘信息表、职位申请表、登记表、报名表、大赛通知、公示名单、招标公告原文等。

操作也很简单,只需要三个步骤:

第一步,上传文件

把文件上传到文章附件网站(wzfj.cc),获得网站为文件生成的“直达链接”。因为手机上找文件比较麻烦,所以不建议使用手机操作,复制网站链接到电脑端浏览器打开即可上传。

第二步,复制链接

在生成的文件记录中找到直达链接一栏,点击复制文件的直达链接。点击“直达链接”一栏下面的“复制”按钮即可复制,建议使用谷歌浏览器操作。(因为部分浏览器不支持复制直达链接)

第三步,粘贴链接

回到公众号后台编辑文章的地方,把鼠标放在合适位置,粘贴直达链接。直达链接为公众自带的编辑器而开发,不支持粘贴到第三方的排版工具比如秀米之类的编辑器中。至于在秀米中如何操作,且继续往下看。

最后,在文章发表之前,记得通过公众号提供的预览功能,预览一遍文章,并且检查一下附件链接是否能够正常打开和下载文件。确保没有问题后,再发表文章。

文章附件支持多种格式的附件,只不过因为微信自身环境的限制,只有四种格式的文件(Word、Excel、PPT、PDF)是支持下载完直接打开的,其他格式的文件在下载完成后需借助第三方的应用进行打开(能下载保存不能直接打开)。

秀米中如何为公众号添加附件?

在秀米中添加附件相对来说稍微麻烦点,其实也不难。感兴趣可以继续往下看:

详细步骤/教程:

第一步

把鼠标放在需要添加附件的位置,然后依次点击左边菜单「组件」-「公众号组件」,滚动到底部找到「小程序文字组件」,点击添加到文章里。

第二步

把文件上传到文章附件网站,得到文件对应的小程序路径和小程序appid(AppID在网站介绍文字下面,路径在上传记录中,复制一下就行)。

第三步

编辑右边编辑框出现的小程序组件信息,按图五的步骤完善小程序信息。(简单来说就是设置小程序链接的标题、appid和小程序路径)

第四步

预览一下效果,由于秀米中缺乏微信环境的支持,使用秀米自带的预览功能时,文件下载链接是无法点击的,可以使用公众号自家的预览功能看一下效果。

【此处没有图】

需要注意的是,秀米中的预览功能由于缺乏微信环境的支持,在秀米预览中无法打开附件链接是正常现象,如果需要预览附件添加的效果,可以把文章内容复制到公众号后台,利用公众号自家提供的预览功能查看。

支持添加word、excel、ppt、pdf、压缩包、音频文件、txt、wps等附件格式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现公众号推文的3D卡片悬浮效果,可以采用CSS3的transform属性和transition属性结合实现。 步骤如下: 1.创建一个卡片容器的div,并设置该div的position属性为relative。 2.卡片容器内部再创建两个div,分别为卡片的正面和反面,设置这两个div的position属性为absolute。 3.正面和反面的div在卡片容器内部通过transform属性做出3D旋转效果。 4.为卡片容器的鼠标事件添加动画效果,当鼠标悬浮在卡片容器上时,通过transition属性,使卡片容器和卡片的正反面都有一个从静止到旋转的过渡效果,当鼠标离开时,同样有一个反向的过渡效果。 具体代码实现可以参考下面的示例: ```html <div class="card-container"> <div class="card-front"></div> <div class="card-back"></div> </div> ``` ```css .card-container { position: relative; width: 200px; height: 300px; perspective: 1000px; /* 透视效果,确定旋转的视角距离 */ cursor: pointer; } .card-front, .card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; /* 隐藏反面的div */ transition: all 0.5s ease-in-out; /* 过渡效果 */ } .card-front { background: #fff; transform: rotateY(0deg); /* 初始状态为正面 */ } .card-back { background: #f00; transform: rotateY(-180deg); /* 初始状态为反面 */ } .card-container:hover .card-front { transform: rotateY(180deg); /* 鼠标悬浮时正面旋转180度 */ } .card-container:hover .card-back { transform: rotateY(0deg); /* 鼠标悬浮时反面旋转180度 */ } ``` 通过上述代码可以实现一个简单的3D卡片悬浮效果,你可以根据实际需要进行修改和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值