前几篇文章小编分别介绍了PageAdmin、帝国、Ecshop这些国内知名建站系统的模板制作和修改，今天小编给大家介绍国外很有名的个人博客系统：wordpress的模板制作。...相对于其他几个建站系统，wordpress模板制作稍微就复杂一点，wordpress的制作需要熟悉php编程，本片文章重点说一下数据的调用。 wordpress模板制作之标题调用 纯粹是调用文章标题，可以用在文章和列表页 wordpress模板制作之列表调用 的时候，执行下面 the_post() 这个函数。the_post() – 调用具体的日志来显示。...因为 the_post(); 在 if() 和 while() 的外面，只需要分号去结束或者关闭。 wordpress模板制作之文章页调用 <?php if(have_posts()) : ?
大家好，我是条哥，我又来分享啦，今天给大家分享的是WordPress最受欢迎的几款主题模板。 VisualCompany Pro 第一款主题是VisualCompany Pro。...VisualCompany Pro是一个使用WordPress网站编辑器构建的惊人主题，它允许您通过拖放创建漂亮的网站，而无需任何编码技能。...该主题具备如下的特色： 全站编辑 使用 WordPress 站点编辑器构建 主题选项面板 响应式设计 26+ 块模式 1000+ 谷歌字体 粘性网站标题 自定义代码编辑器 主题选项导入/导出 单员额选项...专业支持 VisualBlog Pro VisualBlog Pro是使用WordPress网站编辑器构建的WordPress博客主题，它允许您通过拖放创建漂亮的博客网站，无需编码技能。...自动更新 一键演示导入 专业支持 VisualSite Pro VisualSite Pro是使用WordPress站点编辑器构建的WordPress主题，它允许您通过拖放创建漂亮的网站，无需编码技能
wp程序开发中的三种模板引用方式： 1. wp开发中默认的引入模板函数为以下方式：通过默认的 头部、底部及侧边栏文件引入。...同时，上面的默认函数是可以支持自定义的，比较可以添加自定义的名称 get_header(‘wa’); //调用header-wa.php文件 get_footer(‘wa’); //调用footer-wa.php...文件 get_sidebar(‘wa’); //调用sidebar-wa.php文件 里面的’wa’是你自己定义的值，可以完全的自由定义他。...最后，推荐大家一组自定义模板引入函数的函数，一样可以自定义路径及名称 get_template_part( $slug, $name ); $slug 是模板文件的路径和名称$name 是文件的副名称...get_template_part( ‘content/list’, ‘single’ ); 上例中，将引入当前目录下面的 content/list-single.php文件
WordPress Theme - Puock 一款基于WordPress开发的高颜值的自适应主题，支持白天与黑夜模式。...安装 请到 发行版本 中进行下载最新版本，然后到WordPress管理后台中的「外观」-「主题」中点击「添加」，选择Puock的主题包进行上传安装并启用即可。...版本中将配置字段更改为了puock_options，所以会导致配置读取不到，用户可以重新进行配置或恢复配置，恢复配置SQL（执行前请先备份数据库，原配置字段名为optionsframework，若其他主题或插件使用了同名字段为配置名则会覆盖...，原则上若使用旧版本不会存在其他插件或主题同名字段，因为option_name字段为主键，是不允许重复的！）...Twemoji集成 支持QQ登录 丰富的广告位 丰富的小工具 自动百度链接提交 众多页面模板 支持评论可见 支持密码可见 支持Dplayer播放器 简约快捷的后台配置 更多功能，等你的提议
大家好，我是条哥，我又来分享啦，今天给大家分享的是WordPress最受欢迎的几款主题模板。VisualCompany Pro第一款主题是VisualCompany Pro。...VisualCompany Pro是一个使用WordPress网站编辑器构建的惊人主题，它允许您通过拖放创建漂亮的网站，而无需任何编码技能。...该主题具备如下的特色：全站编辑使用 WordPress 站点编辑器构建主题选项面板响应式设计26+ 块模式1000+ 谷歌字体自定义代码编辑器主题选项导入/导出单员额选项自动更新一键演示导入专业支持图片...VisualBlog ProVisualBlog Pro是使用WordPress网站编辑器构建的WordPress博客主题，它允许您通过拖放创建漂亮的博客网站，无需编码技能。...VisualSite ProVisualSite Pro是使用WordPress站点编辑器构建的WordPress主题，它允许您通过拖放创建漂亮的网站，无需编码技能。
自己使用的一些关于 Wordpress 的插件与主题推荐。（以前爱折腾这些，现在已经转投 Hexo 啦。）...查了查，发现是因为我国的特殊国情（防火长城）挡住了 Jetpack 访问的一些资源。其中有谷歌字体，于是就下了这个插件禁用。...（只是部分原因） ---- Jetpack 由 WordPress.com 出品 由 Automattic Description 将 WordPress.com 云的强大功能引入您的自托管 WordPress...Jetpack 使您能够将自己的博客与一个 WordPress.com 帐户连接，以使用一般只有 WordPress.com 用户才可使用的强大功能。...Reason 很好用的一个 wordpress 里的 markdown 编辑器。
常用模板文件 style.css : css文件一般包括主题声明和通用css样式代码 index.php：主页模板 header.php：header模板，网页头部 sidebar.php：侧边栏模板...为 book 的 posts 的模板。...：模板函数，存放主题用到的函数模块 attachment.php：附件模板页面 判断标签 is_home()：是否为首页 is_front_page()：是否为指定的首页，后台-设置-阅读指定的首页 is_single...('关键字','','')：显示文章的关键tag the_excerpt()：post/page页的摘要，输入文章发布页面中的摘要面板的内容 the_content('more')：显示内容（post/...'下篇', TRUE) ： 上一篇文章链接，通常用在单篇文章 single.php 中 php comments_popup_link('暂无评论', '评论数 1', '评论数 %') ： 正文中的留言链接
模板参数 版本号：0.96【后台可一键更新，如更新失败可以去 Github Release下载回来覆盖】 模板大小：2MB 适用版本：wp5.42+ 特性 使用 Argon Design System...自动更新 Argon 接入了 WordPress 更新机制，当新版本发布后，在 WordPress 后台 “更新” 页面即可更新 Argon。...手动更新 您也可以参照安装的方法进行更新，新主题会覆盖旧主题。...模板介绍 轻盈美观 – 使用 Argon Design System 前端框架，细节精致，轻盈美观 高度可定制化 – 可自定义主题色、页面布局、顶栏、侧栏、Banner、背景图、日夜间模式不同背景、背景沉浸...诸多功能 – 文章目录、阅读进度、Mathjax 或 Katex 公式解析、图片放大预览、Pangu.js 文本格式化、平滑滚动等 丰富的短代码 – 支持通过短代码在文章中插入 TODO、标签、警告
一般来说，在html页面底部 （也就是之前）引入JavaScript，如jQuery 和 jQuery插件是个不错的做法。...原因很简单，HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript，放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中，我们先把WordPress中默认自带的jQuery库取消注册，然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?
虽说现在Wordpress的应用越来越广泛：个人博客，企业官网，电子商务网站等等，也涌现出不少风格华丽、功能齐全的Wordpress主题。...但是，归根结底来讲，情怀而论，我更偏爱那些设计风格简洁到极致的Wordpress主题。所以，今天小编就推荐简洁风格的wordpress免费模板，喜欢的朋友可以收藏一下。...主题模板请点击下面横幅，这家国外wordpress主题非常棒！...友情提醒：以上免费的Wordpress主题演示网页都是国外的，偶尔可能会出现打不开的情况。...：10款超简洁风格的WORDPRESS免费主题模板
有时候给客户制作的网站，由于修改了一些特定的插件或者主题，这个时候是不希望客户自己去更新主题或者插件的，在当前主题的 functions.php 文件添加如下代码，即可屏蔽 WordPress 后台的更新提示...wp_update_themes'); add_filter ('pre_site_transient_update_themes', '__return_null'); 该功能已经整合到 WPJAM Basic 插件中
最新接触的小白较多，看来个人博客网站还在日益壮大，这里就不赘述做个人网站的好处了，聊聊小白遇到的最简单也是最容易被我们忽略的问题，那就是在应用中心购买的主题模板或者插件怎么下载到我们的网站，怎么启用主题模板和插件...，说真的一直都没有考虑过这个问题，因为这个问题是真的不需要什么技术含量，但同时最最基础的也是我们所忽略的，这几天有网友就问我购买的主题怎么下载，所以抽空把教程写一下，方便大家下载和开启主题模板插件。...首先我们需要的是确定自己已经购买的模板和插件，在zblog应用中心左侧菜单，点击【已购应用】查看，如图： 确定之后我们回到自己的博客网站，看好是【自己的网站后台】，点击左侧菜单的【应用中心】，然后点击...(备用域名)】，如图： 点击获取之后会在页面新弹出一个页面，也就是zblog的用户中心，我们能看见左侧菜单中的【令牌生成】，我们继续点击【生成】，如图： 这时我们能看见系统自动生成的令牌号，如图所示...】，如图： 这里就能看见我们购买成功【主题】和【插件】了，如图： 点击主题或者插件，在新界面里我们能看见主题或插件的详细信息，点击【获取应用】即可完成下载，如图： 最后的最后就是点击网站后台左侧的菜单
在 wordpress 主题或插件中加载 JavaScript 时，官方推荐的方法是使用 wp_enqueue_script() 来加载，该函数可以指定 JavaScript 的依赖库，指定 JavaScript...但是，该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是，我们可以通过 WordPress 的函数自己动手来实现这个功能。...比如，我们的主题中有一个名为 “Portfolio Archive” 的页面模板，在这个模板中，我们需要使用 “imagesloaded、masonry、isotope、jquery-ias” 这 4...只在使用了某个页面模板的页面上加载指定的 JavaScript 文件吗，在下面的代码中，首页我们加载了每个页面都需要的 jQuery 和 Main.js 文件，然后判断当前页面是否使用了指定的页面模板，.../js/imagesloaded.js'); ... } } } 在实际的 WordPress 主题开发工作中，并不是每个主题都需要这么操作。
伪造的 jQuery Migrate 插件替换了相关文件 为了使用户更难检测到这一恶意行为，假冒的 jQuery Migrate 插件会替换了..../wp-includes/js/jquery/ 中的合法的 jquery-migrate.js 和 jquery-migrate.min.js 文件，这也是 WordPress 用于存储 jQuery...，在代码中它们会进一步加载了一个神秘的 analytics.js 文件，这个文件里面也包含恶意代码，目前这次攻击产生的影响规模范围尚未确定。...jquery/ 目录中就带了 jQuery Migrate 插件，这也解释了为什么攻击者会用这个知名插件的名字来伪装他们的恶意软件。...我的回复都是：现在 WordPress 插件已经不屏蔽国内下载了，所以请直接更新插件即可！同样的道理，其他更新也最好直接通过官方渠道更新，避免一些安全问题和其他一些不必要的麻烦。
WordPress响应式免费主题，一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发，每天活人访问量500-800+IP，百度权重2，百度、Google...主题截图 后台截图 运行环境条件 虚拟主机/云主机环境选优先用Apache、wordPress版本≥4.6，≥5.3服务器php版本≤php7.2，如果出现报错，请尝试切换php版本 使用说明 上传至.../themes/主题目录下，或网站后台上传！...//wordpress主题展示图片 │ search.php //搜索模板 │ sidebar.php //右侧栏目 │ single.php //文章详情 │ style.css...│ jquery-2.1.4.min.js // 公共js库 │ │ rem.js //移动端自适应适配 │ │ swiper.min.js //移动端的swiper轮播插件 │ │
WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress...其实网上的N种方法总结起来就两种： 一、模板文件 header.php 中直接引入文件 二、在主题的 functions.php 中通过 WP 自带的函数 wp_enqueue_scripts 来加载...> 但是 WordPress 不能确定是否在在页面加载了 JS，Css 文件，如果另一个插件使用相同的 JS，Css 文件，就无法检查 JS，Css 文件是否已经被包含在页面中。...在 WordPress 中，注册样式是“可选的”。如果你的样式不会被其他插件使用，或者你不打算使用任何代码来再次加载它，你可以自由地排队样式而不需要注册它。继续看看它是如何实现的。...> 切记：如果一个插件将要用到你的样式表，或者你打算将在你的主题的不同地方进行加载，你绝对应该先注册。
Tab drop for Bootstrap 插件，当Tab不能完全适应分配的空间时，它可以将这些Tab重新排列到下拉选项中。 28....Tocify 是一个jQuery目录插件，可以用Bootstrap进行主题化。 29. Bootpag 是一个用于动态分页的jQuery插件，可以使用Bootstrap或自己实现。 30....The Bootstrap 是一个简洁的、偏现代风格的WordPress Bootstrap主题。 26....BootstrapWP 是一个基于Bootstrap的自定义WordPress主题开发的基础程序。 27....StrapPress 是一个WordPress主题，它以移动为优先，响应性强，包含了大量的Bootstrap元素。 28.
显示评论者IP的归属地及运营商信息的2种方案 本文，将合并两篇博客的内容，主要合并了两个脚本，并对国旗、浏览器、终端设备等图标进行了美化 插件实现 1）Show UserAgent 插件 （推荐）...2）WP-UserAgent 插件 （适合老外） 官网：https://wordpress.org/plugins/wp-useragent/ 下载： wp-useragent.zip 效果图如下：...上传到主题根目录 把 show-useragent-pro.zip 上传到主题的根目录，注意不是WordPress根目录 例如，米扑博客使用的主题是 officefolders ，则zip包上传至 wp-content...2）搜索定位的关键词 在WordPress根目录下，搜索定位到的关键词，如上图中的 "comment-author vcard" ，找到对应的评论模板文件 一般模板文件在 wp-include/ 目录下...打开步骤2）找到的评论模板文件 vim wp-includes/class-walker-comment.php 再次搜索关键词 "comment-author vcard"，定位到在文件中的具体位置
前端网页代码就变的很乱，如果 JS 或者 CSS 文件多，还会影响前端的加载速度： 以 Sweet 主题为例，从上图可知，有留言点赞的 JS 代码，主题自带的脚本代码，WPJAM 内容模板的 CSS...分别合并成一个文件：这样就实现前端代码简洁，并且相关的文件也变少，网页加载速度也会明显变快，还是以 Sweet 主题为例，合并之后，整个页面除了 jQuery 之外，只剩下合并生成的 JS 和 CSS...目前 Sweet 主题已经支持 WPJAM 「静态文件」插件，WPJAM 出品的所有插件，应该都支持了，比如「内容模板」后台设置的样式也支持了。...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...，支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面，并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用的内容模板
之前让WordPress支持注册用户上传自定义头像功能 一文，通过安装Simple Local Avatars和 WP User Avatar插件，可以让注册用户本地上传头像代替默认的Gravatar...头像，不过一般都认为插件安装多了，会影响速度，那么我们就以WP默认主题Twenty Fifteen为例，把这个功能集成到WordPress主题中，即可方便用户，也显示得主题高大上。...第二步，将插件中的 simple-local-avatars.js 复制到Twenty Fifteen主题的 js 目录。...$script_name_append . ‘.js’, array(‘jquery’), false, true ); 目的是，将必须的js文件调用，从默认的插件目录转到当前主题JS目录中，保存simple-local-avatars.php...第四步，打开Twenty Fifteen主题的 functions.php 模板文件，在最后添加： require get_template_directory() .
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
