欢迎光临
请一秒记住我们的网址:www.xinfangs.com !

WordPress添加鼠标点击页面显示“富强,明主,文明….”等文字JS特效

时间煮雨阅读(720)


在别的博客看到一款JS特效,感觉很不错,故网上收集过来分享给大家
方法/步骤
把以下代码添加到当前主题的head.php或footer.php文件的前.

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
        var $i = $("<span/>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#ff6651"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

WordPress随机调用本地头像方法

时间煮雨阅读(377)


大家都知道,WordPress原本是调用的Gravatar头像,但是在国内,因为某些原因,Gravatar被封了,所以导致Wordpress的头像调用有些问题,再加上Gravatar的头像也不太如人意,所以我们完全可以通过DIY来进行改变我们的头像调用。在开始之前,需要做以下的工作。

★在当前主题目录中新建一个名称为avatar的文件夹
★准备好图片,比如1.jpg、2.jpg、3.jpg、4.jpg、5.jpg、6.jpg、7.jpg、8.jpg、8.jpg、9.jpg、10.jpg,另外和一张用于管理员的图片,名称我们可命名为admin.jpg!
★将图片上传至当前主题目录下的avatar文件夹下
★找到当前主题functions.php文件
★添加代码至functions.php中
/*
 * 这是修改管理员与回复用户头像代码
 * */
add_filter( 'get_avatar' , 'local_random_avatar' , 1 , 5 );
function local_random_avatar( $avatar, $id_or_email, $size, $default, $alt) {
    if ( ! empty( $id_or_email->user_id ) ) {
        $avatar = ''.get_template_directory_uri().'/avatar/admin.png';
    }else{
        $random = mt_rand(1, 20);
        $avatar = ''.get_template_directory_uri().'/avatar/'. $random .'.png';
    }
    $avatar = "<img alt='{$alt}' src='{$avatar}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";
    return $avatar;
}

1、$random = mt_rand(1,20); 这一行里的20是图片的数量

2、如果你的图片是.jpg格式的,请将.png改成.jpg

3、Wordpress后台开启头像

增加WordPress后台头像选项

在当前的主题的 functions.php 的最后一个 ?> 前面添加下面的代码

add_filter( 'avatar_defaults', 'newgravatar' );  
 
function newgravatar ($avatar_defaults) {  
    $myavatar = get_bloginfo('template_directory') . '/images/wpdaxue-gravatar.jpg';  
    $avatar_defaults[$myavatar] = "自定义头像";  
    return $avatar_defaults;  
}

根据用户邮箱显示Gravatar头像

将下面的代码添加到主题的 functions.php 文件,可以把gravatar的地址改成自己网站的地址,相当于自己架设了一个头像服务器。

function wpdaxue_display_gravatar() { 
  global $current_user;
  get_currentuserinfo();
  // 获取用户的邮箱地址
  $getuseremail = $current_user->user_email;
  // 将邮箱转换成MD5哈希值,并设置图像的大小为32像素
  $usergravatar = 'http://www.gravatar.com/avatar/' . md5($getuseremail) . '?s=32';
  echo '<img src="' . $usergravatar . '" class="wpd_gravatar" />';
}

然后通过下面的代码调用当前用户的Gravatar头像:

<?php wpdaxue_display_gravatar(); ?>

如何给WordPress导航菜单添加小图标图片

时间煮雨阅读(420)


步骤一:最简单的方式:调用 BootstrapCDN (由MaxCDN提供)

一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西!
将以下代码粘贴到网页HTML代码的 部分

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

步骤二:找到合适的图标,点击图标后进入新页面会看到类似如下的标签,图中的i标签比较长,我们只需要提取出我们需要的部分。

图标选择:
https://fontawesome.dashgame.com/#google_vignette

如图所示:

代码如下:

<i class="fa fa-home"></i> 本站首页

Wordpress固定链接怎么设置伪静态

时间煮雨阅读(459)

设置方式如下:

进入wordpress后台系统首页, 点击菜单 【设置】- 【固定链接】

选择【常用设置】 下的 【自定义结构】 , 可选择单个标签或多个标签组合, 可自定义拼接字符串, 本站点使用的是 /%post_id%.html, 填写完毕后, 点击 【保存更改】即可生效.

代码如下:
/%post_name%.html

保存更改后, 虽然文章或页面的链接变成了固定链接, 但是在访问页面时, 却变成了下载操作, 不能正常访问

 

请一秒记住我们的网址:www.xinfangs.com !

去投稿去留言