github
/
kratos
mirror of https://github.com/vtrois/kratos
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: add navigation style selection (#136)

pull/155/head
Seaton Jiang 2020-02-23 22:00:05 +08:00
parent 6c56cf0979
commit 6112d46a41
12 changed files with 90 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
404.php
View File

@ -3,11 +3,11 @@
* 404 模板
* @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License
* @version 2020.02.15
* @version 2020.02.23
*/
get_header(); ?>
<div class="k-main" style="background:#ffffff">
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:#ffffff">
<div class="container">
<div class="row">
<div class="col-12 page404">

24
assets/css/kratos.css
View File

@ -136,6 +136,22 @@ button:focus {
padding: 23px 0;
}
.k-main.color {
padding-top: 103px;
}
@media only screen and (max-width: 992px) {
.k-main.color {
padding-top: 92px;
}
}
@media only screen and (max-width: 768px) {
.k-main.color {
padding-top: 83px;
}
}
/*--------------------------------------------------------------
2. 导航
--------------------------------------------------------------*/
@ -1517,12 +1533,12 @@ button:focus {
.k-main .sidebar .w-tags .item a {
display: inline-block;
list-style: none;
margin: 0 2px 4px 0;
padding: 2px 0;
width: 140px;
border: 1px solid #eeeeee;
color: #333;
list-style: none;
text-align: center;
text-transform: uppercase;
font-size: 14px;
@ -1530,18 +1546,18 @@ button:focus {
.k-main .sidebar .widget_links ul li {
display: inline-block;
list-style: none;
margin: 0 2px 4px 0;
padding: 2px 0;
width: 140px;
color: #333;
list-style: none;
font-size: 15px;
}
.k-main .sidebar .widget_links ul li img {
margin-top: -3px;
width: 25px;
height: 25px;
margin-top: -3px;
border-radius: 50%;
}
@ -1587,9 +1603,9 @@ button:focus {
}
.k-main .sidebar tbody tr {
font-family: arial;
font-weight: 400;
font-size: 14px;
font-family: arial;
}
.k-main .sidebar tbody a {

4
assets/css/kratos.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
assets/js/kratos.js
View File

@ -1,5 +1,5 @@
/*!
* Kratos v3.0.0
* Kratos v3.0.1
* Seaton Jiang <seaton@vtrois.com>
*/
;(function() {

2
assets/js/kratos.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
header.php
View File

@ -3,7 +3,7 @@
* 主题页眉
* @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License
* @version 2020.02.15
* @version 2020.02.23
*/
?>
<!DOCTYPE html>
@ -24,7 +24,7 @@
<?php flush(); ?>
<body>
<div class="k-header">
<nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top">
<nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top" <?php if(kratos_option('top_select', 'banner') !== 'banner'){ echo 'style="background:' . kratos_option('top_color', '#24292e') .'"';} ?>>
<div class="container">
<a class="navbar-brand" href="<?php echo get_option('home'); ?>">
<?php
@ -54,6 +54,7 @@
?>
</div>
</nav><!-- .k-nav -->
<?php if(kratos_option('top_select', 'banner') == 'banner'){ ?>
<div class="banner">
<div class="overlay"></div>
<div class="content text-center" style="background-image: url(<?php
@ -76,4 +77,5 @@
</div>
</div>
</div><!-- .banner -->
<?php } ?>
</div><!-- .k-header -->

26
inc/options-framework/js/options-custom.js
View File

@ -44,6 +44,32 @@ jQuery(document).ready(function($) {
jQuery('#section-m_sendmail').show();
}
jQuery('#top_select').change(function() {
if (jQuery("#top_select").val() == 'color'){
jQuery('#section-top_color').fadeIn(400);
jQuery('#section-top_img').fadeOut(400);
jQuery('#section-top_title').fadeOut(400);
jQuery('#section-top_describe').fadeOut(400);
}else{
jQuery('#section-top_color').fadeOut(400);
jQuery('#section-top_img').fadeIn(400);
jQuery('#section-top_title').fadeIn(400);
jQuery('#section-top_describe').fadeIn(400);
}
});
if (jQuery('#top_select').val() == 'color') {
jQuery('#section-top_color').show();
jQuery('#section-top_img').hide();
jQuery('#section-top_title').hide();
jQuery('#section-top_describe').hide();
}else{
jQuery('#section-top_color').hide();
jQuery('#section-top_img').show();
jQuery('#section-top_title').show();
jQuery('#section-top_describe').show();
}
// Loads the color pickers
$('.of-color').wpColorPicker();

29
inc/theme-options.php
View File

@ -36,6 +36,11 @@ function kratos_options()
'six' => __('知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议', 'kratos'),
);
$top_array = array(
'banner' => __( '图片导航', 'kratos' ),
'color' => __( '颜色导航', 'kratos' ),
);
$options = array();
$options[] = array(
@ -98,7 +103,7 @@ function kratos_options()
);
$options[] = array(
'name' => __('导航栏颜色', 'kratos'),
'name' => __('Chrome 导航栏颜色', 'kratos'),
'desc' => __('Chrome 移动端浏览器导航栏的颜色', 'kratos'),
'id' => 'g_chrome',
'std' => '#282a2c',
@ -345,10 +350,28 @@ function kratos_options()
'type' => 'heading',
);
$options[] = array(
'name' => __( '顶部样式', 'kratos' ),
'desc' => __('请选择顶部样式（颜色导航或图片导航）', 'kratos'),
'id' => 'top_select',
'std' => 'banner',
'type' => 'select',
'options' => $top_array
);
$options[] = array(
'name' => __('顶部图片', 'kratos'),
'name' => __('颜色导航', 'kratos'),
'id' => 'top_color',
'std' => '#24292e',
'class' => 'hidden',
'type' => 'color',
);
$options[] = array(
'name' => __('图片导航', 'kratos'),
'id' => 'top_img',
'std' => get_template_directory_uri() . '/assets/img/background.png',
'class' => 'hidden',
'type' => 'upload',
);
@ -356,6 +379,7 @@ function kratos_options()
'name' => __('副标题', 'kratos'),
'id' => 'top_title',
'std' => 'Kratos',
'class' => 'hidden',
'type' => 'text',
);
@ -363,6 +387,7 @@ function kratos_options()
'name' => __('标题描述', 'kratos'),
'std' => __('一款专注于用户阅读体验的响应式博客主题', 'kratos'),
'id' => 'top_describe',
'class' => 'hidden',
'type' => 'text',
);

4
index.php
View File

@ -3,11 +3,11 @@
* 首页模板
* @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License
* @version 2020.02.15
* @version 2020.02.23
*/
get_header(); ?>
<div class="k-main" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-8 board">

4
page.php
View File

@ -3,11 +3,11 @@
* 页面模板
* @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License
* @version 2020.02.15
* @version 2020.02.23
*/
get_header(); ?>
<div class="k-main" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-8 details">

4
single.php
View File

@ -3,11 +3,11 @@
* 文章内容
* @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License
* @version 2020.02.15
* @version 2020.02.23
*/
get_header(); ?>
<div class="k-main" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-8 details">

2
style.css
View File

@ -1,7 +1,7 @@
/*
Theme Name: Kratos
Text Domain: kratos
Version: 3.0.0
Version: 3.0.1
Requires PHP: 7.0
Description: 主题提供了多种针对自媒体博客需求的侧栏工具，删繁就简专注于用户的阅读体验，优化的邮件中心为你的网站留存加分添彩。
Tags: 博客, 双栏, 响应式, 自定义背景, 自定义颜色, 自定义图标, 自定义菜单, 特色图像, 收录优化, 邮件中心, 主题选项, 小工具, 文章置顶, 无障碍友好