我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

wordpress头部 wordpress设置头像

如何给WORDPRESS主题添加自定义头部图像

1、首先设置好自己的本地头像头像avatar.jpg(80*80px),把他上传到主题images目录下

成都创新互联专注于企业全网整合营销推广、网站重做改版、临桂网站定制设计、自适应品牌网站建设、H5页面制作商城开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为临桂等各大城市提供网站开发制作服务。

2.修改主题函数模版,将下列代码粘贴到主题functions.php中去。

/设置默认头像

add_filter( 'avatar_defaults', 'custom_gravatar' );

function custom_gravatar($avatar_defaults) { $myavatar=get_bloginfo('template_url') . '/images/avatar.jpg';

$avatar_defaults[$myavatar] = "2015新头像"; return $avatar_defaults; }

3、这样我们就添加好了新的默认头像“2015新头像”,赶快到后台设置他作为默认头像。

如何给WordPress主题添加自定义头部图像

添加代码到Functions.php文件

你的主题中应该有一个功能函数文件functions.php,如果没有则自建一个,然后复制并粘贴以下代码进去:

?php

//Check see if the customisetheme_setup exists

if ( !function_exists('customisetheme_setup') ):

//Any theme customisations contained in this function

function customisetheme_setup() {

//Define default header image

define( 'HEADER_IMAGE', '%s/header/default.jpg' );

//Define the width and height of our header image

define( 'HEADER_IMAGE_WIDTH', apply_filters( 'customisetheme_header_image_width',960 ) );

define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'customisetheme_header_image_height',220 ) );

//Turn off text inside the header image

define( 'NO_HEADER_TEXT', true );

//Don't forget this, it adds the functionality to the admin menu

add_custom_image_header( '', 'customisetheme_admin_header_style' );

//Set some custom header images, add as many as you like

//%s is a placeholder for your theme directory

$customHeaders = array (

//Image 1

'perfectbeach' = array (

'url' = '%s/header/default.jpg',

'thumbnail_url' = '%s/header/thumbnails/pb-thumbnail.jpg',

'description' = __( 'Perfect Beach', 'customisetheme' )

),

//Image 2

'tiger' = array (

'url' = '%s/header/tiger.jpg',

'thumbnail_url' = '%s/header/thumbnails/tiger-thumbnail.jpg',

'description' = __( 'Tiger', 'customisetheme' )

),

//Image 3

'lunar' = array (

'url' = '%s/header/lunar.jpg',

'thumbnail_url' = '%s/header/thumbnails/lunar-thumbnail.jpg',

'description' = __( 'Lunar', 'customisetheme' )

)

);

//Register the images with WordPress

register_default_headers($customHeaders);

}

endif;

if ( ! function_exists( 'customisetheme_admin_header_style' ) ) :

//Function fired and inline styles added to the admin panel

//Customise as required

function customisetheme_admin_header_style() {

?

style type="text/css"

#wpbody-content #headimg {

height: ?php echo header_image_height; ?px;

width: ?php echo header_image_width; ?px;

border: 1px solid #333;

}

/style

?php

}

endif;

//Execute our custom theme functionality

add_action( 'after_setup_theme', 'customisetheme_setup' );

?

说明:上面代码中设定了三张头部图像,分别为default.jpg、tiger.jpg、lunar.jpg以及它们各自的缩略图(分别为tiger-thumbnail.jpg、pb-thumbnail.jpg、lunar-thumbnail.jpg)。你可以自己制作这些图像(包括它们相应的缩略图),然后将这些图像都放到主题目录下面的header文件夹(没有则自建一个)中。其中,

Default.jpg 是默认显示的头部图像,名称可自定

960 是默认头部图像的宽度

220 是默认头部图像的高度

保存好上面的代码之后,你会在WordPress后台的左侧【外观】菜单下看到一个叫做【顶部】的子菜单,就跟WordPress默认主题Twenty Ten或Twenty Eleven一样,打开【顶部】菜单即可看到自定义顶部图像选项页面:

wordpress头部标题设置代码

你的模板中一定有这段代码吧?php if ( is_category() ) { ?title?php single_cat_title(); ? | ?php bloginfo('name'); ?/title?php } ?,wordpress在选择标题的时候,它会做一个判断的。如果你篇文章不在某个分类下面,它会直接显示,文章--网站标题的。所以,先把分类分好,自然就出来。而且,这样的标题对seo也没影响的.

如何移除WordPress头部多出window

如果你更新到 wordpress 的 4.2 版本,查看网页源代码你会发现 WordPress 会自动在加载一段用于支持 emjo 表情的脚本如下图所示(JS+CSS)。对于大部分人来说,这个是十分鸡肋的功能,会影响网站的加载速度,js放在网站头部对网站的优化也很不好。那么如何去掉呢?可以通过主题目录下的functions.php 文件来进行移除。

可以在wordpress后台所在的主题(也可以通过ftp传送本地修改)functions.php加入如下代码即可:(修改前请做好网站备份)

//去除window._wpemojiSettings

remove_action( 'admin_print_scripts',    'print_emoji_detection_script');

remove_action( 'admin_print_styles',    'print_emoji_styles');

remove_action( 'wp_head',        'print_emoji_detection_script',    7);

remove_action( 'wp_print_styles',    'print_emoji_styles');

remove_filter( 'the_content_feed',    'wp_staticize_emoji');

remove_filter( 'comment_text_rss',    'wp_staticize_emoji');

remove_filter( 'wp_mail',        'wp_staticize_emoji_for_email');

PS:如果直接复制代码添加不成功,是标点符号的大小写问题。请切换小写修改标点符号再保存。


标题名称:wordpress头部 wordpress设置头像
转载注明:http://shouzuofang.com/article/dogcooh.html

其他资讯