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.php404 模板文件
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管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索