如果您想在您的网站上分享Twitter上的内容,Twitter可以很容易地嵌入推文。 嵌入推文通常比复制推文的屏幕快照更可取,因为它是完全交互式的,并且允许您的网站读者直接跳到Twitter用户的个人资料,自己转发或引用该推文,以及查看该推文可能产生的任何响应。
但是,Twitter嵌入推文的方式存在一个大问题:它们没有居中。 默认情况下,嵌入式tweet左对齐。
对于您来说,这可能不是问题,但是如果您重视网站的设计和一致性,那么将嵌入式推文与左侧对齐可能会很烦人,尤其是在所有其他嵌入式图像和视频都居中的情况下。
好消息是,只需在Twitter提供的嵌入代码中添加一些文本,即可快速轻松地将嵌入式tweet居中。 运作方式如下。
嵌入推文
首先,找到要嵌入的推文,并获取其嵌入代码。 通常,这是通过单击右上角的向下的小箭头并从菜单中选择“ 嵌入推文”来实现的。
复制Twitter提供的代码,然后转到您网站的CMS。 在平台上添加和编辑HTML的过程因平台而异,因此,如果不确定,请确保查阅平台的文档。 例如,您可以通过单击编辑器中的“ 文本”来查看WordPress上帖子的HTML和其他代码。 其他平台使用Source一词。 一旦弄清楚,将推文的嵌入代码粘贴到所需位置。
中心嵌入式推文
现在,如果我们在这里停止,则在预览页面时,您将获得标准的左对齐推文。 要使嵌入的推文居中,请查看嵌入代码并在开头附近找到以下位置:
在 twitter-tweet之后 ,但在引号内,添加tw-align-center ,确保在两个语句之间留一个空格:
而已! 只需保存您的更改并预览或发布您的帖子即可。 现在,您将看到嵌入式推文居中。