wordpress像素风 像素风格网页

wordpress插入的图片显示出来很模糊

这个问题,最大可能性存在于你后台设置得不正确。

成都创新互联总部坐落于成都市区,致力网站建设服务有网站建设、网站设计、网络营销策划、网页设计、网站维护、公众号搭建、微信小程序定制开发、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!

如果你后台设置得过小,而前台显示的尺寸大于后台设置的尺寸,图片被拉伸放大,势必造成不清晰的状况。

假设你前台显示为220*180,则后台也设置为相同尺寸。

如何让每个 WordPress 页面有不同的风格或者样式

如果使用 page.php 来处理所有页面的外观的话,答案肯定是不行的,但是如果使用不同的 WordPress 页面模板,就可以自定义每个页面的外观了。

比如你博客的所有的页面除了“关于”这个页面之外都有侧边栏,在“关于”页面,你想内容的宽度能够扩展到这个页面的宽度。下面就是详细的实现步骤:

在当前使用的主题文件夹中创建一个新模板,将它命名为 about.php。

完成之后,到 about.php 的最上面插入以下代码:

以下内容以本博使用的Wordpress Version 2.9.1为例

1、不同分类使用不同模版 :

以建立promotion和tournament两个分类为例:

假设它们的分类ID–category id分别为2、3,

wordpress存放路径为 htdocs\wordpress\

那么在文件夹wordpress\wp-content\themes\your-theme下

复制两个category.php模板文件,重命名为category-2.php和category-3.php

这样分别修改两个模版文件,即可定制出你需要的、独特的分类页面

2、 不同页面使用不同模版

再来定制不同pages的模板,以about页面为例:

复制文件夹wordpress\wp-content\themes\yourtheme下page.php模版文件

重命名为about.php, 注意在此文件最顶端加上如下代码,否则在后台管理面板读不到:

!--p /*Template Name: about */--

然后在管理后台-Pages-Edit 编辑about页面,

在Template模板下拉菜单中选择about,

保存即可

3 、不同日志使用不同模版

例如为日志应用特别的模板:

复制文件夹wordpress\wp-content\themes\yourtheme下single.php模版文件

重命名为single-4.php,按需求进行单独修改

打开single.php模版文件

将其中的所有代码以如下代码包裹,形如

!--p $current_cat= get_the_category();$current_single_file= TEMPLATEPATH .'/single-'.$current_cat[0--cat_ID.'.php';if(is_file($current_single_file)){include($current_single_file);}else{ ? 此处为原来single.php中的所有代码 !--p }--

谁推荐一个简约而不简单的wordpress主题,注意一定要简单又不失大气。有没有好看的推荐一下啊?

WordPress 11款纯CSS主题推荐

1、MiniWP

国人开发的一款纯CSS WordPress主题,无图片,无用JS,完全CSS+xhtml构建,很轻巧,全部文件加起来不到40K大小,兼容IE6/IE7/Safari3/Firefox/Opera9.5浏览器。

2、CryBook

CryBook主题,使用了一JS。该主题最大的特色是在首页可以手动置换五种颜色,分别是红色、粉红色、蓝色、紫色、绿色。支持评论分页和嵌套回复,预置广告位和Google Analytics代码接口。

3、greyville

灰白色风格,ajax、widgetized,经典的布局。

4、inpad

有三种颜色供切换,在后台设置颜色切换和屏宽大小。支持嵌套/@评论回复,支持Widget。不用任何插件也可正常使用。

5、prowerV3

国人开发的一款很受欢迎的纯CSS主题风格中,这是Prower系列主题的第三版,与前两版相似的是依然是走的简洁风格路线,这一版的主题比前两版更简洁更快速,简洁到只在RSS订阅图标使用了一个图片。

6、pureCSS

由 WordPress 主题设计爱好者非著名设计师 Leslie 设计,Yixia 编码,支持 Widget,通过 CSS 和 XHTML 验证,在 IE6 / 7,FF2 / 3 等浏览器表现一致,不需要任何插件支持。

7、RBcss

RBcss主题由 Mars Lau 设计,两栏;黑红色;支持Widget;支持Gravatar;通过 XHTML 1.1 和 CSS 3 验证;兼容IE6、IE7、IE8、Firefox、chrome等浏览器。

8、Simple-Lines

完美支持原生嵌套回复,可直接进后台讨论,勾选“嵌套”“分页”;预设所有侧边栏小工具样式,可在后台主题小工具直接拖拽;对IE6做了大量HACK,目前各大浏览器完美显示;

9、Woogle

该主题仿谷歌的搜索引擎,用了两张图片,一张是网站的LOGO,还有一张是底部的分页。

10、zDark

一款纯CSS纯黑色的Wordpress主题。

11、GWthem

经典两栏宽屏主题,很清爽干净。该主题没有导航栏,但预置了WP Page Numbers插件。

以上主题如找不到下载,可点击下载WordPress纯CSS主题。

(详情看资料,贴不上图 不好意思) 都是些纯css,简单?都很强大。

wordpress标签云怎么设置

实现Wordpress彩色标签云

在相应主题的functions.php加入下面的代码,位置刻意在?前面:

function colorCloud($text) {

$text = preg_replace_callback('|a (.+?)|i','colorCloudCallback', $text);

return $text;

}

function colorCloudCallback($matches) {

$text = $matches[1];

$color = dechex(rand(0,16777215));

$pattern = '/style=(\'|\”)(.*)(\'|\”)/i';

$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);

return "a $text";

}

add_filter('wp_tag_cloud', 'colorCloud', 1);

修改Wordpress彩色标签字体大小,排序,显示数量等。

文件位置在wp-includes下的category-template.php 文件中,搜索wp_tag_cloud,找到相关参数进行修改:

function wp_tag_cloud( $args = '' ) {

$defaults = array(

'smallest' = 12, 'largest' = 16, 'unit' = 'pt', 'number' = 50,

'format' = 'flat', 'separator' = "\n", 'orderby' = 'count', 'order' = 'DESC',

'exclude' = '', 'include' = '', 'link' = 'view', 'taxonomy' = 'post_tag', 'echo' = true

);

$args = wp_parse_args( $args, $defaults );

$tags = get_terms( $args['taxonomy'], array_merge( $args, array( 'orderby' = 'count', 'order' = 'DESC' ) ) );

注:

smallest表示标签的最小字号

largest表示最大字号

unit=px表示字体使用像素单位

number=0表示显示所有标签,如果为40,表示显示40个

orderby=count表示按照标签所关联的文章数来排列

order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)

Wordpress彩色标签云小工具调用。

保存之后回到首页就可以看到彩色标签云的效果了。


分享标题:wordpress像素风 像素风格网页
文章链接:http://scyanting.com/article/ddcsdpp.html