技术文摘_Mac资讯_Mac教程_Mac技巧_Page 3

技术文摘

禁用网页上的文本选择、剪切、复制、粘贴和右键单击功能

如果您想防止其他人从您的网站上窃取内容，您可以借助 CSS、JavaScript 和 jQuery 在一定程度上做到这一点。在本文中，将带您学习如何禁用文本选择、剪切、复制、粘贴和右键单击网页。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。使用 CSS 或 JavaScript 禁用文本选择您可以使用 CSS、JavaScript 或 jQuery 禁用对整个网页或部分页面的文本选择。如何使用 JavaScript 禁用完整网页的文本选择使用 onmousedown 和 onselectstart 事件属性和 body 标签来禁用整个网页的文本选择。这些事件会覆盖浏览器的默认行为。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>This is the title of the web page</title> </head> <body onmousedown="return false" onselectstart="return false">...

2 years前 63

技术文摘

如何在 CentOS 7 云服务器上将 PHP 从 5.4 升级到 7.0

运行 CentOS 7 的新云服务器上可用的默认 PHP 版本是 5.4 版。了解如何将其升级到 PHP 7.0。您需要手动执行升级，因为 PHP 7 在标准 CentOS 7 yum 存储库中不可用，因为它被认为是不稳定的。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。注意这是一次重大升级，可能会导致与您可能正在运行的任何 Web 软件发生严重冲突。我们强烈建议您在继续之前创建服务器的快照。这将允许您在遇到升级问题时回滚任何更改。要求一台运行 CentOS 7 的云服务器PHP 5.4 版使用 php -v 命令验证您当前的 PHP 版本： [XU@localhost ~]$ php -vPHP 5.4.16 (cli) (built: Nov 6 2016 00:29:02)Copyright (c) 1997-2013 The PHP GroupZend Engine v2.4.0, Copyright (c) 1998-2013 Zend Technologies 升级到 PHP...

2 years前 59

技术文摘

网站优化之怎样编写在 Google 上排名靠前的 SEO 内容

对于做网站的都明白 SEO 内容的重要性，可是如何在搜索引擎中排名靠前更重要。如果您要撰写的内容在 Google 上排名最高，那么您需要了解的不仅是俗语“内容为王”。我们都知道内容很重要，但是哪些内容呢？什么是最好的写法？在本文中，将带您一起学习有关编写 SEO 内容的最佳工具和技术的全部知识，这些工具和技术可在 Google 上获得最高排名。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。 SEO 内容和服务用户在马丁·斯普利特 (Martin Splitt) 参加谷歌关于 SEO 101 的会议期间，他被要求列出在谷歌上获得最高排名的三个最重要的因素。Google 网站站长的答案并不复杂，也不是技术问题。事实上，它再简单不过了：“提供为用户服务的内容”。为用户服务是编写好的 SEO 内容的全部内容。听起来很简单，当尝试编写出色的 SEO 内容时，很少有内容编写者专注于为用户服务。他们没有看到 SEO 的技术方面只是衡量和改善网站用户体验的另一种方式，而不是欺骗用户的神奇公式。从你的角度来看，排名因素似乎是你想要勾选的框，但从谷歌的角度来看，它们是确定搜索者是否喜欢谷歌向他们展示的内容的方法。以跳出率为例：谷歌记录用户在页面上花费的时间。如果用户立即点击某个网站，Google 会认为该页面的内容不是很有趣，并将其排名较低。您作为 SEO 内容编写者的目标是确保不会发生这种情况。这并不意味着所有页面都需要让用户停留数小时，而是意味着如果用户因为发现其他页面更有趣或更有用而在其他类似页面上花费了更长的时间，那么 Google 就会知道，这几乎意味着他们肯定会会排名更高。这就是为什么在研究或编写任何内容时，您的首要考虑应该是创建以最佳方式满足用户兴趣的内容。确定您的 SEO 内容的目的创建为用户服务的 SEO 内容的最佳方式取决于您尝试回答的搜索查询类型，而这反过来又取决于您的内容在您自己的数字营销策略中所扮演的角色。产品页面的 SEO 内容绝大多数拥有网站的企业主需要处理的第一个 SEO 内容是那些描述所提供产品和服务的页面。这类内容通常最容易编写，通常涵盖以下基本主题：您提供什么产品和服务如何以及从何处获取它们您的产品和服务的特点...

2 years前 65

技术文摘

如何为您的 WordPress 站点文章添加分享链接功能

碰到好的文章想让更多人看到怎么办？在当今社会中肯定第一个是想到分享。而作为网站站长，网站中增加一个分享功能除了能让您的文章通过分享方式让更多人看到外，它还能给用户带来更好好的用户体验。在 WordPress 网站中使用比较多的一个是 bShare 和 JiaThis 分享插件。而目前 JiaThis 也于 2018 年停止服务了，所以，是时候更换新的分享样式了。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。今天给大家推荐分享的是免费的 js 分享代码，对于网站上分享功能失效或者还没有找到更好的分享插件站长来说，该插件可以很好的解决您的问题。 1、下载官网源代码 https://overtrue.me/share.js/ 2、安装官方作者提供了好几种安装方式，您也可以根据自己的需要来选择合适的安装方式。由于大家使用的 WordPress 主题不同，在调用的时候以实际情况为准。在主题文件的 header.php 文件的 </head> 标签前加入下面代码： <link href="<?php echo get_template_directory_uri(); ?>/dist/css/share.min.css"> <script src="<?php echo get_template_directory_uri(); ?>/dist/js/social-share.min.js"></script> 3、调用把主题设置里的分享代码替换成下面的代码即可： <div class="social-share"></div> 4、其它对于一般的博客分享使用的话，到这一步就足够了，Share.js 也提供了很多自定义的配置，如自定义图标：使用: data-initialized=”true” 标签或者 initialized 配置项来禁用自动生成 icon 功能。 <div class="social-share" data-initialized="true"> <a href="#" class="social-share-icon icon-weibo"></a>...

2 years前 60

技术文摘

WordPress 更改上传图像默认目录解决方案

如果您的网站是使用 WordPress 搭建的，通常情况下我们在上传图像素材时它都会自动将图像上传保存在 /wp-content/uploads/ 目录中，同时文件夹会按年月进行分类存放，这样我们在上传的图像路径就变成了类似这样的目录结构：/wp-content/uploads/2020/12/123.png。如果您的网站年龄越久，那么 WordPress 会就生成很多不同的目录，有什么方法能把图像上传目录更改或者固定吗？接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。网络上有很多不同的站长也提供了多种方法，这里给大家推荐一种非常简单易用的方法。您只需要在 WordPress 根目录中的配置文件 wp-config.php 中添加以下代码保存更新即可。 define('UPLOADS',''.'/image'); 这段代码的意思是重新定义您的图像上传目录为 image，您也可以根据自己的需要来定义。正常情况，我们在 WordPress 后台上传图像它的存储目录就会变成了上述代码中的 image。不过这里还有一个问题，上传后的图像还是会按年月路径存放。所以我们还需要在到 WordPress 后台 >> 设置 >> 媒体选项 >> 在“文件上传”中去掉“以年一月目录形式组织上传内容”前面的勾并点击保存更改按钮即可。这个时候我们再上传图片都会存放到我们之前设置的 image 文件夹内，而且再也不会按年月路径存放图片了。不过现在有很多第三方基于 WordPress 在开发网站的时候都会进行修改，所以，如果您的没有调整，可以根据自己的进行手动设置即可。以上就是本篇分享的所有内容，感谢阅读（编辑：罗阳）

2 years前 61

技术文摘

代码实现 WordPress 网站整体变黑白/灰白效果的四种方案

一般情况下一个网站出现整体效果黑白或者灰白效果的时候，多是由于发什么什么重大的事情或者悼念一些人或事物。在今年的时候由于特殊原因的 WordPress 网站也为了沉重悼念在抗疫过程中牺牲的人员进行了网站整体变灰效果。以下是收集整理并测试可用的代码，现在分享给大家，顺便学习下 CSS 样式的使用方法。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。第一种网站变黑白方法：在 style.css 文件顶端添加下行代码即可，有些 WordPress 网站主题有自定义 CSS 样式功能，可以直接把代码粘贴进行保存即可。 html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 第二种网站变灰度方法：将以下代码放入 </head> 前即可让对应网页变黑灰色！ <style type="text/css">html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style> 第三种网站变灰色方法：如里上面的两种方式都不喜欢，可以通过修改 <html> 标签，以加入内联样式的方法，达到网页变灰的效果。 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);"> 第四种网站整体变灰方法： body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter:...

2 years前 59

技术文摘

WordPress 在删除文章同时删除图像内容解决方案

使用 WordPress 的网站站长肯定会有心得，就是自己每次发布文章进行配图的时候它都会根据日期自动在程序目录生成对应日期的文件夹，时间越久生成的目录就越多。而且每个站长使用的服务器配置也不一样，如果您的服务器较小，而这种直接删除文件却又不能及时清理掉文章中附带的图像话，这样就会造成有很多图像会遗失在磁盘中，从而造成 WordPress 中存放了许多不需要的图像文件。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。以下是在网络上收集整理的在删除文件时可以执行删除 WordPress 图像特色以及图像附件，您可以根据需要对代码进行拆分使用或者全部使用。 /* 删除文章时删除图片附件 */ function delete_post_and_attachments($post_ID) { global $wpdb; //删除特色图片 $thumbnails = $wpdb->get_results( "SELECT * FROM $wpdb->postmeta WHERE meta_key = '_thumbnail_id' AND post_id = $post_ID" ); foreach ( $thumbnails as $thumbnail ) { wp_delete_attachment( $thumbnail->meta_value, true ); } //删除图片附件 $attachments = $wpdb->get_results( "SELECT...

2 years前 54

技术文摘

插件实现 WordPress 使用代码屏蔽某区域访问解决方案

想要使用 WordPress 屏蔽某些区域的 IP 访问除了使用 WordPress 中的相关插件外，您还可以使用本篇文章由收集的以下代码进行指定区域进行屏蔽。在 WordPress 中可以灵活使用的方法有非常多，而我们这次不需要安装第三方插件即可实现某些区域的 IP 进行访问。本次屏蔽访问调用了淘宝的 IP 服务来判断用户位置，从而实现某些区域用户无法访问指定的网站。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。 /** * test.php(屏蔽区域 IP 无法访问) */ header("Content-type: text/html; charset=utf-8"); $verification = '广东省';//这里指定需要屏蔽省份的 IP 地址 $ip = $_SERVER['REMOTE_ADDR'];//获取访客用户实际 IP 地址 $antecedents = $_SERVER['HTTP_REFERER'];//访客用户来路地址 $result = file_get_contents("http://ip.taobao.com/service/getIpInfo.php?ip=".$ip); $address = json_decode($result,true); //检测用户访客是否属于广东省、百度、谷歌等 if($address['data']['region'] == $verification && strpos($antecedents, 'baidu')...

2 years前 38

技术文摘

WordPress 网站增加顶部加载进度条效果

每次看到不同网站有不同效果的时候都想把它拿下来折腾到自己网站上，今天要给大家分享的是 WordPress 网页顶部加载进度条效果。可能有一些用户在访问某个网站的时候会看到网站底部或顶部有一个加载进度的效果，本篇文章就是要实现这种网页打开的进度条效果。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。 WordPress 实现网页加载进度条效果并不难，使用 HTML5、CSS3 以及JS 代码即可实现效果，以下是给大家整理的具体修改方法。第一步：修改 CSS 样式将以下样式代码复制粘贴到自己网站主题的 style.css 样式表中保存 /*加载进度条*/ #progress {position:fixed;height: 2px;background:#2954fd;transition:opacity 500ms linear; z-index:1000000; top:0;} #progress.done {opacity:0 } #progress span { position:absolute; height:2px;-webkit-box-shadow:#2954fd 1px 0 6px 1px; -webkit-border-radius:100%;opacity:1;width:150px; rightright:-10px;-webkit-animation:pulse 2s ease-out 0s infinite; } @-webkit-keyframes pulse { 30% { opacity:.6} 60% {opacity:0;} 100% { opacity:.6 }} /*加载进度条*/ 第二步：修改 PHP 文件加载样式表将以下代码复制并保存到 footer.php 文件以开启加载样式 <div><span></span></div><script language="javascript"> $({property: 0}).animate({property: 100}, { duration: 3000, step: function() { var percentage = Math.round(this.property); $("#progress").css("width", percentage+"%"); if(percentage == 100) { $("#progress").addClass("done"); } } });</script> 这里需要说明的是，进度条样式网络上也有很多，您可以根据自己的喜好来选择或者自己 DIY 进度条样式。把以上代码整合到您的 WordPress 网站中就可以实现网页打开的时候顶部有加载进度条效果啦，如果刚加入刷新看不到效果估计有缓存或者按 Ctrl+F5 强制刷新。以上就是本篇分享的所有内容，感谢阅读（编辑：罗阳）

2 years前 43

技术文摘

复制 WordPress 网站文章提示内容弹出转载提示框代码

做为一个在互联网上流浪多年的站长在自己的 WordPress 网站中也发布了不少网络文章，现在的自媒体也到处都在，而自己有时候写的一些文章可能就随随便便的被复制过去了。虽然互联网是奔着开放、共享、自由去走的，但是有些人在复制自己的文章时可以通过以下方法来实现告诉用户在转载文章时记得保留原文信息。以下方式测试通过，可放心使用。接下来APP收藏（appsc.com.cn）为你详细介绍，内容如下。第一种：以下方法在 WordPress 中测试可用，其它基于 PHP 的可以自己测试使用。您可以直接将以下代码添加到当前 functions.php 文件。 //复制文章提示 function wz_copyright_tips() { echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >'; echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>'; echo '<script>document.body.oncopy = function() { swal("复制成功！", "转载请保留原始文章链接，谢谢合作！","success");};</script>'; } add_action( 'wp_footer', 'wz_copyright_tips', 100 ); 以上调用的 JS 和 CSS 是公用资源，如果您觉得加载比较慢或者影响网站速度，您可以单独把文件下载到本地服务器中，指定路径修改相应的源代码即可。第二种：第二种无美化，无 CSS...

2 years前 55

3/3 上一页 1 2 3