自定义页面模板(配置前端自动生成页面模板)
本文目录一览:
- 1、WordPress教程:自定义登录界面网站模板元素
- 2、wordpress怎么自定义页面
- 3、改版后的公众号页面模板如何设置?戳这里!
- 4、pc端自定义页设计与制作怎么写
- 5、discuz 怎么添加自定义模板
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怎么自定义页面
首先你要创建一个页面模板:
在主题文件夹内建立一个空的php文件然后输入一下代码,template name 模板名
?php
/*
Template Name: 你的自定义模板名
*/
要放入的代码区域
?
这样你就有了一个自定义模板,然后到后台新建页面,如下操作:
改版后的公众号页面模板如何设置?戳这里!
注意事项
页面模板改版后, 只允许添加已群发的图文 ,未群发的图文是无法添加到页面模板中。
壹
打开网页登陆公众号--点击【页面模板】--点击【添加模板】
贰
页面模板现在有四个模板类型,分别是:
叁
模板设置方式大同小异,9妹就拿用的最多的综合模板来演示操作下使用方法啦。
一、封面区设置
页面名称:干货分享(自定义输入名称即可)
内容列表:选择想要展示的文章(最多添加3个素材)
二、分类设置
分类名:列表1、1/1、1/2、2/2(最多添加5个分类)
内容列表:选择想要放的图文(最多添加30个素材)
三、点击发布
展示
pc端自定义页设计与制作怎么写
pc端自定义页设计与制作书写方法:
第一层级的页面中显示所有设置项目,左侧为项目名称,右侧为该项目的设置结果(用户未设置过且无默认值的,右侧为空)。开/关型或者说是/否型设置项,直接可以在一级页面中更改。
其他类型设置项,需跳转二级页面更改,即使只有三四个选项的选择型设置项,也是跳转二级页面。
可能有些读者会认为这与产品属性有关——邮箱类产品属于工具型,用户进入设置页的目的就是更改设置,而社交类产品中会有很多隐私设置或者个性化设置,用户进入设置页可能只是确认一下设置结果,不一定会做更改。这是一个可能的理由。
而网页版的产品,每一个更改都需要与服务器交互,即使如Facebook这种做成了更改后立即生效的效果,实际上也是进行了一次用户没有感知的服务器交互。而用户在使用网页版产品的过程中已经被教育出了进行任何操作均需手动提交的习惯,所以,可能提供主动保存的按钮,才会让用户心安,觉得更改确实生效了。
总结如下:
默认情况下,WordPress 允许使用默认模板文件page.php创建页面和文章来处理前端的外观。
我们还可以对默认模板文件 ( page.php )进行更改,但这些更改会影响您已经创建的所有其他页面。
所以,这就是为什么我们需要在 WordPress 中创建一个自定义页面模板来根据要求处理特定的页面布局设计。
让我们从创建自定义页面模板开始。
要开始创建自定义模板,您只需具备基本的HTML、CSS和PHP 知识。当然,还需要有一款喜欢的文件编辑器,我常用的是Sublime Text 。
您还可以根据您的要求添加自己的自定义代码,并可以执行以下操作:
创建不同的页眉和页脚。
根据您的 PSD/线框模板自定义布局。
自定义侧边栏位置或可以删除。
显示特定条件的特定文章类型,您可以在此自定义页面模板上执行更多操作。只需思考并执行您的自定义代码。
discuz 怎么添加自定义模板
discuz 添加自定义模板的具体操作步骤如下:
我们需要准备的材料有:电脑、
1、首先我们先将这个模块添加好,点击“编辑”选项中“数据”。
2、然后我们在该页面中点击“模块模板”选项,然后把link rel="stylesheet" type="text/css" href="文件夹/***.css" /加到最前方。
3、之后我们在该页面中添加代码字符串后,在css自定义样式中编写所需的效果代码即可。
自定义页面模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于配置前端自动生成页面模板、自定义页面模板的信息别忘了在易优之家进行查找喔。
发表评论
暂时没有评论,来抢沙发吧~