wordpress网站模板（wordpress开源模板）
本文目录一览：
- 1、怎么在wordpress网站的模板中新建一个自己喜欢的页面?
- 2、自己设计制作wordpress模板，要会那些？
- 3、如何在wordpress网站添加瀑布流单页模板
- 4、WordPress教程：自定义登录界面网站模板元素
- 5、wordpress的底部模板怎么修改？在哪里修改？
怎么在wordpress网站的模板中新建一个自己喜欢的页面?
创建新的模版页面：
?php
/*
Template Name: XXX页面模板（根据自己需要命名）
*/
?
自己设计制作wordpress模板，要会那些？
网站布局div+css、php、js+朋友，这些系统的初级入门教程陌小雨博客都有，一个月你就可以玩转wordpress模版啦！
如何在wordpress网站添加瀑布流单页模板
?php
/*
TEMPLATE NAME:瀑布流测试
*/
//基于Wordpress自带的2014主题
//贡献者：Suifengtec suoling.net
if (! function_exists('coolwp_scripts_masonry') ) :
if ( ! is_admin() ) :
function coolwp_scripts_masonry() {
//deregister built in masonry since it is old version 3.
wp_deregister_script('jquery-masonry');
//请自行下载
wp_enqueue_script('jquery-10.1.js', get_template_directory_uri().'/test/jquery.js', array( 'imagesLoaded'), null, true );
//请自行下载
wp_enqueue_script('imagesLoaded', get_template_directory_uri().'/test/imagesloaded.pkgd.min.js', false, null, true);
//请自行下载
wp_enqueue_script('jquery-masonry', get_template_directory_uri().'/test/masonry.pkgd.min.js', array( 'imagesLoaded'), null, true );
//后面我贴出来
wp_enqueue_script('custom.js', get_template_directory_uri().'/test/custom.js', array( 'imagesLoaded'), null, true );
}
//wp_enquqe_style('masonry', get_template_directory_uri().'/test/');
add_action( 'wp_enqueue_scripts', 'coolwp_scripts_masonry' );
endif; //! is_admin()
endif; //! coolwp_scripts_masonry exists?
get_header(); ?
div id="main-content" class="main-content"
?php
if ( is_front_page() twentyfourteen_has_featured_posts() ) {
// Include the featured content template.
get_template_part( 'featured-content' );
}
?
div id="primary" class="content-area"
div id="content" class="site-content" role="main"
?php
$args=array( 'post_type'='post' );
$myloop=new WP_Query( $args );
// Start the Loop.
while ( $myloop-have_posts() ) : $myloop-the_post();
// Include the page content template.
?
div class="item"
?php
if ( has_post_thumbnail() ) : ?
div class="masonry-thumbnail"
a href="?php the_permalink() ?" title="?php the_title(); ?"
?php the_post_thumbnail('thumbnail'); ?/a
/div!--.masonry-thumbnail--
?php endif; ?
div class="masonry-details"
h5a href="?php the_permalink(' ') ?" title="?php the_title(); ?"span class="masonry-post-title" ?php the_title(); ?/span/a/h5
!-- div class="masonry-post-excerpt"
?php the_excerpt(); ?
/div --!--.masonry-post-excerpt--
/div!--/.masonry-entry-details --
/div!--/.item --
?php endwhile; ?
/div!-- #content --
/div!-- #primary --
?php //get_sidebar( 'content' ); ?
/div!-- #main-content --
?php
get_sidebar();
get_footer();
custom.js代码：
var container = document.querySelector('#content');
var msnry = new Masonry( container, {
columnWidth: 200,
itemSelector: '.item'
});
/*alert('aaaaa');*/
将你下载到的三个js文件和上面的custom.js放在你的WP的2014主题目录下的test文件夹（自己建），然后将上面的PHP代码复制到一个英文开头的PHP文件里，把这个PHP文件放在WP的2014主题目录下，
启用这个主题，发布页面，选用“瀑布流测试”页面模板，如果你的测试WP中有文章，并且文章有缩略图，就会是这个样子：
只需要你改下查询语句和css，就可以套用到别的主题了。
WordPress教程：自定义登录界面网站模板元素
我们在平时使用wordpress的时候，有可能希望将登录页面开放给访客，那么就涉及到了wordpress主题页面定制，但传统方法的定义，改CSSJSPHP，往往意味着版本更新，就要重新来过，太繁琐，不过可以通过简短的方式实现。
自定义登录LOGO
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面
//自定义登录LOGO
function
custom_loginlogo()
{
$UAZOH_PLUGIN_URL
=
WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));
echo'';
}
add_action('login_head',
'custom_loginlogo');
//自定义登录LOGO的超级链接
by
function
custom_loginlogo_url($url)
{
return
'';
}
add_filter(
'login_headerurl',
'custom_loginlogo_url'
);
自定义登录页面风格
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.
通过下面的定义登录背景色变成淡灰色，登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式
//自定义登录页面风格
function
uazoh_custom_login_page()
{
echo'';
}
add_action('login_head',
'uazoh_custom_login_page');
自定义登录页面风格（图片轮换背景）
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.
使用到的的jQuery插件下载：
jquery.backstretch.min.js
需要在你主题下面建立一个login_page_bg文件夹，也可以修改下面var
imgsrc部分代码，改成自己的地址
//自定义登录页面风格（图片轮换背景）
function
uazoh_custom_login_page_imgbackground()
{
echo
'
';
}
add_action('login_head',
'uazoh_custom_login_page_imgbackground');
修改登录界面地址
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面
修改完成后，登录页的地址就是http://域名/wp-login.php?usr=Ga6ges2vo
，没有usr=Ga6ges2vo字段的登录地址就无法访问，会跳转到下面定义的地址
这个方法对于高手来说有很严重的漏洞
//修改登录界面地址
function
Uazoh_login_url_crk(){
$uel_f='usr';//等号前的内容
$uel_b='Ga6ges2vo';//等号后的内容
if($_GET{$uel_f}
!=
$uel_b)header('Location:
');//如果还用原来的登录地址，会自动跳转到博客首页
}
add_action('login_enqueue_scripts','Uazoh_login_url_crk');
wordpress的底部模板怎么修改？在哪里修改？
在wordpress后台点击--外观--编辑，找到底部模板footer.php，修改相应代码字样就可以了，你可以用注释符号!-- --隐藏代码，也可以直接删除掉，当然也可以在底部代码这里修改为自己的信息，其他模板底部信息修改类似。不过在修改前还是建议把代码先备份一下，免得出了错误又改不回来。
如果发现没有footer.php可看看是不是使用了子主题的方式，在母主题里可以找到footer.php
如果模版自己有设置页面可以在设置页面去改
关于wordpress网站模板和wordpress开源模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。
相关文章
发表评论
暂时没有评论，来抢沙发吧~