任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

如何在WordPress 4.3中禁用可视化编辑器格式快捷键

不喜欢WordPress 4.3中引入的格式快捷键?觉得有点让人分心吗?最近,我们的一个用户问我们如何在WordPress中禁用可视化编辑器格式快捷键。在本文中,我们将向您展示如何在WordPress 4.3中禁用可视化编辑器格式快捷键。 什么是格式化快捷键以及如何使用它们? WordPress 4.3带来了一项名为格式快捷键的新功能。它允许用户快速添加常见的文本格式,而不需要将手从键盘上移开,也不需要编写任何HTML。 vbl.使用*或–将开始一个无序列表。 vbl.使用1.或1)将开始一个有序列表。 vbl.使用#将转换为H1。##对于H2,###对于h3等等。 vbl.使用>会变成区块引号。 视频教程 订阅塔克网 如果您不喜欢视频或需要更多说明,请继续阅读。 禁用可视编辑器格式快捷键 虽然我们认为格式化快捷键很棒,但一些用户发现这个功能有点令人困惑和分散注意力。 如果您想禁用WordPress中的格式快捷键,请按照以下说明操作: 将此代码复制并粘贴到主题的unctions.php文件或站点特定的插件中。 function disable_mce_wptextpattern( $opt ) { if ( isset( $opt[‘plugins’] ) && $opt[‘plugins’] ) { $opt[‘plugins’] = explode( ‘,’, $opt[‘plugins’] ); $opt[‘plugins’] = array_diff( $opt[‘plugins’] , array( ‘wptextpattern’ ) ); $opt[‘plugins’] = implode( ‘,’, $opt[‘plugins’] ); } return $opt; […]

如何在WordPress帖子中禁用自动格式设置

您想禁用WordPress帖子中的自动格式设置吗? 默认情况下,WordPress会设置文本格式,将引号替换为花哨的引号,并清理文本。这可防止用户显示代码、原始文本和CSS/Java代码示例。 在本文中,我们将向您展示如何在WordPress帖子中禁用自动格式设置。 接下来,您可以为您的代码片段添加标题,它可以是任何帮助您记住代码用途的东西。然后,只需将上面的代码粘贴到“代码预览”框中,并从下拉菜单中选择“PHP代码片段”作为代码类型。 最后,将开关从“非活动”切换到“活动”,然后单击页面顶部的“保存代码片段”按钮。 上面的代码告诉WordPress,如果原始快捷码中包含一些文本,则跳过格式化选项。 现在要添加跳过WordPress格式,您需要将该HTML块添加到您的WordPress帖子编辑器中。在文章编辑器中,您可以将未格式化的文本或代码添加到原始的快捷代码中。 这种方法的缺点是它不能很好地与块编辑器配合使用。即使在HTML块中,它的行为也可能出乎意料。 现在,您可以发布或保存更改并预览它们,以查看运行中的未格式化文本。 我们希望这篇文章能帮助你学习如何在WordPress帖子中禁用自动格式化。你可能还想看看我们完整的WordPress安全指南,或者看看我们关于改善你的博客帖子SEO的提示。 中国和中国都是如此。

WordPress Imagify,Optimole,ShortPixel,WebP,WebP图片,WebP插件,图片优化插件 文字详细教程

提升WordPress网站的加载速度的其中一种办法——减少图片体积大小。平均而言,图片约占网页文件大小的一半,因此即使是很小的改进也可以取得很大的效果。 WebP是一种较新的图片格式(相比jpg和png),该格式的最大特点是减小图片体积大小而不影响质量。将图片转换为WebP格式可以将其尺寸缩小约25-35%,而不会造成质量损失。 我们将在此文中深入探讨该主题! 什么是WebP? 哪些浏览器支持WebP? WebP vs JPG vs PNG体积大小比较 如何在WordPress网站上使用WebP图片 什么是WebP? 那么……什么是WebP文件?简而言之,WebP是Google开发的一种图片格式。我们更为常见的图片格式是JPEG或JPG和PNG,WebP则算得上后起之秀。 WebP致力于提供相同质量的图片,但文件尺寸较小。通过减少图片文件的大小,而不会“降低图片呈现质量导致糟糕用户体验”,并且有利于网站加载速度提升。 在Google的WebP压缩研究中,Google发现平均一个WebP图片文件… 比JPEG图片小25-34%。 比PNG图片小26%。 这就是为什么如果您通过PageSpeed Insights运行网站测试,会看到采用WebP等下一代格式提供图片: Google PageSpeed Insights建议使用WebP格式图片 那么Google的WebP格式如何实现文件大小减少?WebP支持有损和无损压缩,因此确切的减少取决于您使用的是有损还是无损压缩。 通过有损的WebP压缩,WebP使用一种称为“预测编码”的方法来减小文件大小。预测编码使用图片中相邻像素的值来预测值,然后仅对差异进行编码。它基于VP8关键帧编码。 无损WebP使用WebP团队开发的一套更为复杂的方法。如果您想详细了解WebP压缩技术,那么可以阅读谷歌相关文档。 哪些浏览器支持WebP? 为了使WebP图片起作用,需要Web浏览器兼容才行。不幸的是,尽管越来越多的浏览器开始兼容WebP,但WebP兼容性仍然不是通用的。 当前主流浏览器一般都支持WebP图片(冥顽不灵的IE依然是不支持的,也可能因为它不是开源的),例如: Chrome(PC&移动版) Firefox(PC&移动版) Edge Opera(PC&移动版) 值得注意的是Safari,Safari的桌面版和移动版均不支持WebP图片。Apple在2016年曾尝试Safari兼容WebP的开发,但此后就渺无音讯了。 Internet Explorer也不兼容WebP(Edge支持WebP,因为它基于Chromium)。 总计,大约77%互联网用户使用支持WebP的浏览器。但23%的数字太大了,不容忽视(在下面的WebP教程中,将会详细说明如何处理此问题,以便所有访问者都拥有良好的体验): WebP支持 WebP vs JPG vs PNG 体积大小比较 根据Google的测试,WebP图片为: 比JPEG图片小25-34% 比PNG图片小26% 如果您想进一步了解Google的方法,可以阅读谷歌关于WebP的一些说明资料:Lossless and Transparency Encoding in WebP,WebP Compression Study。 两项测试均基于超过11,000张图片,包括: […]

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视

SVG是一种基于XML的矢量图像,现在很多网站使用这种格式来显示网站Logo和图标。 它们在开发人员和设计人员中特别受欢迎的主要原因是它们是可缩放的图像格式,通常文件大小较小(有时相当大),完美适配视网膜屏幕。 默认情况下,WordPress不允许您上传SVG文件格式,主要是出于安全考虑。 今天我们将深入探讨WordPress安全启用SVG支持的方法,讨论浏览器支持,以及一些警告,如果您决定要切换到矢量图像格式。 希望有一天SVG作为WordPress核心的一部分。 什么是SVG? 为什么SVG安全性很重要 如何安全地为WordPress启用SVG支持 什么是SVG? 根据维基百科,SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于支持交互性和动画的二维图形。 您甚至可以使用代码或文本编辑器来编辑它们。 SVG规范是自1999年以来由万维网联盟开发的开放标准。目前SVG仅占所有网站的3.4%,但正如您所见,采用率正在快速增长。 流行的网站,如谷歌,Reddit,Dropbox,ESPN,甚至我们在wbolt.com的网站都使用SVG。 SVG使用情况统计(2016年4月-2017年4月) SVG浏览器支持情况 目前,所有主流浏览器和移动浏览器都支持SVG。 您可能遇到的唯一问题是,如果您仍然需要IE8的支持,当然我们不希望你继续支持这个浏览器。 IE8仅占0.36%的市场份额,并且微软也不再为该版本浏览提供更新支持。 有兴趣的朋友可以阅读国外博主Lubos撰写的关于《为什么开发人员应该停止支持IE8,IE9和IE10》的文章。 从商业角度来看,这可能并非总是可行,但他提出了一些非常好的观点。 如果由于某些特殊原因你仍然需要IE8支持,你可以为你的SVG定义一个备用图像(PNG或JPG),但我们今天不会基于此展开讨论。 以下是支持的浏览器列表: Internet Explorer 9, 10, 11+ and Edge Firefox 3+ Chrome 4+ Safari 3.2+ Opera 10+ iOS Safari 3.2+ Opera Mini (all) Android Browser 4.4+ SVG浏览器支持情况 SVGs的优势 SVG是一种矢量格式,这意味着它们可以在浏览器和照片编辑工具中无限无损缩放。SVG为什么受图形和网页设计师欢迎,不言而喻。通常,当您尝试在Photoshop,Sketch或Paint等工具中编辑PNG或JPG时,会受限于原图的像素。使用SVG,你可以随心所欲地对图形文件进行缩放,并且像素完美(或者我们应该说矢量完美)。这就是为什么它们是用于视网膜屏幕的优秀图像格式的原因。 谷歌索引SVG,如果你关心搜索引擎优化,这是一个好消息。链接到文件本身的SVG内容将被编入索引并显示在Google图像搜索中。注意:内联SVG,或者更确切地说仅由代码组成的SVG,通常不会被编入索引。 SVG传统上(并非总是)文件大小小于PNG或JPG。通过使用SVG,您实际上可以加快WordPress网站的速度,因为您将减少整体页面大小。 国外博主Genki写了一篇很棒的文章,他比较了SVG与PNG和JPEG的大小。以下是他测试中的一些内容,他比较了三种不同的图像类型。 JPG (经过优化后的大小: 81.4 […]

在本教程中,我们将介绍WordPress预格式区块。我们将了解如何将其添加到文章和页面,并查看其选项和设置。我们还将看到一些使用它的最佳实践,以及最常见的问题。

预格式区块显示您键入的文本。这意味着您可以在文本中包含空格和换行符。了解如何使用预格式区块可为您提供多种优势,例如将文本的各个部分分开并创建突出的元素。幸运的是,此区块包含多个样式选项,并且易于使用。 在本教程中,我们将介绍WordPress预格式区块。我们将了解如何将其添加到文章和页面,并查看其选项和设置。我们还将看到一些使用它的最佳实践,以及最常见的问题。 如何将预先格式区块添加到文章或页面 通过单击区块插入器工具将预格式化区块添加到您的内容中。您会在左上角和内容区域中找到它。搜索预格式并单击Enter。 您还可以通过键入/preformatted并在您希望它出现的内容区域中按 Enter来添加区块。在您键入时,WordPress会根据您输入的字母提供建议,因此您只需在看到该区块时单击它即可。 预格式区块现在已添加到文章或页面。预格式区块类似于段落区块、诗篇区块和代码区块。这是它们之间的一种交叉,但它也简化了它们。它显示您键入的文本,但不会更改格式,而是保留它。这包括所有空格和换行符。它以等宽字体显示。 预格式区块设置和选项 与大多数WordPress区块一样,该区块包含一个设置工具栏和侧边栏中的选项。这是两者的近距离观察。 预格式区块工具栏设置 工具栏位于区块上方,包含大多数标准工具。 更改区块类型或样式 此区块可以转换为其他几个区块,包括段落区块、组区块、栏目区块和代码区块。突出显示选项会显示您的内容的外观预览。 拖动和移动 拖动工具显示为6个点。抓住这个区域,您可以将区块拖放到内容中的任何位置。每次单击箭头时,向上和向下移动箭头都会在内容中向上或向下移动一个区块。 粗体、斜体和链接 粗体、斜体和链接设置控制单击按钮时突出显示的文本。您可以单独或一起使用它们。您可以通过在链接弹出窗口底部启用链接来在新选项卡中打开链接。 带有链接的文本带有下划线以表明它是可点击的。单击编辑器中的文本会打开链接编辑器,您可以在其中更改链接。 下拉选择 “更多”下拉按钮包括多个格式选项,这些选项适用于您单击该选项时突出显示的文本。选项包括: 内联代码– 这使您的文本看起来像代码,并防止区块中的任何代码执行。预格式这个词是上图中的内联代码。 内嵌图像– 这使您可以将媒体库中的图像放置在鼠标光标所在的位置。 键盘输入– 使用键盘HTML格式设置文本样式。文字文字在上图中使用键盘输入样式进行样式设置。 删除线– 这会在文本中放置一行。上图中的等宽字有删除线。 下标– 这会将文本设置为比其他文本更低更小。上图中的你这个词是一个下标。 上标– 这将比其他设置更高和更小。上图中的字线是上标。 文本颜色– 这让您可以更改文本的颜色,就像我在上图中对单词Divisions所做的那样。 更多选项 预格式区块选项包括: 隐藏更多设置– 这将隐藏或显示右侧边栏。 复制– 这会复制预格式区块,以便您可以将其粘贴到内容中的其他位置。 创建副本– 这会将预格式区块的副本放在原始区块下。 在当前区块前插入– 这会在区块上方为另一个区块添加一个空格。 在当前区块后插入– 这会在区块下方为另一个区块添加一个空格。 移动至– 这会放置一条蓝线,您可以使用箭头向上或向下移动,并将您的区块移动到您选择的位置。 编辑作为HTML编辑 – 这将打开代码编辑器,以便您可以将内容编辑为HTML。 添加至可重用区块– 这会将您的预格式化区块添加到您的可重用区块中。 组合– 这会将区块添加到组中,以便您可以将它们作为单个区块进行调整。 […]

Raw HTML – WordPress plugin WordPress插件下载

点击下载 原始HTML 插件描述 允许您禁用智能引号和自动段落创建等自动格式化,并使用原始HTML / JS /没有WordPress的帖子中的CSS代码搞砸了。 功能 使用此插件,您可以在[raw] … [/ raw]标签中包装帖子的任何部分,以防止WordPress将换行符转换为HTML段落,用印刷引号替换撇号等。如果您需要在帖子中添加CSS块或JavaScript,这非常有用。 RawHTML还会在“编辑帖子”屏幕中添加新的复选框,让您可以逐个禁用某些WP过滤器。这样你就可以: 禁用wptexturize(创建智能引号和其他印刷字符的功能)。禁用自动段落创建。禁用图像表情符号。禁用convert_chars(将&符号转换为HTML实体并“修复”某些Unicode字符的函数)。 免费版仅支持在“文本”选项卡中编辑帖子(在较旧的WordPress版本中称为“HTML”)。 如果您希望能够在没有WordPress搞乱内容的情况下在Text和Visual编辑器之间切换,请获取专业版。 用法 要防止部分帖子或页面被WordPress过滤,请切换到文本/ HTML编辑器并将其包装在 [raw> ] … [/ raw] 或<! – raw – > …<! – / raw – > 标签。这两个版本的工作方式完全相同,但即使您停用原始HTML,访问者也无法看到后者。 示例: [raw]这是“测试”![/ raw] 在这种情况下,标签将pr事件WordPress在“This”,“is”和“a”test“”之间插入段落中断,以及确保双引号arround“test”不会转换为印刷(卷曲)引号。 为避免出现问题,请仅在文本/ HTML模式下编辑包含自定义代码的帖子。如果您还希望能够使用Visual编辑器,获取专业版。当在Visual模式下查看时,它会使[raw]标签之间的代码显示为只读占位符,从而确保WordPress不会更改它。 组合短代码 刚安装此代码并且在使用WordPress代码编辑器时无效,原始代码之间的项目仍会被wordpress重新格式化。

Advanced Excerpt – WordPress plugin WordPress插件下载

点击下载 高级摘录 插件描述 此插件为WordPress创建摘录的默认方式添加了一些改进。 在摘录中保留HTML标记(您可以选择包含哪些标记)使用字符计数或单词计数将摘录修剪为给定长度仅计算“真实”文本(忽略HTML但保留)自定义摘录长度和使用的省略号字符在摘录中完成最后一个单词或句子(没有奇怪的切割)向textIgnores自定义摘录添加 read-more 链接并使用生成的一个而不是主题开发人员可以使用 the_advanced_excerpt()以获得更多控制权(请参阅常见问题解答) 上述大多数功能都是可选的和/或可由用户或主题开发人员自定义。 横幅图片信用 – chillihead 原始插件作者 – basvd 有用的资源 什么是WordPress 费用主题和插件 屏幕截图 选项第 插件生成的摘录示例 安装 使用WordPress内置installer访问设置 常见问题解答 下的“摘录”菜单选项摘录了什么? 帖子的简短版本,通常显示在整个帖子过多的地方(例如搜索结果,新闻源,档案)。你可以自己编写,但如果你不这样做,WordPress会做一个非常基本的。 为什么我需要这个插件? 默认摘录cre由WordPress删除所有HTML。如果你的主题使用 the_excerpt()或 the_content()来查看摘录,那么它们可能看起来很奇怪(删除了表情符号,列表被展平等等)。这个插件修复了这个问题。并且还可以让您更好地控制摘录。 它适用于WordPress版本x.x.x吗? 在开发过程中,插件使用最新版本的WordPress进行测试。它可能适用于旧版本,但最好让您的安装保持最新状态。 这个插件是否以我的语言提供? Advanced Excerpt是国际化(i18n)友好的。 此插件是否支持多字节字符,例如中文? 在4.1之前,此插件直接支持多字节字符。此功能已被删除,因为它为实际上并非特定于插件的“问题”添加了不相关的代码。 如果您的网站需要多字节字符支持,则可以覆盖PHP中的默认文本操作。 我可以在WP主题或插件中手动调用过滤器吗? 插件会自动挂接 the_excerpt()和 the_content()函数,并使用选项面板中指定的参数。 如果要使用不同的选项调用过滤器,可以使用此插件提供的 the_advanced_excerpt()模板标记。此标记接受查询字符串样式参数(主题开发人员将熟悉此表示法)。 可以设置以下参数: length ,一个整数,用于确定摘录长度 length_type ,枚举,如果设置为字摘录长度为单词;如果设置为个字符,则摘录长度将为字符 no_custom ,如果设置为 1 ,即使帖子有自定义摘录,也会生成摘录;如果设置为 0 ,则自定义摘录将使用 […]

WordPress 仪表盘“近期评论”显示完整评论内容和格式

WordPress 仪表盘页面有一个“近期评论”小工具,用来显示网站最新的评论。但是默认情况下,会过滤掉评论的内容格式,比如换行分段,然后统统地显示为一段。有些时候,失去格式的内容阅读起来还挺不方便。 如果想向上图一样,恢复评论内容的格式,将下面的代码添加到当前主题的 functions.php 即可: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /** * WordPress 仪表盘“近期评论”显示完整评论内容和格式 * https://www.wpdaxue.com/full-comments-on-dashboard.html */ function full_comments_on_dashboard($excerpt) { global $comment;   if ( !is_admin() ) return $excerpt;   $content = wpautop($comment->comment_content); $content = substr($content, 3, -5); // 移除第一个 <p> 和最后一个 </p> […]

WordPress 技巧:如何把时间显示成“xxx前”格式

在微博中,时间的格式都是显示成:20秒前,1小时前,3天前这样的格式,其实 WordPress 也有一个函数可以把时间显示成这样的格式,这个函数就是:human_time_diff,它有两个参数,一个是 $from,一个是 $to,就是比较的两个时间戳。 比如要日志的发表时间要改成: <?php echo human_time_diff(get_the_time(‘U’), current_time(‘timestamp’)) . ‘ ago’; ?> 而留言改成: <?php echo human_time_diff(get_comment_time(‘U’), current_time(‘timestamp’)) . ‘ ago’; ?> 标签:WordPress 技巧

100% Secure Checkout

PayPal / MasterCard / Visa