WordPress 2017主题自定义宽度 Change content and sidebars width

原文:https://wordpress.org/support/topic/change-content-and-sidebars-width/

Follow below steps:

1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.

2. Then navigate Additional CSS and put below css into textarea then click on Save & Publish button.


.wrap { max-width: 1366px; }

Hope this helps you

 

Hello szilnet,

Yes you can modify the percent of the sidebar and content. Check below css code.


.wrap { max-width: 1366px; }



/*For Content*/
.has-sidebar:not(.error404) #primary {
width: 60%
}



/*For Sidebar*/
.has-sidebar #secondary {
width: 30%
}



/*Responsive*/
@media(max-width:768px) {
/*For Content*/
.has-sidebar:not(.error404) #primary {
width: 100%
}



/*For Sidebar*/
.has-sidebar #secondary {
width: 100%
}
}

 

 

Hope this will helps you.

Hacklog Remote Image Autosave

Description

This plugin can save remote images in the posts to local server automatically and
add it as an attachment to the post.

  • capabile with Hacklog Remote Attachment plugin and Watermark Reloaded plugin
  • admin_icon.png was modified from runescapeautotyper.com ‘s donwload icon

此插件的作用是自动保存日志中的远程图片到本地服务器并将保存后的文件作为日志的附件。

  • 与Hacklog Remote Attachment 插件兼容性良好
  • 与Watermark Reloaded 插件兼容性良好

@TODO
自定义img标签图片提取正则(情景描述:有些网页的 img 的图片地址不是用src属性标注的,比如微信网页版用 data-src 来标注图片地址。)
感谢 @守心斋 提出建议。

@待测试
1.随机数参数url形如http://xxxx.jpg?123。导致插件不能正常下载图片 (@walkskyer)
2.前台HTTP,HTTPS后台出现问题。无法正常显示插件页面。 (@Jakes)

@待定功能
1.自定义img标签图片提取正则 (@守心斋)
2.兼容SAE版WORDPRESS (@苏洋 )
3.自定义路径 (@mapleaf)

  • 2.1.0
    修复:下载类似于http://mmbiz.qpic.cn/mmbiz/xxxxxx/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1
    这种url的图片的时候,当文章中有多个图片,底部(后下载的)的图片会将前面的图片覆盖的bug.
  • 2.0.9
  • 修复:远程图片url没有文件名后缀时,自动添加后缀。这样在WP文章里单独点击图片文件链接时,可避免某些服务器把没有后缀的图片文件当二进制文件下载的问题。
  • 修复:Error:SyntaxError: Unexpected token {. Check your HTTP Server error log or PHP error log to see what happend. (thanks to @守心斋)
  • 修复: 远程服务器图片有空格到本地 LAMP 服务器显示不出来的问题 (thanks to @再袭面包屋)
  • 修复: Notice: Undefined offset: 1 in /PATH-TO-WP-ROOT-DIR/wp-includes/vars.php on line 31 (thanks to @YYK)
  • 2.0.0 版完全重写。相比于原来1.0.2版的插件,有非常大的改进。
  • 原来的插件是在文章更新时自动下载远程图片,如果图片非常多的话,这样容易导致执行超时或只有部分图片被下载了。
  • 这次的新版采用的是ajax异步请求的方式让多个文件同时下载。效率和易用性都得到很大改善。

 

 

WordPress 主题教程 #2:模板文件和模板

原文:http://blog.wpjam.com/m/wp-theme-lesson-2-template-files-and-templates/

 

模板文件template files)和模板template)是从零开始创建 WordPress 主题系列教程的第二篇。开始之前,你要确保你已经看过WordPress 主题教程 #1:介绍,否则你将无法理解在教程 #2 中使用的名词。

WordPress 主题教程 #1:介绍中,我们已经学过了 WordPress 的两条基本规则和术语,而这篇将会深入讲解模板文件,模板,以及每个页面的结构。

WordPress 博客的每个页面由多个模板文件组成的,下面是首页的例子:

在上图中,我们可以看出主题的 index.php 是由 4 个模板文件组成: header.phpindex.phpsidebar.phpfooter.php

Header 模板文件:

 

通常在这个文件中包含博客的标题(title)和描述(description)。而且它们通常在整个博客中都是一样的。

Index 模板文件:

这个模板文件包含你的日志的标题日志的内容(就是每篇日志的文本和图片)和日志元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。

 

Sidebar 模板文件

这个模板文件主要用于控制博客的页面列表类别列表存档列表友情链接列表其他一些列表

 

Footer 模板文件:

 

header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的 index.php 所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php 和 footer。

 

header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息

现在让我解释为什么把上面图片中的 index.php 所在的区域标为红色的。引文这块区域是会根据不同类型的页面而发生变化。

如果你在单一日志页面,这时候页面将会包含这四个模板文件:header.phpsingle.phpsidebar.php 和 footer。

WordPress 2.5宽屏版

WordPress 2.5 Widescreen Version

原文:http://www.moon-blog.com/2008/04/wordpress-25-widescreen-version.html

 

I have discussed in an article under WordPress 2.5 in widescreen display abnormal. Almost all of the interface of WordPress 2.5 are directed at the design of the 1024 × 768. When I use my 1440 × 900 widescreen monitor will show only the left side of the body. I’ve finally managed to get my 1440×900 widescreen monitor working with the WordPress 2.5.

Open file wordpress\wp-admin\css\global.css, in line 159, replace:

max-width: 980px;

to:

max-width: 1400px;

In line 166, replace:

max-width: 950px;

to:

max-width: 1400px;

That’s it. Before the modification, we can see that the interface of WordPress 2.5 in 1440 × 900 like this:

WordPress 2.5 Widescreen Version

After the modification, we can see that the interface of WordPress 2.5 in 1440 × 900 like that. It’s so cool, isn’t it.

WordPress 2.5 Widescreen Version

If you are using the 1440 × 900 display resolution, you can changes the code and make a better look in WordPress 2.5 Widescreen Version.

 

我曾经在一篇文章中讨论WordPress 2.5在宽屏下的显示异常,几乎所有的界面,都是针对1024×768设计的,针对1440×900的宽屏显示器,会只显示左边部分,使用操作起来特别的别扭,而这个问题在2.3版本里就没有,因此对于宽屏显示器的用户,可以通过修改admin的css来达到良好的观看效果。

经过一番研究,发现修改成为宽屏版并不难,修改其实很简单,就是编辑wordpress\wp-admin\css\global.css,找到第159行和第166行,将max-width: 980px;以及max-width: 950px;修改为max-width: 1400px;(或者max-width: 98%;)即可。

十个实用的WordPress安全技巧

     安全,又是安全问题,WordPress啦已经好几次谈到这个话题了,这是因为安全问题实在太重要了。家里的防盗窗、防盗门以及汽车报警器等一切也都是出于安全考虑,同样地,互联网上的安全也非常重要,特别对于我们这种以网站或博客为生的人们。这篇文章就跟大家介绍一些实用的技巧以保证WordPress博客的安全。

 

1. 阻止透露不必要的信息

 

问题

当登录WordPress博客失败的时候,系统会显示错误提示信息。如果你忘记密码了,这个提示会对你有所帮助,可是这却也让那些想要攻击你博客的人有机可乘。因此,为何不阻止WordPress显示这个登录失败时的错误提示呢?

 

解决办法

想要删除登录错误提示信息,只要打开你的functions.php文件,并粘贴下面的代码:

 

add_filter(‘login_errors’,create_function(‘$a’, “return null;”));

保存此文件,再次检查下你就会发现登录失败时就没有错误信息提示了。

 

代码解释

这段代码里,我们添加了一个简单的hook来覆盖login_errors()函数。由于创建的自定义函数返回null,因此就只会显示一个空白的字串。

 

来源

 

WordPress安全提示

WordPress安全性: 隐藏登录错误提示

2. 强制使用SSL

 

问题

如果你担心数据被拦截,你完全可以使用SSLSSL是什么?它是基于WEB应用的安全加密协议。

 

你是否知道也可以给WordPress博客添加SSL加密?但是也并非是所有的主机都允许你使用SSL加密证书,如果你的博客是由IXWebhosting或美国主机Hostease托管的,那么就可以启用SSL,而且这两个主机都有中文站。

 

解决办法

一旦确定你的web服务器可以处理SSL,那问题就简单了,只要打开你的配置文件wp-config.php (在安装WordPress的根目录下),然后粘贴下面的代码:

 

define(‘FORCE_SSL_ADMIN’, true);

保存文件即可。

 

代码解释

这个代码比较简单。 WordPress使用了很多常量来配置,在这里我们只是定义了FORCE_SSL_ADMIN 常量并将它的值设置为 true。这样一来,你的WordPress博客就实现SSL加密了。

 

来源

 

如何在 wp-admin目录使用SSL

3. 使用 .htaccess来保护配置文件wp-config

 

问题

作为一名 WordPress用户,你应该知道配置文件wp-config.php的重要性。 此文件包含了所有可访问数据库的信息:用户名、密码、服务器名称等。 保护 wp-config.php 配置文件是如此的关键,那么如何利用Apache来解决这个问题呢?

 

解决办法

.htaccess文件位于WordPress安装目录下,首先要对它做个备份(如此重要的文件,任何改动之前一定要先备份),打开它然后粘贴下面的代码:

 

<files wp-config.php> order allow,deny deny from all </files>

代码解释

.htaccess 文件非常强大,也是防止他人访问你的文件的最佳工具。这段代码里,我们只是创建了一个规则来阻止任何人访问 wp-admin.php文件,防止bots攻击。

 

来源

 

十个简单的方法来保护你的WordPress博客安全

4. 将不受欢迎用户和Bots列入黑名单

 

问题

这个是比较现实的问题:今天被某个人骚扰,他可能下一次还会继续骚扰你。你是否有注意到每天同个人/垃圾留言机器光顾你的博客无数次留下无数恼人的评论。处理这个问题的方法非常简单:直接禁止他们访问你的博客。

 

解决方法

.htaccess文件粘贴下面的代码,再次说明在修改之前,切记备份.htaccess文件。并记得将123.456.789 该成你想要禁止的IP地址。

 

<Limit GET POST PUT> order allow,deny allow from all deny from 123.456.789 </LIMIT>

来源

 

2007年开始禁止了150多个可恶IP

5. 防止WordPress博客的脚步侵入

 

问题

保护动态完全特别重要。大多数开发人员都只保护GETPOST的请求,但有时候这样并不够。我们应该注意防止脚步侵入以及任何试图修改PHP GLOBALS_REQUEST变量。

 

解决方法

下面的代码可以阻止脚步入侵以及任何试图修改PHP GLOBALS _REQUEST变量。将代码粘贴到你的 .htaccess文件 (WordPress安装目录下)

 

Options +FollowSymLinks

RewriteEngine On

RewriteCond %{QUERY_STRING} (<|%3C).*script.*(>|%3E) [NC,OR]

RewriteCond %{QUERY_STRING} GLOBALS(=|[|%[0-9A-Z]{0,2}) [OR]

RewriteCond %{QUERY_STRING} _REQUEST(=|[|%[0-9A-Z]{0,2})

RewriteRule ^(.*)$ index.php [F,L]

 

代码解释

利用 .htaccess文件,我们可以检查请求。在这里,我们检查该请求是否包含一个 <script> ,它是否有试图修改PHP GLOBALS_REQUEST的变量值。如果符合任何一个条件,该请求就会被阻止,返回403错误到客户端浏览器。

来源

 

Protéger Son Site Avec Un Fichier .htaccess

使用 .htaccess来保护你的WordPress博客

6. 回击内容剽窃者

 

问题

如果你的博客有点知名度,很有可能就会有一些人在未经你的同意下直接使用你的内容。除了侵犯你的版权之外,由于盗用你的图片,对你服务器带宽也是一个很大的损耗。

 

解决办法

.htaccess文件里粘贴下面的代码:

 

RewriteEngine On #Replace ?mysite.com/ with your blog url RewriteCond %{HTTP_REFERER} !^http://(.+.)?mysite.com/ [NC] RewriteCond %{HTTP_REFERER} !^$

#Replace /images/nohotlink.jpg with your “don’t hotlink” image url

RewriteRule .*.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L] 保存之后,只有你的网站网站才能链接到你的图片,而其它盗链网站就无法显示你的图片。

代码解释

在这段代码里,首先检查引荐人是否与自己博客的URL地址一致。如果不一致,那么以下扩展名的文件,JPG, GIF, BMPPNG就不会显示而用 nohotlink图片代替。

 

来源

 

如何防止别人剽窃你的博客内容

7. 创建一个插件来阻止恶意URL的请求

 

问题

黑客通常通过恶意查询来找出并攻击一个博客的薄弱点。

 

解决办法

将下面的代码粘贴在一个文本文件里并命名为blockbadqueries.php。保存此文件并将它上传到 wp-content/plugins 目录,然后像其他插件一样激活它。这样你的博客就不会遭受恶意的查询。

 

<?php

/*

Plugin Name: Block Bad Queries

Plugin URI: http://perishablepress.com/press/2009/12/22/protect-wordpress-against-ma…

Description: Protect WordPress Against Malicious URL Requests

Author URI: http://perishablepress.com/

Author: Perishable Press

Version: 1.0

*/

 

global $user_ID;

 

if($user_ID) {

if(!current_user_can(‘level_10’)) {

if (strlen($_SERVER[‘REQUEST_URI’]) > 255 ||

strpos($_SERVER[‘REQUEST_URI’], “eval(“) ||

strpos($_SERVER[‘REQUEST_URI’], “CONCAT”) ||

strpos($_SERVER[‘REQUEST_URI’], “UNION+SELECT”) ||

strpos($_SERVER[‘REQUEST_URI’], “base64”)) {

@header(“HTTP/1.1 414 Request-URI Too Long”);

@header(“Status: 414 Request-URI Too Long”);

@header(“Connection: Close”);

@exit;

}

}

}

?>

代码解释 这段代码非常简单,它检查特别长的请求字符串(超过255个字符) 以及URL中是否存在evalbase64 PHP 函数。如果符合其中的任何一个条件,该插件就会想客户端浏览器发送414错误。

来源

 

阻止恶意URL的请求

8. 删除你的 WordPress版本号

 

问题

大家都知道,WordPress会自动在你的博客文件的头部显示版本号。如果你的博客一直都是最新版的话问题不大。但是如果由于某些原因你的WordPress版本并没有更新,却仍然显示出来的话,就会被黑客利用。

 

解决方法

在主题的functions.php文件里粘贴下面的代码,保存,然后刷新你的博客,这样你的WordPress版本号就不会出现了。

 

remove_action(‘wp_head’, ‘wp_generator’);

代码解释

要执行某个行动时, WordPress是用“hook”机制,也就是说可以让你将一个函数hook到另一个函数里。显示WordPress版本号的 wp_generator函数被hook了。我们可以移除这个 hook并通过使用 remove_action() 函数来阻止其执行。

 

来源

 

如何正确地移除WordPress的版本号

9.更改默认的用户名“Admin”

 

问题

如果你使用的是默认的“admin”用户名,黑客只需要攻破你的密码即可入侵你的一切。这无疑让黑客更容易得手,所以我们一直强调你应该更改默认的用户名 “admin” ,用个别人比较难猜得出来的用户名。

 

不过还好WordPress 3.0安装时可以让你选择自己喜欢的用户名。 如果你还在使用旧版本并且你的用户名还没有更改过,那么现在该动手了。

 

解决方法

如果你还没有更改“admin”用户名,只要在数据库中运行下面的SQL查询就可以更改。

 

UPDATE wp_users SET user_login = ‘你的新用户名‘ WHERE user_login = ‘Admin’;

代码解释

用户名是保存在数据库中的。想要更改的话,只要一个简单的查询更新即可。注意:这个查询并不会将你先前用“admin”账户发布的文章的用户名变成新的用户名,如果需要的话,请查看下面的来源文章。

 

来源

 

相见恨晚的十三个 WordPress SQL查询

10.阻止浏览目录

 

问题

默认情况下,大多数主机允许显示目录列表。因此,如果你在浏览器地址栏输入 www.yourblog.com/wp-includes,你就看到所有在该目录下的文件,这无疑是一个很大的安全隐患。

 

解决方法

只需在Apache配置里添加:

 

Option -Indexes