WordPress使用webP格式减少图片体积

webP是新一代的图片格式,在保证肉眼识别无差异的图像质量基础上,采用更优秀的压缩算法减少图片体积,从而加快图片网络传输速度。如果你使用过 PageSpeed Insights,应该对webP格式不陌生,谷歌会提示使用webP格式以获得更高分数:

安装webP格式转换插件

我们平时截图、下载的图片基本上都是png、jpg、jpeg格式,可以先转换成webP格式后再上传到WordPress后台。

不少WordPress插件支持将图片自动转换成webP格式,免费的有 ShortPixel、Imagify、EWWW等,付费服务有 KeyCDN。

设置EWWW Image Optimizer自动转换webP格式

首先我们设置EWWW Image Optimizer自动转换webP格式:WordPress后台“设置”-》“EWWW Image Optimizer”->”WebP”,勾选“JPG/PNG to WebP”,然后点击下面的”Save Changes”按钮保存。

设置好自动转换后,以后所有新上传的图片都会自动转成webP,非常省心。

网站上之前上传的图片,通过如下操作批量转成webP格式:

1. WordPress后台“媒体”->”Bulk Optimization”,打开EWWW Image Optimizer优化页面;

2. 勾选“Force re-optimized”,然后点击“Scan for unoptimized images”按钮,程序开始扫描所有图片:

3. 扫描结束后,会提示总图片数量。点击“Optimized xxxx images”按钮批量优化和转换图片为webP格式。

配置Nginx优先使用webP格式图片

网站上所有的图片都有了webP格式版本,接下来就配置Nginx优先使用webP格式图片。

首先编辑 /etc/nginx/nginx.conf 文件(具体文件路径与系统和环境有关),在 http 段加入如下配置:

map $http_accept $webp_suffix {
  default "";
  "~*webp" ".webp";
}

接着编辑网站配置文件,例如 /etc/nginx/conf.d/tlanyan.conf,在 server 段中加入如下配置:

location ~* ^.+\.(png|jpe?g)$ {
  add_header Vary Accept;
  expires max;
  try_files $uri$webp_suffix $uri =404;
}

最后重启Nginx:nginx -s reload

经过上述配置后,用户访问网站时优先下载webP格式的图片。不支持webP格式的浏览器,使用默认的jgp、png格式,不会受到影响。

总结

本站图片已经全部采用webP格式,对比转换前后图片大小,webP最大可减少原图片70%的体积,既节省带宽,也加快用户下载,因此十分推荐。

WordPress性能优化

自写博客以来,本人一直用WordPress做建站程序。肯定有人会问,都2020年了,为什么还用WordPress,不用Hexo、Jekyll、Github Pages、Medium呢?主要是WordPress的主题/插件系统太牛逼,生态非常完善,远超其他建站程序。此外开发者、用户众多,许多想要的功能,点点鼠标装上插件就实现了,小白高手都能用得很舒服。

用了这么久的WordPress,对WordPress的性能优化也有了不少的经验。目前本站峰值PV 3万,峰值IP 1.6万,alexa排名大概15-18万之间,运行在阿里云1核2G 峰值100m带宽的t5突发性能实例上,平均cpu使用率在10%以下,内存占用基本不超过1G,非常平稳:

一直用这么低配的机器跑访问量过万的网站,底气来源于本人对WordPress和服务器做了如下优化(优先级依次降低):

1. WordPress安装缓存插件,例如W3 Total Cache、 WordPress Super Cache等,本站用的 WordPress Super Cache,配置简单;

2. 启用Nginx的缓存;

3. PHP启用opcache模块(强烈建议);

4. Nginx启用gzip压缩,图片使用webP格式,静态资源缓存时间设置为最大;

5. 开启动静分离;

5. 删除不必要的插件。开启的插件越多,后端PHP的负担越大,自然响应就更慢;

6. 运行最新版的操作系统及软件。最新版的操作系统、软件不仅修复安全bug,还有明显的性能提升。托管本站vps的操作系统是运行5.5内核的CentOS 7(刚买时CentOS 8还未发布),启用BBR模块、从remi源安装php 7.4、redis 5最新版、从Nginx、MariaDB官方源安装的最新版Nginx、MariaDB;

7. 禁用WordPress自带的cron任务,改成crontab执行;

8. 移除wp-login.php,xmlrpc.php的直接访问。可以通过Redirection等插件实现,但本人更推荐通过Nginx直接将这两个地址重定向。这个做法不仅安全,避免暴力破解,还能避免无聊/恶意的人消耗CPU;

Mysql数据库优化,个人认为比较专业,没有太通用的方案,本站也没对数据库做特别优化。

另外个人认为一个很重要的优化手段是使用SSD硬盘,但是本站的机器是普通硬盘,并未实践。

如果你还有其他有效的性能优化技术,欢迎指点!

10 Best Speed Optimization Tips For Elementor Websites

Elementor is one of the best page builders for WordPress written with a strict code standard.

But, some of the websites built with Elementor page builder suffer from configuration issues that may lead to slow page loading.

Here are some ways to deal with your slow loading Elementor websites. All these tips are applicable to any type of WordPress websites as well.

Note: Before you begin, don’t forget to backup your entire website.

1. Choose a perfect host

First off, identify the right performance-optimized host for your website. Many hosts are still running with older versions like PHP 5. A performance-optimized host should definitely offer PHP 7+ as they provide massive performance improvements.

Must-Have Specifications To Maximize Elementor Website Performance

  • PHP 7+
  • MYSQL 5.6+
  • WordPress memory: Minimum 64MB and ideally 128MB+

Recommended Host For Elementor

  1. SiteGround
  2. InMotion Hosting
  3. Kinsta
  4. WpEngine

Please read our article on Top 5 Hosts for WordPress.

2. Use a lightweight theme

You may have used page builders to create most of the website content but still, you have to focus on themes. They occupy an important space in speeding up the loading time. By switching to a lightweight theme you can reduce one-fourth of your page loading time.

How To Select A Performance-Oriented Theme?

  • Make sure it is lightweight in terms of file size
  • Choose a modular theme that allows you to pick only the features you want

Recommended Themes For Elementor

  1. GeneratePress
  2. Astra
  3. Genesis
  4. Ocean WP
  5. Hello Theme (for Elementor Pro users only)
  6. Phlox

Click here to learn more about the top WordPress themes for Elementor.

3. Optimize image size

Images comprise half of the file size in an average page. So, to improve your page performance you must optimize images. Find out the pixel value that is displayed in your theme and upload images accordingly. For example, if your theme displays images only up to 800px, then there is no use if you upload an image with 3000+px.

Steps To Optimize Your Images

  1. Resizing images: Resize the actual image dimension on your website to a maximum width that suits the theme.
  2. Compress images: With compression, you can still shrink the resized images. There are two types of compressions namely Lossy (big file size reduction with some loss in quality) and Lossless (smaller size reduction with no loss in quality). Click here to learn more about Lossy and Lossless compressions.

Automated Plugins To Optimize Images

  1. ShortPixel
  2. Imagify
  3. Smush Image Compression and Optimization

4. Minify JS and CSS files

You can improve your website speed by reducing the number of CSS & JS calls and size of those files. There are two tactics that help to minimize the size and number of codes in your website without any change in the underlying functionality. They are,

  1. Minification – removes unnecessary characters like white space, line breaks, etc.
  2. Concatenation – combines multiple files into a single one.

Recommended Plugin

These two tactics can be done with a free Autoptimize plugin. Configure the plugin by enabling HTML, CSS, and JavaScript options.

5. Use advanced cache mechanism

You can cache a page by creating a static HTML version of it. This can stop forcing the server to generate a page again and again from database and PHP files for a single visit.

Mostly, the page caching implementation is done at the server level by fully managed WordPress hosts like WordPress VIP. So, you needn’t worry about caching if you already have a fully managed WordPress hosting. Else, you can implement it via a plugin. If you learn more about the top speed optimization plugins, click here.

Recommended Plugins

  1. Cache Enabler
  2. WP Rocket
  3. WP Super Cache
  4. Swift Performance Lite

6. Use a CDN (Content Delivery Network)

A CDN helps to store a copy of your website across different locations around the world. This helps visitors to download your website from their nearest location. As the traffic is split across different locations, you can speed up the page loading time along with lower latency.

Recommended Plugin

There is a CDN plugin CloudFare which has both free and pro versions. The free version is good enough for most of the websites. Click here to learn about the procedure for setting up CloudFare with WordPress.

7. Enable GZIP compression

GZIP is used to compress the files that are sent to the visitor’s browser from your server. Almost 70% of your file size can be shrunk using GZIP. The implementation part of GZIP is very simple and it helps in increasing the loading speed of the website. Some host providers allow you to implement GZIP via cpanel.

Recommended Plugins

  1. Check and Enable GZIP compression
  2. WP Super Cache
  3. W3 Total Cache

Click here to learn more about enabling GZIP compression for WordPress.

8. Cleanup WordPress database

All the content and settings will be stored in your website’s database. There will be a lot of trash like post revisions, trashed comments etc. However, your website speed will not increase only by cleaning your database. Instead, you should optimize your database. It will your database work more efficiently.

Recommended Plugin

WP Optimize is one of the best plugins that can clean the entire junk present in your database.

9. Eliminate slow plugins

Most people think that plugins do not have any correlation with the website’s speed. But, a lot of plugins do affect your website’s speed.

Ways To Find Out If Plugins Slow Down Your Website

There are tools that will help you to analyze the performance of plugins. Run your website using these tools and find out which plugin slows down your website.

Anyhow, you have to get rid of slow plugins. If it is an unnecessary one then remove it. Else, find an alternate plugin.

For Elementor Websites

There are multiple features available in Elementor Pro that can reduce the number of plugin installations. Elementor Pro offers a lot of built-in and performance-focused functionalities like sliders, social share buttons, forms, countdown timers, and more.

10. Disable Hotlinking

With Hotlinking a person can use your images (hosted on your server) on their website. If this happens then, your server has to load images for their websites. This may affect your website loading speed. In order to avoid this, you can add a shortcode to your website’s ‘.htaccess file’.

Shortcode Snippet: (Replace Example.Com With Your Domain Name)

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)example.com/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ – [F]

Winding up

The latest version of Elementor naturally loads fast because it is in-built with the various functionalities that improve the website’s performance. It uses external CSS files, generates custom CSS rules for each page, and uses ‘srcset’ attribute for all widgets.

Thus, switch to the latest version of Elementor. If you are still struggling with any issues in loading speed then, do follow the above steps to optimize your website. Now your Elementor WordPress website is streamlined and ready to load faster than before.

Do you have any other techniques to speed up an Elementor website? Share your thoughts below!

WDCP如何安装

下面教大家在LINUX系统下WDCP如何安装,昨天正好弄来着,也遇到了麻烦。不过后来解决了,下面会有我的解决步骤。

我使用的是CentOS6.8版本的系统。

1.网络配置好!!!!图形化配置网络:setup。

使用ifconfig查看IP是否配置完成。

ping外网,查看网络配置是否完成。

使用Xshell连接到主机上。(调成白底了,看起来应该比较好一些)

2.然后开始安装,wget先装上。

命令yum install -y wget

3.和lamp环境一起安装,输入命令

wget http://dl.wdlinux.cn/files/lanmp_v3.2.tar.gz

可选安装LNMP,LAMP,LNAMP

4.解压刚刚下载好的安装包

tar zxvf lanmp_v3.2.tar.gz

5.sh lanmp.sh

在这一步可以选择你想要安装的环境,要安装那个选择那个

选择之后,就开始安装了,大概需要等半个小时。

6.rm -rf /www/wdlinu  这是卸载方法

wdcp后台的启动,重起,关闭方法service wdcp startservice wdcp restartservice wdcp stop

默认是开启的。

7.然后打开网页输入:本机IP地址+8080,输入用户名密码。

默认密码是:wdlinux.cn

注意:在没有创建好mysql数据库之前,不要修改mysqlroot的密码。修改密码之后就没法创建数据库了,他会报错的。

8.到这里安装完成了

一键快速重置WDCP面板登录密码及如何查看面板端口

今天遇到一个网友,确实是个人才。VPS环境是用WDCP面板搭建的,网站能正常访问,不过他忘记网站FTP账户密码无法传输数据,于是将他所谓保管的服务器、面板信息的TXT文档传给我帮看看,唯独只有ROOT密码是对的,其他WDCP面板登入入口的地址不对,然后通过查看端口可以找到端口非记录的8080,然后WDCP面板登入密码也并非他记录的,于是通过WDCP自带的一键重置密码找回解决。

这里老左把如何找到当前WDCP面板端口,以及重新重置WDCP面板密码的方法记录,虽然WDCP面板更新一般,但是还是有不少人使用的。

第一、查看端口

netstat -lnpt

这个朋友记录的是8080端口,但是实际看到的并不是,于是通过查看的端口登录面板是可以看到入口的。

第二、一键找回WDCP登入密码

sh /www/wdlinux/tools/wdcp_login_chp.sh

WDCP工具包中自带找回登入密码,通过脚本执行。

执行脚本之后,可以看到重置的WDCP登录密码。

右键被禁止?巧妙破解右键被禁的最新方法

在浏览器地址栏中键入“javascript:alert(document.oncontextmenu='')”(输入时不要输入双引号),此时会弹出个对话框,点击“确定”按钮,然后再对着你的目标(图片或文字)点击鼠标右键就可以看到弹出菜单了,遇到上面所提到的情况,大家不妨一试。

WordPress网站出现白屏问题的解决方法是什么?

白屏是WordPress中常见的错误,它通常是由PHP代码中的致命错误引起的,但是服务器有一个白屏,因为由于服务器的安全性,必须阻塞错误消息。WordPress网站出现白屏问题的解决方法是什么?

要在您知道白屏是如何产生之前解决它的问题,请记住,为了生成白屏,已经执行了以下操作:

1.主题或插件的代码已被修改。

修改WordPress主题或插件的代码是最常见的情况。您所要做的就是登录ftp删除主题或修改后的插件(主题目录:wp-content/themes;插件目录:WP-content/plugins),登录到后台,然后重新安装主题或插件。

2.WordPress核心文件已被修改。

如果您修改WordPress核心文件以生成白色屏幕,请转到WordPress网站下载新的WordPress软件包,并在其中找到您修改的文件,替换更正的网站文件。

3.在启用主题后白屏。

如果在启用主题后出现白屏,则80%是由主题和插件之间的冲突引起的(20%可能是主题本身的问题)。在这种情况下,您可以登录到ftp,删除主题(主题目录在wp-content/themes中),然后登录到站点,禁用所有插件,然后尝试重新安装主题。如果这是网址正常,可以一个一个的启用插件,以查看哪个插件与主题冲突。如果它仍然是一个白屏,它基本上有可能得出结论,有一些问题与主题。

如何修复WordPress白屏卡死

如果你已经使用WordPress很多年,那么你至少遇到过一次白屏。WordPress白屏卡死是一个非常烦人的问题,跟数据库连接错误一样。这个问题在大多数情况下没有错误输出,所以无法弄清楚原因。白屏卡死有时只会影响网站的某个部分,例如WordPress管理员账户,而其他一切正常;或者只在特定文章页上出现,而其他一切运行正常。下面将通过介绍如何修复WordPress的白屏卡死。

注意:在对站点进行更改之前,请先备份数据。

为什么会出现这个错误?

通畅情况,当你看到一个白色的卡死屏幕,这意味着你已经耗尽了内存限制。这可能是由正在使用的插件无法正常运行引起的;也可能是由正在使用的编码不良的主题引起的;也可能是网络托管服务器存在问题。由于问题由许多因素引起,因此需要进行大量的故障排除。

问题是否发生在您的其他网站上?

如果有多个站点,首先需要确认白屏卡死是否发生在所有网站还是单个网站。如果问题出现在所有网站上,那么表明服务器遇到了一些问题。如果问题仅出现在单个网站上,可能是正在运行的插件或主题的问题。如果问题只发生在某一篇文章或页面上,那么这绝对是特定网站的问题。

增加内存限制

通常这个问题发生是因为内存已经耗尽,增加PHP内存即可。

禁用所有插件

如果增加内存限制没有解决,则需要开始故障排除。根据经验,此类问题是使用特定插件或主题造成的,禁用所有插件。如果问题得到解决,然后一次启用一个插件就可以找到问题插件的根源。

用默认主题替换主题

如果插件故障排除无法解决问题,应该尝试使用默认的主题替换当前主题。备份主题文件夹,然后删除主题,WordPress将自动回退到默认主题。或者可以进入phpMyAdmin并更新wp_options表中的数据库表。必须更新以下表名:

template, stylesheet, 和 current_theme。将值更改为Twentyeleven。

如果问题解决,那么应该查看主题的functions.php文件。如果底部有多余的空格,应该清理掉。如果在主题的functions.php文件中使用编码不良的函数,也会导致这种情况。

其他修复

如果以上都没有解决,应该尝试重新安装WordPress,可能是核心文件已经损坏。还可以使用WordPress调试功能来查看输出的错误类型。在wp-config.php文件中添加以下代码:

  1. error_reporting(E_ALL); ini_set('display_errors', 1);
  2. define( 'WP_DEBUG', true);

添加此内容后,空白屏幕将显示错误,警告和通知。这些可能可以帮助您确定根本原因。

有时可能有权访问后端,但网站的前端有白屏卡死。这可能是因为缓存插件而发生的。只需清空缓存即可。如果只在很长的文章页面上有白屏卡死,还应该尝试清除缓存。我们发现的另一个技巧是增加递归和回溯限制。可以将以下代码粘贴到wp-config.php文件中。或者在某些服务器中,需要修改PHP.INI文件。

  1. /** Trick for long posts */
  2. ini_set('pcre.recursion_limit',20000000);
  3. ini_set('pcre.backtrack_limit',10000000);

解决升级WordPress时提示:另一更新正在进行

升级WordPress时由于国内连接WP服务器慢会造成更新中途停止,并在数据库wp_options表中增加core_updater.lock记录,当再次更新时会提示:另一更新正在进行。

解决办法,将下面的代码添加到当前主题函数模板 functions.php 中:

  1. global $wpdb;
  2. $wpdb->query("DELETE FROM wp_options WHERE option_name = 'core_updater.lock'");

之后,刷新一下网站页面,会自动删除该记录,可以正常升级程序了。

该代码运行一次就够了,没有必要留在主题中,用后删除即可。

另外,升级插件如果出现错误,可能会一直显示“正在执行例行维护,请一分钟后回来。”的提示,可以FTP进入在WP程序目录中找到.maintenance文件,删除即可。

实现wordpress文章自动生成二维码图片

二维码现在很热门,各种广告、产品都可见支持二维码扫扫描。作为wordpress博主是否有想过给博客每天更新的文章添加一个二维码功能给客户“扫扫”?很简单就能实现哦,仅需要在single.php添加一句代码即可。

操作方法如下:

在后台——外观——编辑——single.php文件中添加以下代码:

1
<img src="http://api.qrserver.com/v1/create-qr-code/?size=100x100&data=<?php the_permalink(); ?>" alt="QR:<?php the_title(); ?>"/>

注:其中的100×100表示二维码图片宽100,高100,可自行更新设置。

生成效果:

文章转自:https://www.boke8.net/wordpress-qr-4-post.html

Custom Query Filter

Both Posts and Portfolio Widgets come with a feature-packed query control that allows you to select specific posts to show in the widget. But sometimes you need more control over the query and for that, we added a Custom Query filter to expose the WP_Query object and allow you to customize the query in any way you want.

Setting Up a Custom Filter

In Posts or Portfolio widget, give your query an ID, make sure it is unique unless you want the filter to run on multiple posts or portfolio widgets.

In this example the query ID is set to my_custom_filter, so when Elementor render’s the widget it will create a custom filter based on the query ID:

  • Posts & Portfolio Widgets– elementor/query/my_custom_filter

Using the Custom Filter

After you have set up the Custom Query Filter you can use it to modify the query in the same way WordPress native pre_get_posts hook lets you modify the Query. Using the Custom Query filter is just like any other WordPress native action hook:

<?php
// Posts or Portfolio Widget
add_action( 'elementor/query/my_custom_filter', function( $query ) {
	// Modify the posts query here
} );
Examples

Multiple Post Types in Posts Widget

// Showing multiple post types in Posts Widget
add_action( 'elementor/query/my_custom_filter', function( $query ) {
	// Here we set the query to fetch posts with
	// post type of 'custom-post-type1' and 'custom-post-type2'
	$query->set( 'post_type', [ 'custom-post-type1', 'custom-post-type2' ] );
} );
Filter Posts by Post Meta in Portfolio Widget
// Showing post with meta key filter in Portfolio Widget
add_action( 'elementor/query/my_custom_filter', function( $query ) {
	// Get current meta Query
	$meta_query = $query->get( 'meta_query' );
	// Append our meta query
	$meta_query[] = [
		'key' => 'project_type',
		'value' => [ 'design', 'development' ],
		'compare' => 'in',
	];
	$query->set( 'meta_query', $meta_query );
} );
Most Popular Post by Comment count in Posts Widget
// Showing posts ordered by comment count in Posts Widget
add_action( 'elementor/query/my_custom_filter', function( $query ) {
	// Here we set the query to fetch posts with
	// ordered by comments count
	$query->set( 'orderby', 'comment_count' );
} );
Show Posts of Multiple statuses in Posts Widget
// Showing posts ordered by comment count in Posts Widget
// NOTE: Using this snippet may result in displaying private data
// Please use with caution.
add_action( 'elementor/query/my_custom_filter', function( $query ) {
	// Here we set the query to fetch posts with 
	// post status 'future' and 'draft'.
	// Refer to WP_Query documentation in WP codex for values list.
	$query->set( 'post_status', [ 'future', 'draft'] );
} );
Final Notes
  • The action hook provides two parameters:
    • $query – The WP_Query object.
    • $widget – The Current widget object.
  • You may need to refresh the editor to see the effect of the filter.
  • Deprecated hooks:
    • elementor_pro/posts/query/{$custom_query_id}
    • elementor_pro/portfolio/query/{$custom_query_id}

WordPress多重筛选并排序(按自定义字段、分类、标签等)

WordPress要实现文章多重筛选的核心函数就是wp_query( ),有php基础的,直接看官方文档应该就能解决标题所提到的WordPress多重筛选功能了。效果图实例:

下面我做一些简单的介绍:
假设文章有自定义字段:area 存放的是地区信息,比如重庆,比如北京等。另一个字段为type,存放的是比如,

// 分类
if(isset($_GET['cat'])) {
 	$cat_name=$_GET['cat'];
 }
//  标签
if(isset($_GET['tag']) ){
 	$tag=$_GET['tag'];
 }

// 自定义字段:area
if(isset($_GET['area']) ){
 	$array_temp = array('key' => 'area', 'value'=>$_GET['area'], 'compare'=>'=');
 	array_push($metaArray,$array_temp);
 }
 
 // 自定义字段:type
if(isset($_GET['type']) ){
 	$array_temp = array('key' => 'type', 'value'=>$_GET['type'], 'compare'=>'=');
 	array_push($metaArray,$array_temp);
 }

//正反顺序
if(isset($_GET['order'])){
	$order=$_GET['order'];
}
else $order = 'DESC';

//默认按时间排序
$orderby='date';

//如果用户设置了按文章特定字段价排序
if(isset($_GET['orderby'])){
	if($_GET['orderby'] == 'views'){
	$array_temp = array('key' => 'views');
 	array_push($metaArray,$array_temp);
 	$orderby='meta_value_num';
        }
    else $orderby = $_GET['orderby']; //否则按wp自带排序字段
}

//获取上述参数,组成查询条件
$args = array(
	'meta_query' => $metaArray,
         'category_name' = >$cat_name,
         'tag'= $tag_name,
	'order' => $order,//DESC,
	'orderby' => $orderby,
 );

//查询文章
 $query = new WP_Query( $args );

输出:

<?php while ($query->have_posts()) : $query->the_post(); ?>

<h1class="post-name"><ahref="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

<?php endwhile; ?>

我这里只设置输出了标题。大意就是如此。通过上面的代码,就可以实现,标签,分类,和area 和type四个条件的多重筛选。

$_GET['cat']) 这是指从网址中获取的值,比如 ?area=重庆&cat=food&tag=good&type=xxx&orderby=modified 则获取的是,重庆地区,分类为food,标签为good,类型为xxxx的文章,并按修改时间排序。

为了方便通过点击自动生成上述链接,你可能需要了解一下:add_query_arg()  和 remove_query_arg() 这两个函数。如果多重筛选需要分页,你可能需要 WP-PageNavi这个插件配合上面的代码使用

wp_pagenavi( array( 'query' => $query ) );

上述方法是WordPress实现多重筛选最优质的思路,网上其他有一些方法,比如通过多个tag等实现,但如果遇到需要自定义字段的区间筛选就歇菜了。我通过上述方法做成了两个网站:www.bizdir.cn 和 www.adbid.net 具体效果大家可以到这两个网站查看。

非常抱歉,你可能读完这篇文章还是云里雾里,实话说,如果你毫无编程基础,的确很难理解。我这里只是记录的一个实现思路。但一旦你熟悉就会豁然开朗,WordPress多重筛选真的很好很强大,这会拓宽你做网站的道路。

如果你实在有需求,可以联系我付费实现。

无需升级,您的WordPress数据库已经是最新的了-后台登录跳转首页

今天在线升级了wp4.6.1版本,后台登录时出现了“无需升级,您的WordPress数据库已经是最新的了”如下图,点击继续回到首页,出现死循环,致使网站后台无法登录,搜索了一下解决方案,分享处理过程如下:

一、 问题出现原因

出现这种现象的用户多数是启用了Memcached缓存!在wp-content文件夹有object-cache.php文件,这是造成缓存无法登录的主要原因。

二、解决方案

1、删除或更名 object-cache.php
我们只需要进入wp-content文件夹把object-cache.php文件删除,或者更改后缀名称,比如object-cache.php.bak 再次登录就不会出现死循环了。显然这样是不科学的,影响了Memcached缓存!登录成功后你把object-cache.php改回原来的名字,问题依然存在。
2、安装 WP Memcached Manager 插件
搜索一下WP Memcached Manager插件,发现已经7年没有更新了,当时很怀疑,还是点击安装->启用插件,再把刚刚重命名文件改回去,这时你再次登录就不会出现以上问题了。至于这个插件,你现在完全可以卸载掉了。

升级WordPress时提示”另一更新正在进行”

WordPress在升级的过程中,如果你刷新页面或者关闭页面会造成Wordpress升级不成功,下次升级时可能会遇到这样或者那样的问题。例如我前天升级Wordpress 4.5时刷新了页面,再次升级Wordpress时,Wordpress一直提示”另一更新正在进行”。

这是由于在升级Wordpress时,Wordpress会在数据库wp_options表中增加core_updater.lock记录。如中途打断Wordpress升级,这个记录会留在数据库中。当下次升级时,Wordpress检测到此记录的存在就会返回”另一更新正在进行”。可通过以下方法解决:

通过phpmyadmin等工具管理Wordpress数据库,在wp_options表中找到core_updater.lock记录并删除。

手冲咖啡

通过这种简单易操作的方式,享受到一杯醇厚浓郁的咖啡。

冲泡指南:

1. 准备沸水

事先预估即将使用到的水并煮沸,其中包括冲洗器具的用量。

2. 湿滤纸

将热水均匀的冲在滤纸上,使滤纸全部湿润,紧紧贴附在滤杯上,然后倒掉分享壶内的热水。这一步将还原咖啡纯粹的味道。

3. 准备咖啡粉

下一步,准备好适量的咖啡粉。将磨好的咖啡粉倒入滤杯中,轻轻拍平。通常研磨精细的咖啡粉看起来很像砂糖的质地。请准备每2勺新鲜研磨咖啡粉配合6盎司热水。

4. 冲泡与萃取

将刚烧开的热水均匀浇注在咖啡粉上,当水量到达滤纸的一半时停止10秒,使咖啡粉充分吸水后膨胀。越新鲜的咖啡粉膨胀的越大,越能激发出咖啡的口感。

5. 完成冲泡

缓缓地倒入剩下的水,水流要保持稳定,可以顺着一个方向画同心圆进行注水,直至咖啡粉的外围。冲泡完成后请尽快享用。

小贴士

建议手冲注水时可以使用计时器,一般一杯咖啡最佳冲泡时间是3分钟。

咖啡烘焙

更多地体现在我们为使每一颗咖啡豆具有上佳口味而花费的心血上。星巴克烘焙的颜色可以模仿,但它特别的风味却是无法模仿的。

烘焙咖啡是一件让人激动的事情。我们把自己烘焙出来的咖啡叫作星巴克烘焙咖啡。但是,星巴克咖啡烘焙与别种咖啡的不同之处,不仅仅体现在它特别的颜色上,更多地体现在我们为使每一颗咖啡豆具有上佳口味而花费的心血上。星巴克烘焙的颜色可以模仿,但它特别的风味却是无法模仿的。

咖啡的生命旅程

还躺在鲜红色的咖啡果里的时候,咖啡豆的精彩生命旅程就开始了。从一棵咖啡树到出产出可收获的咖啡果大约需要五年时间,每一棵树每年只出产相当于一磅的烘焙咖啡豆。在烘焙这些像卵石一样的咖啡原豆之前,咖啡的种植者们就利用自然方法或水洗方法,对这些咖啡豆进行处理。 通过自然的手段,在咖啡果去壳剥出咖啡豆之前,让成熟的咖啡果留在树上或采下放在地上晒干。通过这种水洗的方法,就是将咖啡豆从咖啡果里剥出来,再将这些咖啡豆放入水中浸泡,然后将它们放在宽敞的地坪上晒干,或者利用现代化设备对其进行烘干处理。

从一棵咖啡树到出产出可收获的咖啡果大约需要五年时间,每一棵树每年只出产相当于一磅的烘焙咖啡豆。

咖啡原豆要放在一个旋转式大圆桶里进行烘焙,然后它们开始转变。经过5到7分钟猛火高热后,咖啡豆中的水分逐步挥发。此时,咖啡豆开始变黄,并产生浓郁的香味。 8分钟之后,“第一次爆裂”开始,咖啡豆的体积膨胀一倍,并且发出噼里啪啦的响声。这时,它们的颜色是浅褐色的。如果你在此时停止加热,取出几粒咖啡豆尝尝滋味,你会对咖啡豆的滋味感到失望,这时的咖啡豆只有非常强的酸味,因为此时咖啡豆丰富、复杂的味道还没有散发出来。

烘焙过程

在容器里烘焙10到11分钟之后,咖啡豆的颜色变得越来越深,表面开始浮现出油。此刻的烘焙阶段(根据咖啡的种类而定,通常在11或15分钟),咖啡豆的浓郁风味就开始完全释放,并与咖啡豆自己的特别滋味完美融合。

这时,“第二次爆响”开始了,这标志着咖啡豆的烘焙过程可以结束了。 将咖啡豆移置到冷却盘那一瞬间的情形简直让人难以置信:新鲜烘焙的咖啡豆香气四溢,噼里啪啦的声音不绝于耳。

咖啡调制

咖啡器并不是调制美味咖啡的唯一因素。咖啡调制的四要素分别是比例、研磨度、水、新鲜度。

如果您具有调制咖啡的基本常识,您就可以利用咖啡压滤壶、家用咖啡壶和浓缩意式咖啡器来调制美味咖啡。

比例

要掌握好咖啡粉和水的比例——这是调制美味咖啡过程中关键的步骤。为了让您调制出效果上佳的咖啡,我们建议您用180毫升水与10克咖啡粉进行搭配。如果您觉得用这种方式调制出来的咖啡饮品的味道太浓,您可以再往里加点热水。

10克咖啡需用180毫升水调制。 两勺约为10克。

研磨度

不同的调制方式对咖啡研磨的程度有不同的要求。但总的来说,调制的时间越短,对咖啡研磨的程度就越高。例如,用在浓缩咖啡机上的咖啡粉必须非常精细,因为调制的时间只有18到23秒左右。但是,用在咖啡压壶上的咖啡粉可以粗糙一些,因为水和咖啡粉有四分钟直接接触的机会。

  • 浓缩咖啡机:特别细的咖啡粉
  • 滴滤咖啡机:中等粗细的咖啡粉
  • 咖啡压滤壶:粗的咖啡粉

调制的时间越短,对咖啡研磨的程度就越高。

一杯咖啡中,98%的成分都是水,所以您用来调制咖啡的水必须清洁、新鲜、不含杂质。最好将水加热到90摄氏度到96摄氏度,这种温度的热水可以萃取咖啡所有的风味。温度不够的水不可用。

水越纯净,越能制作出一杯好咖啡。

新鲜度

咖啡是一种讲究新鲜度的饮品,它的敌人是氧、光、热和潮湿。为了保证咖啡的新鲜度,应在室温下将咖啡放置于避光、密封的容器里保存。您可以用这种方式保存咖啡达一个星期之久。为了获得更好的效果,磨好的咖啡粉应该立即使用。

新鲜的咖啡的保存时间不能超过一个星期。

咖啡的起源和培植

在地理概念上,全球性的咖啡种植区有三个——东非和阿拉伯半岛,东南亚和环太平洋地区,拉丁美洲。

不同地区种植出来的咖啡具有不同的风味——一个国家特别的土壤、气候条件和种植方式使得该国出产的咖啡具有特别的风味。法国的酿酒大师把这种现象叫做“地域风格”。

在地理概念上,全球性的咖啡种植区有三个——东非和阿拉伯半岛,东南亚和环太平洋地区,拉丁美洲。

某些种类的咖啡树能长到30至40英尺高。

然而,为方便采摘咖啡豆,人们经常通过一些方法来使咖啡树不长那么高。平均而言,一株咖啡树每年所产的咖啡果只够烘焙出0.5公斤的咖啡粉。而对于大多数喜好咖啡的人来说,喝完这些咖啡只需要一个星期的时间!

有两种具有重要经济价值的咖啡:阿拉伯种咖啡豆和东非洲种咖啡豆。在高海拔地区,阿拉伯种咖啡生长得较好,这种咖啡的风味比其它咖啡要精致得多,而且,这种咖啡中咖啡因的含量只占咖啡全部重量的1%。正如其名称所表明的那样,东非洲种咖啡滋味醇厚,抵抗病虫害的能力强,单株产量也很高。该种咖啡生长在低海拔地区,味道苦涩。星巴克公司只采购高品质的阿拉伯种咖啡。

收获季节,咖啡树上长满了鲜红的咖啡果。未经烘焙的咖啡豆只是咖啡果的果核。

咖啡豆

咖啡豆

恪尽职守的咖啡树

像其它种类的果实一样,咖啡果也生长在树上。土壤、气候、海拔高度、咖啡树周围其它种类的植物都能够对咖啡的风味产生影响。

咖啡果的皮非常厚,味微苦。而果皮下面的果核却是甜的,其质地与葡萄相似。果核的里层,是对种子起保护作用的薄膜。该层薄膜很像苹果种子的保护膜。去掉这一层膜,你就会看到绿色的咖啡豆—通常为两粒。将咖啡豆洗净之后,就可以进行烘焙了。

咖啡豆

咖啡豆

定制化建站服务

进阶版网站设计

此网站是在网上最热门平台的基础之上构建而成,不仅功能强大,而且还适合在移动设备上展示,具体包括博客和高级功能,可方便客户与您的网站进行互动。

标准版网站设计

此网站是设计精美的单页网站,包含多个模块,可用于告诉客户您的业务领域、展示您的产品照片或视频,甚至可以在地图上显示您所在的地理位置。

基础版网站设计

此单页设计网站专业高效,是非常好的入门级网站。它提供了客户需要查找或与您交流的基本信息。

基础版网站设计

非常适合在线发布新业务和营销宣传。

免费咨询
 
新式设计,专为您的独特业务需求量身定制
 
1 个页面上有 4 个模块
 
极速服务!只需 7 个工作日即可完成建站
 
适合在移动设备上展示,在智能手机上更加美观

标准版网站设计

非常适合吸引新客户,并随时通知客户有哪些特惠活动。

免费咨询
 
新式设计,专为您的独特业务需求量身定制
 
1 个页面上有 6 个模块
 
极速服务!只需 7 个工作日即可完成建站
 
适合在移动设备上展示,在智能手机上更加美观

进阶版网站设计

非常适合与客户进行互动,提供在线预约和其他功能。

免费咨询
 
新式设计,专为您的独特业务需求量身定制
 
5 个页面上有 15 个模块
 
极速服务!只需 10 个工作日即可完成建站
 
在所有屏幕上已针对移动平台优化过,包括显示器、平板电脑和智能手机
 
适合在移动设备上展示,在智能手机上更加美观

如何实现

告诉我们您有哪些要求

通过简短的电话交谈,与我们的专家聊一聊您的业务和产品。
从我们精选的专业设计行业主题中进行选择。
向我们提供您要在网站中使用的图像和内容。
在此过程中遇到任何问题?欢迎随时向我们致电或发送电子邮件。

我们会立即开始建站

在您选择主题后,我们的设计专家便会根据您的指示新建网站。
我们会添加您提供的文本、图像和徽标。如果您没有任何图像,或者不确定要创建什么样的网站,我们将会插入专业水准的照片,为您打造精美时尚的网站。
收到您提供的内容后,我们仅仅需要 7-10 个工作日,即可完成建站,以供审核。

上线并壮大

完成建站后,我们便会安排您审核网站。网站一经您的批准,我们便会启动品质控制流程,并发布您的网站,向全世界进行展示!
需要我们帮助您更新网站文本或更改网站图像吗?请直接联系我们。

选择您需要的模块,或者请求为您定制插件!

提供最热门的功能,以便您选择。没看到您想要的?我们将十分乐意听取您的有趣想法或特定要求,并让您的愿望成真。

静态模块

  • 关于我们
  • 服务/产品列表
  • 客户感言
  • 公告和新闻
  • 常见问题解答/帮助
  • 下载

互动模块

  • 关于我们
  • 视频模块
  • 360度全景展示
  • 联系信息和互动地图
  • 电子邮件订阅
  • 照片库(基础版、标准版和进阶版套餐分别包含 10 张、20 张和 40 张照片)

加购组件

  • 博客
  • 就业机会
  • 留言板
  • 生成QR码(二维码)
  • 多语言切换
  • 每周及每月流量分析报告
  •  一键式语音通话
  • 网页内聊天
  • 第三方账号登陆(Facebook、微信等
  • 网上商店(购物网站)
  • 发货状态跟踪

软件开发

你的需求决定我们的创意

我们提供微信小程序、APP、网站等多种平台的产品设计开发服务

电商平台
小程序
H5电商
公众号

我们的团队

最富创意的点子、最精湛的技术、最先进的产品管理经验
我们就是您的专属团队

天津超方科技有限公司(简称ttt)是一家专业的互联网科技公司,拥有多元化的技术和业务背景、以及强大的技术团队和协作咨询专家。

ttt管理团队的核心人员在互联网行业已沉浸十年以上,擅长WEB信息化软件开发、互联网营销推广、IT基础架构、IT信息化建设和IT管理咨询。

专业的服务流程

系统化流程,清晰透明,专业可靠

常见问题

我需要提供什么素材/资料?

填写完我们的需求表单并通过我们的评估之后,我们会联系您,提供具体的需求清单、品牌相关的资料等,很简单!

定制化风格是什么样的?

风格可以很多变,具体当然由您来决定!填写我们的需求表单告诉我们你偏好的风格,让我们来满足您的需求!

“定制化服务”的流程是什么?

同样的,填写完我们的需求表单并通过我们的评估之后,等待我们联系您!我们想为用户带来世界上最省心、可靠的服务体验!

“定制化服务”的收费标准是怎么样的?

我们的收费非常合理!根据您需求的大小、时间安排将有所不同。定制服务的具体价格我们在评估完您的需求之后告知。