首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Wordpress -使用JS显示随机发布,而不是PHP

WordPress是一种流行的内容管理系统(CMS),它使用PHP编程语言和MySQL数据库来创建和管理网站。它提供了一个用户友好的界面,使用户能够轻松地创建和发布内容,包括文章、页面、图像和多媒体文件等。

在WordPress中,使用PHP是常见的方式来显示随机发布。但是,如果你想使用JS来显示随机发布,可以通过以下步骤实现:

  1. 创建一个自定义的JavaScript函数,用于获取随机发布的内容。
  2. 在WordPress的主题文件中,找到需要显示随机发布的位置。
  3. 在该位置插入一个HTML元素(例如div),并为其添加一个唯一的ID。
  4. 在JavaScript函数中,使用AJAX技术向WordPress后端发送请求,获取随机发布的内容。
  5. 将获取到的内容插入到之前创建的HTML元素中。

这样,当用户访问网站时,JavaScript函数将被调用,随机发布的内容将被获取并显示在指定的位置上。

WordPress的优势在于它的易用性和灵活性。它具有丰富的插件和主题生态系统,使用户能够根据自己的需求来扩展和定制网站。此外,WordPress还具有良好的SEO支持和社区支持。

对于这个问题,腾讯云提供了云服务器(CVM)和云数据库MySQL等产品,可以用于托管和管理WordPress网站。您可以通过以下链接了解更多关于腾讯云的产品和服务:

  • 腾讯云云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 腾讯云云数据库MySQL:https://cloud.tencent.com/product/cdb_mysql

请注意,以上链接仅供参考,具体的产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

小白建站我为什么更推荐使用WordPress不是typecho?

前言 很多人在选择博客站时总是纠结使用WordPress还是typecho,亦或是像emlog,hexo,zblog等等,大多数大佬都是推荐typecho,一致意见是wp博客臃肿,那么,wp占地大吗?...但我还是推荐使用wp建站,下面说说我的看法。...两者对比 相对而言,wordpress使用得人更多,插件也更丰富,受众广,而且出现问题解决也方便,但必然少不了wp是真的大,对于使用哪一个程序来做博客,我推荐得是1H1G服务器还是选择ty或者emlog...首先,wordpress基础功能多,就拿媒体库来说,就是ty不曾拥有的,由于我刚开始使用的就是wp,所以压根不明白,为什么要弄什么图床,虽然后面搭了个图床,但是还是喜欢直接放wp媒体库。...其次,WordPress在不装任何插件下,有经典编辑器和可视化编辑器,写文章时可以直接排版,直接上传图片,ty则需要通过链接的方式插入,或者更新文章用mark编辑器书写。

1.3K30
  • 使用 WP_Query 不是 query_posts 自定义 WordPress 查询

    前面我们介绍了 WordPress 的主循环和全局变量,那么如果需要自定义 WordPress 查询进行一些事情,可以有两种方法,最容易的方法是使用 query_posts 函数,另外一种方法就是自定义...: 干扰使用WordPress 主循环的插件。...使用 WP_Query 自定义查询 所以最好的方法是使用 WP_Query 来创建自定义 WordPress 查询,这样创建的查询和 WordPress 主循环隔离开,并不会影响主循环的行为。...这样做的好处是在循环中,我们可以使用 WordPress 标准的文章相关的模板函数,比如下面是使用自定义的 Loop 先是最新5篇文章的完整代码: 最新日志 简单总结 使用 WP_Query 创建自定义 WordPress 查询是不会干扰默认的 WordPress 主循环,使用它我们完全可以在一个页面同时运行两个或者以上完全独立的 WordPress

    35820

    Node.js运行原理、高并发性能测试对比及生态圈汇总

    Node在每个连接发射一个在 Node 引擎的进程中运行的事件,不是为每个连接生成一个新的 OS 线程(并为其分配一些配套内存)。...这是一个有趣的问题,因为 Ghost 具有操作工具单一且一致的优点——无需额外的封装, WordPress 需要依赖 Apache / Nginx 和 PHP 之间的集成,这可能会导致显著的性能缺陷。...基本上,WordPress 是一个基于 PHP 的 CMS, Ghost 是基于 Node.js(JavaScript)的。...因此,这里的目标是使两个平台的网页大小尽可能相似,让 PHP 和 Node.js 在幕后斗智斗勇。 由于结果是根据不同的标准进行测量的,最重要的是尺度不一样,因此在图表中并排显示它们是不公平的。...最后,如果一个 web 平台真的想在这场竞赛里击败 WordPress,从这个比较中得出的结论就是,要想性能占优,必须要定制一些像 PHP-FPM 的工具,它将直接与 JavaScript 通信(不是作为服务器来运行

    2.8K30

    WordPress集成底部滚动推荐条,让好文章不再被埋没

    最新消息:目前该功能张戈博客已推出 WordPress 插件,欢迎安装使用!详细介绍=>> 这个功能最开始叫底部滚动公告条,部分 WordPress 主题集成自带,比如知更鸟主题。...主题没集成的还可以使用万戈牌公告栏插件来实现这个功能。不过以往插件或主题集成的公告栏功能都只会滚动公告,即后台会有一个公告撰写栏,可以编辑数条公告然后在前台底部滚动显示。...因此,我就将鸟哥主题的公告栏代码修改了一下,实现了目前博客的公告栏效果:随机滚动数篇历史文章,并显示评论和浏览数目,用了几天了,感觉还不错!就来分享一下,也许会有朋友喜欢!...>/gg.js" > 将以上代码中的 QQ 邮箱订阅链接地址修改成你自己博客的订阅地址,然后粘贴到 WordPress 主题目录的 footer.php 的之前保存即可。...四、可选调整 ①、本文分享的滚动条默认是随机显示 5 篇文章,如果你想修改这个数目,只要将第一步 PHP 代码中的  'posts_per_page' => 5 修改成你要的数值即可; ②、滚动速度可以修改第二步分享的

    1.5K90

    原创插件:中国博客联盟WordPress插件更新至1.2.2版本

    这个周末,作为 PHP 菜鸟的张戈再次爆发,天昏地暗的开发了 3 个插件: ①、Zgboke-Nav:中国博客联盟导航插件更新至 Ver 1.22 ②、WP-Baidu-Record:WordPress...百度收录查询与显示插件 ③、WP-Dialog:WordPress 博客友好对话框&底部随机文章滚动条插件 以上插件均已上传到 WordPress 官方,并成功通过审核。...在我在 WordPress 官方申请发布新插件时,发现博客联盟的导航插件居然也有一百多次的下载量,看来还是有人尝鲜的。正好手头开发的插件写好了现成的模板代码,索性把这个导航插件也更新下好了!...又比如,另一个百度收录查询与显示插件,我分享的代码版就只能单纯的显示是否收录,插件版却能设置只对管理员开发,已经自动加载到文章的尾部!...更详细使用说明请看之前文章:http://zhangge.net/4232.html

    1.1K40

    WP-Rocket配合nginx实现纯静态化加速WordPress

    编译并安装rocket-nginx 要使用该脚本,必须将其包含在实际配置中。如果您的WordPress网站尚未配置为使用Nginx运行,您可以检查WordPress文档的Nginx配置。...rocket-nginx/default.conf; ... } 如果没有报错我们重启nginx即可 service nginx reload 检验配置是否生效 您可能想要检查你的文件是否由Nginx直接提供,不是调用任何...X-Rocket-Nginx-File:如果“是”,则使用的文件是什么(磁盘上的路径)。 无法调用缓存的几种原因 发布请求:对Web服务器的请求是POST。...因此,让我们的WordPress处理应该显示的内容。 Cookie:找到一个特定的cookie并告知不提供缓存页面(例如,用户已登录,使用密码发布)。...换句话说,您直接从NGINX提供静态文件,不是在提供静态文件之前将请求传递给FPM然后传递给PHP,这不仅提高了加速速度,还节省了服务器资源。

    1.6K30

    原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

    双 11 光棍节,我在博客发布了一篇给博客部署一个友好对话框的教程,用了几天感觉非常不错!...④、JS 代码版可全面兼容 WordPress、ZBlog(PHP&ASP)、Emlog 及 Typecho: 我已手工适配上述建站程序对于留言信息的 cookies 命名,从而可以顺利取得不同建站程序的留言者昵称...⑤、网站底部随机文章滚动条功能(此功能仅 WordPress 插件版配备) Ps:张戈设计以上功能的目的,上一篇文章已说得很清楚了,主要是提高自然访客的体验度,尽最大努力增加网站粘性,从而降低跳出率。...skin=default"> 比如 WordPress 博客可以将上述代码粘贴到主题目录下的 footer.php 中。此 JS 代码在其他博客程序也同样适用!...三、ZBlogPHP 插件 暴博客看到这个 js 之后,兴致勃勃的写了一个 ZBlogPHP 版插件,使用 ZBP 建站的朋友可以前往下载安装。

    3.7K120

    使WordPress达到最佳运行状态的13个技巧

    升级到WordPress发布的最新版本 WordPress 2.7在运行方面比以往有了很大进步。 升级wordpress到最新版本之后你就可以体验到这一点了。 2....这款插件可以为动态的WordPress博客生成静态html文件。 生成html文件后,web服务器只要负责html文件不再需要处理PHP脚本,PHP脚本负荷沉重且消耗较大。...8.PHP Speedy WP PHP Speedy WP能够用简单快捷的方法加速你的WordPress网站运行并提高网站的反应时间,而你只需要允许它将所有JS和CSS文件单独整理成两个文件——这会大幅度减少页面加载时间...但PHPspeedy也有一些需要修改的地方:整理过的Javascript文件保存在页面的顶部不是底部,文件无法与WP Super Cache共同运行。...12.显示页面加载次数和查询次数 将下面的代码添加到你的模板上就可以显示加载你的页面需要的时间和执行的sql查询次数了。 这个方法可以快速了解你的WordPress博客优化程度。

    1K30

    PHP 7终于发布:开发者会选择PHP 7吗?

    许多开发者迫不及待地使用PHP7,但不是每个人都能正确地使用它。接下来这个调查就是用于评估PHP程序员是否愿意采用PHP 7。 调查主要围绕三个问题: 你是否打算在你的生产中使用PHP 7?...(四)PHP 7 调查结果分析 从第一个问题可看出绝大多数程序员不是早期使用者。他们想使用PHP 7 但需要过一段时间等PHP7 稳定后再用。...第三个即最后一个问题,显示了程序员们正在使用PHP版本有多新。 有一小部分的人正在勇敢地在生产中使用PHP 7。虽然我认为他们不大可能在非常重要的项目中使用PHP 7开发。...这使你能够在同一个脚本中运行多并行任务,不需要等一个任务执行一个任务。 请不要将异步编程与多线程编程混淆。PHP已经可以使用pthreads extension.执行多线程编程了。...尤其是最近WordPress宣布将尽可能删减JavaScript,包括服务器端的Node.js和React框架。

    1.4K50

    REST API TO MiniProgram 上线WordPress官方插件库

    这个插件的上一个版本叫:wp-rest-api-for-app,作为一个18年的码农,我很惭愧 ,wp-rest-api-for-app 是个丑陋的程序,当初完全是为了开发小程序匆忙写出来了,代码粗糙丑陋...wordpress评论相关 1.显示评论及回复 2.提交评论及回复,回复评论发送模版消息 wordpress分类相关 1.分类(专题)的订阅 2.添加分类封面图 微信支付相关 1.赞赏的微信支付功能...6)settings目录:wordpress 后台设置相关实现 7)wxpay目录:微信支付相关api(在微信源码基础改造) 8)js目录:存放js文件 9)images目录:存放图片文件 2.qrcode...版微信小程序开发系列(一):WordPress REST API WordPress版微信小程序2.2.0版发布 WordPress版微信小程序2.1.8版发布 WordPress版微信小程序2.0版本发布...微慕WordPress小程序专业版v2.0 WordPress版微信小程序3.2版发布 打通WordPress和微信公众号

    1.3K10

    静态博客搭建工具汇总

    Nuxt 更像是为构建应用程序而生的,不是独立的内容静态网站。 Nuxt.js官网 Docsify ---- Docsify 是一个动态生成文档网站的工具。...GitBook 改版之后,感觉的团队更专注于商业产品不是开源工具,同时CLI工具不再提供了,所以无法实现个性化部署,所以不做介绍,有兴趣的可以看其官网。...4、相对hexo而言,可以直接在github网页版上编辑和发布博客,PC间切换和同步非常方便。(这点本人非常喜欢) 缺点: 1、jekyll用的liquid语法确实不是对程序员友好的,。...是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。...用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。 WordPress有许多第三方开发的免费模板,安装方式简单易用。不过要做一个自己的模板,则需要你有一定的专业知识。

    1.3K20

    WordPress主题制作(二):模板和模板文件

    制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前的页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果...要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为html,并能在浏览器中正常显示出来,这些将您的理念转化为html的文件我们可以将其理解为模板文件...解释一下:为什么把图中的 index.php 所在的区域标为红色的。因为这块区域是会根据不同类型的页面发生变化。...index模板文件 这个模板文件包含你的日志的标题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。...footer模板文件 像 header.php 模板文件一样,footer.php 通常不会因为页面的改变改变,你可以在这里放置任何东西,通常是版权信息。

    1.6K30

    WordPress日志、编辑类插件

    HidePost 这个WordPress 插件可以用来保护你的文章内容, 比如链接, 文本, 或是图像. 只有注册用户登录状态下才能看到. 这比较适合那些提供下载的BLOG使用....通过WordPress的Tags标签匹配, 可以指定相关日志显示数, 按日期还是按标签使用数排序等等. 插件主页 Random Featured Post WordPress随机日志插件....可以显示一份指定分类下面的推荐日志列表, 而这份推荐的日志列表其实是随机的. In-Series 这个插件方便用户把文章组织成为一个系列, 可以使用到表格或是上一页下一页链接....更重要的是这个插件不需要你添加任何WordPress模板代码, 也不需要使用PHP. 插件主页. Post Notification WordPress文章通知插件....RELATED POST with THUMBNAIL 显示一份随机日志列表. 特别的这份随机日志列表包含每篇文章中的第一张图片, 显示成缩略图.

    1.6K30

    数款二次元wordpress主题,你值得拥有!

    注:排名不分前后 H-siren 主题特色 任何页面背景头图可以选择使用随机图片API显示,比如 漫月API 小歪二次元 PC 端首页的博主描述,可以选择使用“一言”代替,由 Hitokoto - 一言...文章归档界面优化,不同颜色随机显示,更加美观 添加了仿微信的音乐播放器,可以用在状态里面播放音乐。...mokore 主题作者:江程训(CensuJiang) 主题类型:WordPress,个人博客,博客主题,二次元,自媒体,大佬必备 特色描述:简约不简单,特别适合喜欢二次元的自媒体、程序员和画师...兼容环境:PHP5.6.0 +,WordPress 4.8+ 主页图片 ?...,例如Pjax功能、隐藏文章功能、强化了wordpress编辑器、增加了很多短代码,各大视频网站的视频直接可以使用短代码调用,作者为惶心剑阁的管理员。

    11.2K30

    Display Posts : 按条件显示WordPress文章的最强插件

    WordPress本质上是一个内容管理系统(CMS),是显示、创建、发布和维护内容的软件。 本文介绍的插件 Display Posts 主要就是用来扩展WordPress关于显示内容这部分的功能。...,比如把文章的发布日期用相对时间的形式显示出来: ?...显示相对日期 显示效果如下: ---- WordPress 和 Vue.js 的学习资源推荐 1 month ago ---- 显示文章中的图片 如果你想把文章的特色图片实现出来,只需要在短码中增加一个参数...Display Posts : 按条件显示WordPress文章的最强插件 WordPress 和 Vue.js 的学习资源推荐 WordPress 精品插件大全页面的开发小记 WordPress主题中加载...jQuery的最佳方法 WordPress免费插件的选择指南 WP Plugin Info Card : 用于展示WordPress插件信息的最佳插件 使用Vue.jsWordPress中创建单页面应用

    3.5K10

    WordPress版微信小程序3.1.5版的新功能

    不过,这个产品最初是我玩票性质的产品,主要想是为了学习和熟悉小程序的开发,很多站长都是用WordPress做网站的,为了让更多的WordPress站长利用微信小程序,于是就开源了这个产品。...同时在WordPress版微信小程序的配置文件config.js里,配置downloadFile合法域名: ? 如果没有配置downloadFile合法域名将会导致合成海报图片失败。...我原来的设计思路:是否翻页应该让用户自己去决定,不是被动的去触发。...3.显示指定分类的文章列表 不少WordPress网站站长提出在小程序只显示部分分类的文章,不是显示所有的文章,以前觉得这是个小众的需求,也就没在意,后来越来越多的人提出这个想法,于是就做了一个小调整...,可以在小程序的配置文件config.js里加入一个配置参数:INDEXLISTTYPE,用于指定需要显示的分类的id(这个id需要到wordpress后台去自己找,方法参考文章:WordPress版微信小程序安装使用说明

    83730

    WordPress开发人员犯的12个最严重的错误

    例如,如果您不评估字符串中的任何内容,最好使用单引号(不是双引号)。另外,为了更好的阅读代码,必须缩进代码,特别是如果它有嵌套代码(例如。如果在if内部,嵌套 FOREACHs 和 FORs)。...6.编写PHP代码不考虑页面可以在一天内缓存 这是一个常见的PHP错误,和前面一样,如果您坚持使用PHP编码标准,就比较容易避免。...9.使用.php文件输出CSS或JavaScript代码不是静态.css和.js文件 我已经看过主题,甚至是WordPress插件,其中有这样的文件style.php只是用来生成自定义CSS代码并打印出来...如果WordPress的环境因为一些插件变慢,那么这将会大大延迟加载时间。即使使用了缓存技术,或者只是加载了WordPress环境的一部分,以便从数据库中检索值。最好是使用静态的.css文件。...使用Nonces:如WordPress 文档中所述,随机数是一个“使用一次的数字”,用于帮助保护URL和表单免受某些类型的滥用,恶意或其他类型的滥用。

    2.9K10
    领券