其实修改和制作主题并没有想像中的那么复杂,当然你要作出一款惊世骇俗的Wordpress主题除外。
先说说修改Wordpress模版所需掌握的知识。Wordpress函数大部分都可以在WP**Codex找到,也可以说是固定的,并不需深入学习,知道某句函数从哪开始到哪结束就可以,已免修改主题时造成错误。关键是掌握DIV+CSS,网上教程很多,对于修改Wordpress模板粗略学一下原理就够了,也就是那么几句属*写法,因为我也还在学习,这里就不现丑教大家了,自己找个教程看看吧。
一套完整的WordPress模版应至少包括如下文件:
style.css:样式表文件
index.php:首页模板
archive.php:文章归档/分类目录模板
404.php: 404模板
comments.php:留言/回复模板
footer.php:底部模板
header.php:顶部模板
sidebar.php:侧栏模板
page.php:页面模板
single.php:文章页面模板
functions.php:模板函数
search.php:搜索结果模板
当然,有些主题可能不止这些文件,比如我的HotNews Pro主题模板文件有上百个,但以上文件是每套模板所必备的。
知道上面模板的作用可以让你知道当前页面应该修改哪个对应的模板。
下面是这篇的重点:工欲善其事,必先利其器!
可能很多人一想到网页制作工具,就会联想到"网页三剑客"中的Dreamweaver(简称DW)号称所见即所得,那是指当初流行用Table表格制作网页,而现如今是DIV+CSS时代了,所见即所得的优势再也没有了,这个DW几乎已无用武之地(个人认为)。另外国外原来常用的网页制作工具是Adobe GoLive,由于中文版推出较晚,才造成DW在国内流行,DIV+CSS网页制作大型软件也是首推Adobe GoLive,不过该软件目前已停止开发,可惜。今天推荐的工具并不是这两个售价高昂,体积庞大软件.修改和制作Wordpress主题根本无需使用什么专业软件,不过也不像某些人吹嘘的那样用系统自带的记事本就能写主题。
首先,你需要搭建一个本地PHP测试环境,方便修改模版,当然你也可以在Wordpress后台主题编辑页面中修改,临时用一下还可以,不适合修改较多的情况。如何搭建本地测试环境网上教程很多,这里就不详细说了,推荐使用Wamp或者phpStudy,自己搜索一下。
必备工具软件:
■文本编辑器
EmEditor(收费软件)、EditPlus(收费软件)、Notepad++(免费)
前两款是收费软件,后者是免费的功能也非常不错,适合新手使用,绝不能用系统自带的记事本编辑模版文件,特别是中文模版,否则会造成模板借位,中文模版编码为:UTF-8无BOM。
■火狐浏览器(Mozilla Firefox)
有的人会问,为什么要用火狐,系统自带的IE一样可以浏览网站?当然不是完全用火狐去浏览网站,而是利用火狐强大的扩展能力,为我们仙人指路。
当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,
php中注释一般为:<!-- ***-->
css中为:/** *****/
但一些注释可能只有作者自己知道是什么。因此,很难在打开的模板文件中找到准备修改的部分,这时我们就会用到火狐的扩展:Firebug,下载地址
IE浏览器也有类似的插件,但功能上无法与火狐的扩展相比,一些浏览器本身就集成了该功能比如Opera,功能貌似同样的强大。
具体操作方法
如果你已安装火狐并已添加Firebug扩展,可以继续往下看如何具体修改Wordpress主题。
■修改页面元素的文字大小
以修改HotNews Pro主题CMS布局,**文章标题文字大小为例:
鼠标停在**文章标题上,右键调出菜单选择“使用Firebug”查看元素(如图)
之后默认会在火狐浏览器底部调出Firebug窗口,左侧显示的是当前网页元素的HTML结构,右侧是当前元素选择器的样式属*和所在的文件及行数(如图),在style.css文件的第277行。
用上面介绍的文本编辑软件,打开主题style.css文件在277行找到:
#post h3{
font-size: 13px;
font-weight: bold;
}
修改其中的数字13,为自己认为合适的大小即可。
如果当前元素选择器的样式中没有控制字体大小的 font-size: 13px;属*,而是使用的全局字号设定,可以为其单独加上这个 font-size: 13px;属*
看了上面的一个实例,是不是很简单,修改主题样式,关键是要找到所需修改元素选择器名称及样式属*的位置。
本人在修改主题模版时也用同样的方法,没有Firebug扩展的仙人指路,就是修改自己作的模板也决不是一件易事。
■如何确定某个网页元素(模块)的整段代码,便于调整位置。
以HotNews Pro主题导航菜单移动到LOGO下面为例:
首先,用上面的方法确定导航菜单*外层的选择器名称为:***
然后,用Notepad++文本编辑器,打开主题顶部模板header.php,搜索查找***位置,并用鼠标点击该选择器,会发现Notepad++已为我们明确标示了该段代码开始和结束的位置(如图):
下面的就简单了,用同样的方法找到导航菜单下面元素*外层的选择器结束的位置将代码移动至此即可。
以上就是修改模板的基本方法和步骤,所谓的高手基本都这么折腾模版,如果你花一两天时间学一下DIV+CSS相信会更得心应手。
另一个比较不错的扩展是:Web Developer,这里就不介绍了,请自行研究。
(一)利用WORDPRESS关键词设置插件。这种方法是*方便,也是*容易的。首先,先在WORDPRESS安装插件里的搜索Platinum
SEO Pack或All in One SEO
Pack其中一个插件,找到后点击安装就可以了。安装完成后就是启动插件了,启动后到WORDPRESS设置项下打开这个插件,在插件对应的项里输入你要添加的标题或描述。。。。它们能设置每个文章页面的title、description、keywords等项。
(二)利用JS代码。这个方法稍微有点复杂,建议懂得JS编程的人使用。
的“编辑”选项,进入主题编辑选项;这一步太简单,就不截图了。
在模版里面点击“顶部(header.php)”模版:
在左侧的header编辑框中找到<title……………</title,这里是你的网站标题,中间的应该是变量,毕竟每个页面的标题都不一样。在<title前面或者</title后面加入以下代码:
以下为引用的内容:
<?php if(is_home()){
$description=“--此处填上你自己网站的描述--”;
$keywords=“——你网站的关键词——”;}//判断是否是首页,如果是,指定关键词(keywords)和描述(description)。注意,把上面的关键词(keywords)和描述(decision)改成你自己的。
elseif
(is_single()){
if($post-post_excerpt){
$description=$post-post_excerpt;}elseif(function_exists(‘wp_thumbnails_excerpt’)){
$description=
wp_thumbnails_excerpt($post-post_content,
true);}else{$description=$post-post_title;}$keywords=“”;
$tags= wp_get_post_tags($post-ID);
foreach($tags as$tag){
$keywords=$keywords.“,".$tag-name;}}//判断是否是文章页,如果是则文章标签(tag)设为关键词,摘要(可以在后台设置,这里就不讲解了)设为描述(description),若没有摘要,标题(title)作为描述(description)。
elseif(is_category()){
$description= category_description();}//判断是否为分类页
echo“<meta name=\”description\”
content=\”$description\”/
<meta name=\”keywords\” content=\”$keywords\”/”;?//这一步就是调用上面的函数了。
设置好后点击更新保存就可以用了。
wordpress图片不保存到posts
WordPress是一个以*客为主的内容管理系统,用于创建网站和*客。在WordPress中添加和管理图片是非常重要的功能,因为图像可以使内容更具吸引力和易读*。
如果你正面临着WordPress图片不保存到Posts的问题,请尝试以下几个解决方法:
1.检查文件夹权限
WordPress将上传的图像保存在wp-content/uploads目录下。所以,首先需要检查wp-content/uploads文件夹是否具有写入权限。如果没有写入权限,则无法保存图像。你可以通过FTP或面板访问主机权限来检查文件夹权限并进行更改。
2.增加PHP内存限制
另一个常见的问题是上传图像时可能会超过PHP内存限制而无法保存。要解决这个问题,可以通过编辑文件来增加PHP内存限制。找到文件并将以下行添加到文件底部:
define('WP_MEMORY_LIMIT','256M');
3.确认图像上传大小
默认情况下,WordPress对图像上传的大小有一定的限制。如果上传的图像大小超过限制,则无法保存。可以通过进入WordPress后台-设置-多媒体文件设置来更改上传图像大小的限制。
4.确认图像格式
WordPress仅支持特定类型的图像格式。确保你所上传的图像符合WordPress支持的格式。常见的支持格式包括:JPEG、PNG、GIF。
总之,以上是解决WordPress图片不保存到Posts的常用方法。如果问题仍然存在,请跟进错误信息并在WordPress**论坛或社区中找到相关帮助。
wordpress如何在标题上面加图片wordpress在标题上面加图片方法如下:
1、后台添加文本小工具:
登陆Wordpress后台,外观,小工具,把文本工具移动到右边的显示栏里面,直接拖拽即可,移动到想放的地方再松手
2、添加文件源:
这点就是让Wordpress的媒体库想要展示的图片,一般是在多媒体里面,然后添加媒体直接上传想要的图片,上传完以后,点击图片,获取图片在网站程序内的文件url,如下图所示:
3、设置文本工具展示图片:
这个时候,在文本小工具内编辑,标题可以写上展示的信息。
wordpress怎么设置缩略图片不压缩不拉伸要使缩略图不压缩、不拉伸,大致有以下几步:
1、后台设置-多媒体里,将所有“缩略图大小”设置为空值
如果不想生成其他尺寸的图片,建议将“中等大小”、“大尺寸”都设置为空值
2、通过wp_get_additional_image_sizes()函数,可查看当前都有哪些图片尺寸设置
例如有以下值:
array(1)_
_["post-thumbnail"]=>
___array(3)_
______["width"]=>
______int(825)
______["height"]=>
______int(510)
______["crop"]=>
______bool(true)
___}
}
这表示我当前的wp有设置post-thumbnail这个图像尺寸。凡是宽大于825高大于510的图片,在上传时都会进行裁切的。如果不想用这个尺寸去裁切,可以unset这个
如:
global$_wp_additional_image_sizes;
if(_sset($_wp_additional_image_sizes['post-thumbnail']))
__unset($_wp_additional_image_sizes['post-thumbnail']);
3、wordpress默认上传的图片**为82,可查看
/wp-includes/->中$default_quality的默认指定值
为改变这个值,可向wp_editor_set_quality这个hooks添加函数
如:
add_filter('wp_editor_set_quality','wpdit_set_quality');
function_pdit_set_quality($quality){
__$quality=100;
__return$quality;
}
通过以上几步,足够解决你的问题。
自Wordpress3.0及以上版本就支持多站点功能了,只安装一个Wordpress程序即: 1、可创建多个wordpress站点,可以是子域名也可以是子目录。 2、可以根据子域名有**的*客后台和地址。 3、管理员可设置开放哪些主题给站点使用。 4、管理员可配置插件给每个站点使用。 5、多个站点之间共用“用户数据库表”,也就是表 wp_usermeta和 wp_users
Windows 2003系统优化小技巧 1.开机不需要按 CTRL+ALT+DELETE 开始菜单->控制面板->管理工具->本地安全设置 本地帐户->安全选项 找到交互试登陆:不需要按CTRL+ALT+DELETE 设置为已启用 2.关机不提示,关机理由开始->运行-> gpedit.msc 计算机配置->管理模板->系统
个人网站的制作方法如下: 工具/原料:戴尔XPS13-9350-3708、win10。 1、注册网站域名。域名的选择*很多。不过,建议尽量选择大商家,经常用到有阿里云,百度云等。大多数情况下选择域名以****/***结尾的。 2、购买网站空间。如**服务器,VPS或者虚拟主机等。网站空间主要用于存储数据库等。一般个人网站推荐使用虚拟主机。对了,如果怕麻烦的话又想省钱,就直接到淘宝上咨询购买。 3
给你一段移动端判断的PHP函数 <?php functionisMobile() { //如果有****_X_WAP_PROFILE则一定是移动设备 if(isset($_SERVER['****_X_WAP_PROFILE'])) { returntrue; } //如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息