wordpress博客访客_WordPress技巧：如何检测访客浏览器类型

最新推荐文章于 2022-08-03 11:16:42 发布
最新推荐文章于 2022-08-03 11:16:42 发布
阅读量232 收藏
点赞数
文章标签： php python java javascript wordpress ViewUI

有时我们需要提供特定的内容或对某些Web浏览器进行调整。 有几种方法可以这样做。 例如，我们可以使用JavaScript BrowserDetect.browser函数 。 我们还可以使用以下注释标记专门针对Internet Explorer 。

Modernizr对于浏览器的功能检测很有用，因此我们可以修补不支持的功能。 我们还可以使用CSS3媒体查询 ，尽管它不是为了检索浏览器信息而设计的，但是它对解决网站呈现问题很有用，尤其是在移动浏览器中。

PHP浏览器检测

但是，所有这些方法仅改变了正面，而文档标记中的实际内容仍然不受影响。 假设我们有两个<div>元素，一个用于Internet Explorer，另一个用于另一个。 无论使用什么浏览器，这两个元素实际上都将保留在文档中。

在某些情况下，这些方法可能不是理想的解决方案。 因此，唯一可行的选择是使用服务器端语言，例如PHP 。 如果您使用的是WordPress，则可以使用名为PHP Browser Detection的插件轻松实现。

条件函数

激活此插件后，它在仪表板中什么也不会给您。 相反，它提供了一些可在主题文件中使用的条件函数-例如page.php，index.php等。 它允许在所有流行的台式机和移动设备（例如iPad和iPhone）中进行检测。

基本用法

让我们看一些用法示例。 假设我们只想向Internet Explorer用户显示通知。 我们可以在<body>下的header.php中编写类似的内容。 

<?php if ( is_IE() ) { 
	$browserInfo = php_browser_info();
	$browser = $browserInfo[browser];
	$version = $browserInfo[version];

	echo '<div class="browser-notification">You are using '.$browser.' '.$version.' . Please, update your browser for better experience.</div>';
}; ?>

通过样式表中的一些样式调整， Internet Explorer用户将看到以下内容。

但是，当我们在其他浏览器 （Firefox，Opera，Safari和Chrome）中看到它时，则不会生成通知标记。

如前所述，我们还可以针对移动设备，这对于在移动平台上优化WordPress网站非常有用。 假设您已在主题中启用了后缩略图支持，我们可以将以下功能添加到index.php中，以在移动设备中提供较低的图像分辨率，并为桌面浏览器提供较高的分辨率。 

<?php if ( is_mobile() ) { 
	the_post_thumbnail( 'small' );
} else {
	the_post_thumbnail( 'large' );
}; ?>

这些只是几个示例，请转到WordPress.org页面以更详细地了解此插件 。


翻译自: https://www.hongkiat.com/blog/wordpress-browser-type-detection/

cune1359
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用几行PHP代码实现wordpress检测浏览器是否在微信浏览器内打开
小畅的博客
12-23 579
代码如下，首先检测你的ua，这个是完全的php代码，也可以自己通过自己的方式检测ua，或者打印出来。自己搞了个网站，不想在微信浏览器打开，做了个引导用户到浏览器打开的代码。检测到了后，跳转到代码页面也就是固定的引导打开微信浏览器页面代码。最终效果如截图所示。
WP-UserOnline显示在线用户的插件
10-17
博客的人气在一天天的提升时，你是否想过统计下在线的访问量，当然，现在有很多统计工具，像CNZZ,51LA，Yahoo统计等等，都可以帮你实现这个功能，但是，还要登录到相关的统计站点，才能查看到相关信息，这对于一些博主来说，可能会有点麻烦，那么，看看这款插件吧。 WP-UserOnline插件可以显示在线的用户.并可以统计用户浏览的页面,甚至于分析出是不是机器人正在访问你的网站.(这个功能实在有趣).当然，如果你不感觉到麻烦，你完全可以使用上面说的在线统计工具，那么这篇文章你也就没有看的必要了。O(∩_∩)O~ WP-UserOnline插件安装： 下载WP-UserOnline插件，将文件解压缩，上传到/wp-content/plugins/目录。 登录wordpress后台控制面板激活该插件，在“Settings”--->“Useronline”进行设置，其实，在页面中也不需要什么特别的设置，当然，你可以修改Useronline的模板文件，这些如果你有兴趣的话，可以对其进行修改(点击浏览全图)。 WP-UserOnline插件使用： 一般应用（不带 Widget） 1、打开 /wp-content/themes/themes name/sidebar.php 2、添加以下代码到任意位置 <?php if (function_exists(’useronline’)): ?> <li> <h2>UserOnline</h2> <ul> <li><div id="useronline-count"><?php get_useronline(); ?></div></li> </ul> </li> <?php endif; ?> 一般应用（带 Widget） 1、激活 WP-UserOnline Widget 插件,登录到“WP-Admin -> Appearance-> Widgets” 2、找到UserOnline Widget，点击Add到侧边栏（sidebar）,可以点击配置图标进行自定义设置 UserOnline Widget 然后保存就OK了。 建议不要使用这种方式，在测试的时候，激活该项后，博客侧栏的其它菜单都消失了，不知道什么原因，所以，建议您还是使用添加代码的方法进行添加。 添加好后，在后台左侧的上方的Dashboard的版块中，会多出个WP-UserOnline链接，点击这个链接，它是显示当然在用户的信息，在这里你就会看到。
wordpress实现访客统计
it牛徒弟
08-22 4944
简单介绍一下用php+mysql实现简单的访客统计　　一、php脚本<?php //连接数据库 $conn=mysql_connect("localhost","root","root"); if(!$conn){ die("链接失败".mysql_errno()); } //设置数据库编码方式 m
wordpress判断是电脑端浏览还是移动端浏览
一味博客
01-06 1393
 wordpress判断手机 if( wp_is_mobile() ) { // 显示移动版网站内容 } else { // 显示桌面版网站内容 }  
wordpress_sky_ranch：机场生活的WordPress主题
02-27
"WordPress_sky_ranch"是一款专为机场生活、航空服务或与飞行相关的业务设计的WordPress主题。这款主题以其独特的设计风格和丰富的功能特性，为用户提供了一个理想的平台来展示和管理与飞行、机场运营相关的网站。 ...
在WordPress中使用PHP脚本来判断访客来自什么国家
10-23
主要介绍了在WordPress中使用PHP脚本来判断访客来自什么国家的方法,同时也可以调用文中所介绍的国内网站所提供的API来查询,需要的朋友可以参考下
wordpress-5.2.3-zh_CN.zip
12-31
《WordPress 5.2.3 中文版：构建强大博客平台的基石》 WordPress，作为全球最受欢迎的内容管理系统（CMS），自2003年诞生以来，已经成为了无数网站和博客的首选平台。其中，WordPress 5.2.3是这个开源软件的一个...
WordPress博客SEO更加完美的6个技巧
09-29
以下六个技巧可以帮助你进一步提升WordPress博客的SEO表现： 1. 充实`<meta>`关键词（keywords）和描述（description）：虽然它们对搜索引擎排名的影响可能不如以前显著，但完善这两部分仍然至关重要。关键词和描述...
php-wp-adfly.zip_API_WordPress_link_link-shortener
09-20
2. 当用户发布或编辑帖子时，插件会检测到文章中的URL，并提供选项将这些URL通过AdFly API进行缩短。 3. 插件使用PHP发起HTTP请求到AdFly API，传递长链接和API密钥。 4. AdFly服务器接收到请求后，处理链接缩短，并...
不用第三方插件如何统计自己wordpress的访问量
james_laughing的博客
06-13 4132
很多wordpress博主都很在乎自己的访问量，使用第三方统计插件又会拖慢自己博客的响应速度，下面就交给大家如何自己写代码统计自己博客的访问量。 工具/原料 wordpress站点 自己站点的各种权限 方法/步骤 登录自己博客的后台，输入正确的用户名和密码。 找到外观——>编辑进入“编辑主题页面”，然后找到右侧的foot（底部）进入编辑页面，然后在...
五大浏览器js 判断IE、Firefox、Safari、Chrome、Opera
LL1x.com
01-05 551
IE       只有IE支持和创建ActiveX控件，因此其他所有浏览器没有的东西，只要判断window对象是否存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。IE各个版本的userAgent如下：       Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)      Mozilla/4.0 (compatible; ...
Wordpress用文件记录访客 IP和访问量
daxi0ng的博客
11-09 2403
1.记录访问量，显示访客IP [php原码] <?php /*打开文件用于记录访问量，如果文件不存在自动创建*/ $counterFile = "counter.txt"; $fp = fopen($counterFile,"a+"); /*获取IP*/ $adress=$_SERVER["REMOTE_ADDR"]; /*统计访问量*/ $num = fgets($fp,5); $num += 1; print "您是第 "."$num"." 位访客，"." 您的
让wordpress判断是电脑端浏览还是移动端浏览
zhyoulun的专栏
07-22 3501
if( wp_is_mobile() ) { // 显示移动版网站内容 } else { // 显示桌面版网站内容 } 参考： 一个函数判断网站用户是从移动端还是桌面端访问你的网站的 http://www.wpzhiku.com/wp-is-mobile/ WordPress短代码实现移动设备上内容不可见 http://yusi123.com/3309
如何在不同的浏览器中测试WordPress网站（轻松进行跨浏览器测试）
cumohuo9136的博客
09-15 866
Do you want to test your WordPress site in different browsers? Cross Browser Testing is extremely important when changing WordPress themes or implementing a new design because it helps you make sure t...
wordpress如何判断用户是不是使用手机设备访问
cheneab1的博客
08-03 410
wordpress电脑端和手机端需要分别展示内容，就需要系统能自动识别访问者是使用的电脑还是手机设备。判断用户是否使用手机设备访问，主要是获取用户的user_agent，这里包含了市面上大部分的手机浏览器的user_agent。...
修改wordpress的footer内容
01-17 7826
这个是我的emag主题里的footer.php里的代码<?php /** * The template for displaying the footer. * * Contains the closing of the #content div and all content after. * * * @package eVision themes * @subpackage ema
WordPress显示评论者IP归属地、浏览器、终端设备、电信运营商
阳光岛主
10-21 3471
WordPress显示评论者IP归属地、浏览器、终端设备、电信运营商
rancher部署三个Wordpress docker-compose.yml脚本
最新发布
05-28
好的，下面是部署三个WordPress的docker-compose.yml脚本： ```yaml version: '3' services: db1: image: mysql:5.7 volumes: - db1-data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: example MYSQL_DATABASE: wordpress1 MYSQL_USER: wordpress1 MYSQL_PASSWORD: password wordpress1: depends_on: - "8001:80" restart: always environment: WORDPRESS_DB_HOST: db1:3306 WORDPRESS_DB_NAME: wordpress1 WORDPRESS_DB_USER: wordpress1 WORDPRESS_DB_PASSWORD: password volumes: - wp1-data:/var/www/html db2: image: mysql:5.7 volumes: - db2-data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: example MYSQL_DATABASE: wordpress2 MYSQL_USER: wordpress2 MYSQL_PASSWORD: password wordpress2: depends_on: - "8002:80" restart: always environment: WORDPRESS_DB_HOST: db2:3306 WORDPRESS_DB_NAME: wordpress2 WORDPRESS_DB_USER: wordpress2 WORDPRESS_DB_PASSWORD: password volumes: - wp2-data:/var/www/html db3: image: mysql:5.7 volumes: - db3-data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: example MYSQL_DATABASE: wordpress3 MYSQL_USER: wordpress3 MYSQL_PASSWORD: password wordpress3: depends_on: - "8003:80" restart: always environment: WORDPRESS_DB_HOST: db3:3306 WORDPRESS_DB_NAME: wordpress3 WORDPRESS_DB_USER: wordpress3 WORDPRESS_DB_PASSWORD: password volumes: - wp3-data:/var/www/html volumes: db1-data: wp1-data: db2-data: wp2-data: db3-data: wp3-data: ``` 以上的脚本通过Docker Compose来部署三个WordPress实例，每个实例都有一个MySQL数据库进行支持，并且每个实例的端口都不同（8001、8002和8003）。在使用时，可以将上面的脚本保存为docker-compose.yml文件，然后在该文件所在目录执行 `docker-compose up -d` 命令即可启动三个WordPress实例。注意需要提前安装好Docker和Docker Compose。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值