作为博主,您可能不需要学习或使用任何代码——尤其是在页面构建器 WordPress 插件变得如此流行之后。...如果您使用像 Elementor 这样的主题,您无需学习或使用代码即可创建完全自定义的网站(所有页面部分、颜色选择器、图标等都是内置的!)。...Gutenberg(古腾堡) Gutenberg是默认包含在 WordPress 中的无代码内容构建器。...Page Builder(页面构建器) 页面构建器是一种为您的 WordPress 网站创建自定义布局和通用网页设计的无代码方式。...您可以通过在帖子和标题中使用相关标签、类别和关键字,以及通过编写标题来告诉访问者您的帖子是关于什么的,来改进您的WordPress SEO 。
这个Jquery 插件值得推荐——虽然我不清楚在什么情况下适用,但你知道有这个东西,在需要的时候就能用上了——收集多点资源总不是坏事。插件的效果具体我也不会说,直接看官网demo吧。...简介 官方网站& demo:http://zurb.com/playground/twentytwenty 运行必备:jquery、jquery.event.move(一个用于在移动设备上支持触摸事件的类...) 浏览器兼容:IE9 + ,其他现代浏览器 TwentyTwenty的工作原理是在彼此的顶部堆叠的两个图像。...当滑块在整个图像移动,它使CSS的使用剪辑属性来裁剪图像左侧,这允许在右侧的图像通过容器来显示。 我们正在使用的自定义运动事件jquery.event.move库,以支持在移动设备上1:1滑块运动。...插件 这里有个在TwentyTwenty 基础上开发的WordPress 插件,通过短代码 [TwentyTwenty][/TwentyTwenty] 就可以直接在后台的编辑器中使用。
在建立Web应用时,通常都需要用到一些有用的UI组件。无论应用中需要的是日历,滑块,图形或其它用于提升或简化用户交互的组件,那么都面临两种选择:要么自己来创建这些组件,要么使用现有的组件功能。...下面是一个滑块组件,它会根据屏幕尺寸自动调整。 从实施的角度来看,这些控件也是经过深思熟虑的。开发人员既可以在JS中进行设置,也可以在服务器端设置(例如通过PHP输出)。...Wijmo是一系列使用TypeScript 编写的自定义JavaScript控件,用于创建快速、响应式的和可扩展的UI控件。...有趣的一点是,Wijmo 5构建在更现代化的标准之上,因此在IE8上不起作用,此时就需要Wijmo的旧版本。Wijmo 3是基于jQuery,所以它支持直到在IE6上使用。...每个控件都附带一个示例截图、示例代码,然后是所有的属性、方法和事件。在主演示页,可以快速查看Demo和每一个控件。例如,Panel Control演示了如何使用自定义控件,嵌套面板和其它元素。
JSHint - JSHint是一个有助于检测JavaScript代码中的错误和潜在问题的工具。 jscs - JavaScript代码样式检查器。...jquery.sparkline - jQuery JavaScript库的插件,可直接在浏览器中生成小的迷你图表。 xCharts - 基于D3的库,用于构建自定义图表和图形。...控制流 async - 节点和浏览器的异步实用程序。 q - 用于在JavaScript中创建和编写异步promise的工具。 step - 一个异步控制流库,可以轻松地逐步执行逻辑。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。...jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件,几乎可以支持任何组合键。 jwerty - 键盘事件的真棒处理。
HTML 插件通常是指通过浏览器或其他客户端平台扩展 HTML 功能的工具或代码模块。它们可以扩展网页的交互性、增强页面功能,或者集成额外的服务。...常见的 JavaScript 插件库:jQuery:一个流行的 JavaScript 库,简化了 DOM 操作、事件处理、动画等功能,虽然现代框架如 React 和 Vue 已经取代了它的使用,但仍然在许多旧项目中广泛使用...jquery.com/jquery-3.6.0.min.js">Chart.js:一个简单的 JavaScript 库,用于创建漂亮的图表和数据可视化...Web Audio API:允许开发者在浏览器中创建音频应用,如音效处理、合成器和游戏音频。WebVR 和 WebXR:提供虚拟现实和增强现实的支持,可以在浏览器中创建 VR/AR 体验。...WooCommerce:将 WordPress 转换为电商平台。Contact Form 7:用于创建联系表单。这些插件通常不涉及 HTML 代码本身,但它们增强了 WordPress 网站的功能。
在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载,毕竟是为了避免多次加载...详见《WordPress中的jQuery库不起作用的相关问题》。再者,为了速度上的考虑,加载一个80kb+的jQuery 库最好是通过第三方来(如google的、SAE的)——特别是主机不给力的网站。...替换WordPress 自带默认的 jQuery库 在主题的functions.php 文件下加入以下代码: add_action( 'init', 'jquery_register' ); function...是注销WordPress 自带的默认的jQuery 库;wp_register_script是自定义jQuery 库;使用if ( !...上面代码中的是Jeff 放在七牛云存储上面的,速度上几乎是最快的,你可以用Jeff的这个地址,也可以用谷歌、新浪SAE、百度的,详见《WordPress新第三方jQuery 库选择(又拍云&百度)》
之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法(见:《WordPress 添加个性化的博客宠物(妹纸篇)》),不过那个不适合广大的男汉纸的博客,因此今天带来个适合男同胞博客的博客宠物。...,当然所有代码都可以自定义路径,后面不再累赘。...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库,如果没有,请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...三、HTML 在主题的footer.php 文件下(一般是前)加入以下代码: 加载中…...> 上面代码的spig.js 路径是在主题根目录下,你可以自定义路径。 一些效果图集合: ? ?
官网 Duo:一个整合 Component、Browserify 和 Go 官网的最佳思想,使开发者能快速方便地组织和编写前端代码的下一代包管理器。...官网 intern:下一代 JavaScript 代码测试栈。官网 yolpo:在浏览器逐句执行的 JavaScript 解释器。...官网 rivets:轻量却拥有强大的数据绑定和模板解决方案官网 derby:让编写实时和协同应用更简单的 MVC 框架,能够在 Node.js 和浏览器同时运行。...官网 smoke.js:与框架无关的、能够自定义样式的 JavaScript 弹框系统。官网 幻灯片 Swiper:使用硬件加速过渡的移动设备触控滑块框架。...官网 Flickity:可触摸的、响应式的和可轻弹的画廊。官网 滑块控件 Ion.RangeSlider:强大的、易于自定义的范围滑块选择库,支持很多配置和皮肤。
推荐理由: 集成主题编辑器 切换行号 复制 / 粘贴代码 在新窗口中打开代码 自动获取博客文章 / 评论中的… 进行高亮 远程请求缓存 可以在一个代码框内混合语言高亮显示 可以在行内调用代码高亮...安装完成并启用,然后点击后台菜单栏的设置,找到 Crayon 进行自定义编辑。 遇到问题: 问题1、显示出来的代码块无法点击,右上角的复制/粘贴、展开等功能button点击不起作用: ?...这个说明某些主题的代码中有可能就做了上面的这种不自动加载 jQuery 改动。 这样就导致了某些依赖js文件的插件不起作用。看到这里,我们就不防去验证一下。...打开我们一篇有代码的博客,右键检查元素,在 element 中搜索 crayon.min ,果不其然网页元素中只加载了css文件 crayon.min.css : ?...问题2、HTML实体字符转义问题: 在Wordpress中使用 Crayon Syntax Highlighter 时,代码段内的HTML实体不会被解释,导致'’显示为’>
Bootstrap-select 插件为Bootstrap添加自定义选择提供按钮下拉菜单。 11. Boostrap Maxlength插件可以在文本输入达到最大长度时,提供一个可视的反馈。...Color Palette for Bootstrap 是一个简单的颜色选择器,提供基本的、gmail风格的和自定义的调色板。 23....Gridmanager.js 支持在Bootstrap之类的框架中创建和编辑网格布局。 39. Slider for Bootstrap 是Bootstrap的滑块控件。 40....Roots 是一个建立在Bootstrap上的WordPress主题框架。 24. UI Bootstrap 是一组用AngularJS编写的Bootstrap组件。 25....BootstrapWP 是一个基于Bootstrap的自定义WordPress主题开发的基础程序。 27.
给大家献上添加到这个萌妹纸到你的WordPress 主题的方法,但,建议汉纸慎用,下次再分享个适合汉纸的…… WordPress 添加个性化的博客妹纸相关文件 教程中要用到的文件有:一张图片、spig.js...,当然所有代码都可以自定义路径,后面不再累赘。...二、加载jQuery库 请确定你的主题有没有加载加载jQuery库,如果没有,请按照《为你的WordPress 选择最佳的第三方jQuery 库》与《WordPress中的jQuery库不起作用的相关问题...三、HTML 在主题的footer.php 文件下(一般是前)加入以下代码: 加载中…...> 上面代码的spig.js 路径是在主题根目录下,你可以自定义路径。 一些效果图集合: ? ?
Node-RED Node-RED是一种编程工具,通过在浏览器中拖拽的方式将硬件设备、API和在线服务连接在一起,构成数据流,使用户可以快速的创建出自己的Web应用。...这是一段来自IBM官方的演示视频: 基于浏览器的流程编辑器 Node-RED提供了一个基于浏览器的编辑器,可以轻松地使用工具箱中的各种节点将流连接在一起,只需单击即可将其部署,非常方便。 ?...协同开发 在Node-RED中创建的流使用JSON数据存储,可以轻松导入和导出,多人协作起来非常方便。 ? 2....参考我的另一篇教程,在Linux服务器上安装Docker:Docker-ce最新版在Ubuntu18.04上的安装、更新、卸载方法(存储库方式)。...接下来我会出一系列Node-RED的构建教程,教你如何打造一个属于自己的物联网云端数据可视化界面!
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个...后来才了解到:为了防止与其他 JS 库(如 YUI)冲突,WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东,以至于在jQuery 代码中用...$ 代替jQuery 的写法不能识别,一些功能不起作用的原因正是由此而来。...如何解决这个问题,网络上有以下解决方案: 方案一:将相关js代码中的$ 手动改为 jQuery。
大部分的插件是可以在网上搜到的或者是在wordpress后台搜索添加。...7、Contextual Related Posts 选择上下文相关的帖子,在您的网站或Feed中显示一组相关的帖子。...18、Lazy Load – Optimize Images 选择延迟加载-优化图像,WordPress的小型惰性加载脚本,没有jQuery或其他库。...,从WordPress导出文件中导入日志,页面,评论,自定义标题,分类,标签或更多内容。...47、智能滑块3 选择智能滑块3适用于WordPress的完美一体化响应滑块轮播图解决方案。
简介 通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。...LazyLoad lazyload.js简介 Lazy Load是一个用js编写的jQuery插件,用来实现图片的延迟加载。...只有在浏览器可视区域的图片才会被加载,没有滚动到的区域img标签上会有一个占位图片,而真实图片不会被载入。...),src属性用一个小的加载中动图占位,在用户浏览到该图片时,再将真实图片地址取出,实现"边浏览边加载",从而减轻服务器压力以及减轻流量的浪费。...>"/> 进阶篇——头像图片的懒加载 正常的话,头像的加载在WordPress 中是用诸如<?
这个WordPress画廊插件使您能够通过用户友好的拖放式管理面板完全自定义播放器的外观和功能 ,或者使用设计中心为您的视频画廊生成与品牌兼容的外观。...使用自动缓存更新来填充您的画廊,或者利用视觉画廊构建器中的拖放排序和缩略图裁剪管理功能。...这个WordPress画廊插件带有一个功能全面的图像滑块,该滑块具有自适应大小调整功能,并且具有可自定义的图像转盘,其中包含灯箱支持。 从无限滚动或标准分页选项中选择。...WordPress网格画廊 广场 uSquare WordPress画廊插件可让您将内容组织在自适应方形网格中。...借助功能强大的管理面板,此网格库的功能是无限的。 在这个完全响应式的插件中,通过轻量级的jQuery脚本优化了加载速度,并且自定义缓存系统可提高画廊的性能。
WordPress 后台个人资料编辑页面有个个人设置的区域,可以设置是否显示可视化编辑器,管理后台界面配色方案,评论键盘快捷键,是否显示前台工具栏。...将以下代码 copy 到一个文件上传到插件目录激活,或者复制到当前主题的 functions.php 文件即可: jQuery(document).ready(function(){ jQuery...(".show-admin-bar").remove(); jQuery('form#your-profile > h3:first').remove(); });
基于浏览器的集成开发环境,可视化和智能化的设计,能轻松完成常规应用和面向手机的移动应用开发;高效、稳定和可扩展的特点,适合复杂企业级应用的运行;跨平台、数据库和浏览器的架构,适应复杂的服务器和客户端环境...;包括智能数据库访问在内的多项先进技术,使应用系统的开发更快捷和简单。 ...这个框架遵循著名的MVC软件架构模式。 它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。...可以查看其网站提供的示例页面,它例子展示了在多种移动设备平上的Jo应用情况。...EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。
在时间轴插件中寻找什么功能 选择时间轴插件的最佳方法是检查其演示。 这可以帮助您找出插件提供的功能。 根据创建时间线的目的,每个用户的功能要求可能会有所不同。...您可以将这些短代码粘贴到您想要显示它们的帖子和页面中。 该插件可让您在时间轴上使用各种字体,图标和图像,以使其看起来更有趣。 该插件是跨浏览器兼容的,并且在所有设备上看起来都很棒。...通过安装此插件,您不仅可以创建时间表,还可以扩展功能来创建手风琴,价格表,可过滤的画廊,倒数计时器等。 它使您可以以惊人的垂直布局显示博客文章,页面或自定义文章。...您还可以使用它将博客转换为很酷的时间表。 该插件提供了广泛的自定义选项,并支持各种多媒体文件,例如视频,图像,滑块等。...7.时间轴和历史记录滑块 时间轴和历史 是一个免费的时间轴插件,可让您无需编写任何代码即可将业务历史记录或时间轴添加到WordPress网站。