wordpress风格wordpress美化基础教程

wordpress风格我们使用wordpress博客都有自己的风格,wordpress主题有自己默认的风格,我们也有自己的风格,wordpres美化风格需要先会一些开发

我们首先讲讲仿站的原理,仿站其实就是使用仿站小工具将目标站的css js代码下载下来,然后改成WordPress的格式,然后打开下载的网站的首页,我们用文本编辑器打开,比如说一个网站的文章内容页面我们就要用到WordPress的文章函数代码替换, 复制粘贴进去就可以了。

常用模板函数

函数名 描述
<?php the_content(); ?> 文章内容
<?php if(have_posts()): ?> 检查是否有文章
<?php while(have_posts()): the_post(); ?> 显示文章
<?php endwhile; ?> 结束循环
<?php endif; ?> 结束判断
<?php get_header(); ?> 头部模板内容
<?php get_sidebar(); ?> 侧边栏模板内容
<?php get_footer(); ?> 底部模板内容
<?php the_time(‘m-d-y’); ?> 显示时间,格式为:’08-18-07′
<?php comments_popup_link(); ?> 显示到文章留言的链接
<?php the_title(); ?> 文章标题
<?php the_permalink(); ?> 文章链接
<?php the_category(); ?> 文章分类
<?php the_author(); ?> 文章作者
<?php the_ID(); ?> 文章 ID
<?php edit_post_link(); ?> 文章编辑链接
<?php wp_list_bookmarks(); ?> 友情链接列表
<?php comments_template(); ?> 留言模板内容
<?php wp_list_pages(); ?> 所有页面列表
<?php wp_list_categories(); ?> 所有分类列表
<?php next_post_link(‘%link’); ?> 下一篇文章链接
<?php previous_post_list(‘%link’); ?> 上一篇文章链接
<?php get_calendar(); ?> 显示文章日历
<?php wp_get_archives(); ?> 存档链接列表
<?php posts_nav_link(); ?> 上一篇和下一篇文章链接
<?php rewind_posts(); ?> 重回开头开始第二个循环
<?php get_permalink(); ?> 获取文章页面固定链接

开发判断函数

函数名 描述
is_home() 判断是否为主页
is_single() 判断是否为内容页
is_category() 判断是否为Category/Archive页
is_tag() 判断是否为Tag存档页
is_date() 判断是否为指定日期存档页
is_year() 判断是否为指定年份存档页
is_month() 判断是否为指定月份存档页
is_day() 判断是否为指定日存档页
is_time() 判断是否为指定时间存档页
is_archive() 判断是否为存档页
is_search() 判断是否为搜索结果页
is_404() 判断是否为404错误页
is_paged() 主页/Category/Archive页是否以多页显示
is_user_logged_in() 判断用户是否已登录

还有如果你需要修改主题

主题基本文件

基本模板文件

文件名 描述
style.css 主题样式文件
index.php 首页模板文件
header.php 头部模板文件
single.php 单篇文章模板文件
archive.php 存档/分类模板文件
searchform.php 搜索表单模板文件
search.php 搜索模板文件
404.php 404 模板文件
comments.php 留言模板文件
footer.php 底部模板文件
sidebar.php 侧边栏模板文件
page.php 静态页面模板文件
front-page.php 静态首页模板文件
tag.php 标签存档模板文件
category.php 分类存档模板文件

比如给网站定义点击美化

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("文字1", "文字", "文字", "文字", "文字", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
        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>

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

wordpress安装wordpress入门安装教程

2020-5-6 1:22:01

WordPress教程

wordpress风格wordpress主题风格缩略图添加圆角

2020-5-13 23:41:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索