-
Notifications
You must be signed in to change notification settings - Fork 5
/
header.php
123 lines (115 loc) · 5.8 KB
/
header.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/static/strawberry/style.css">
<header class="header">
<div class="navbar">
<div class="left">
<?php if(get_site_icon_url()) { ?>
<div class="logo">
<a href="<?php bloginfo('url'); ?>"><img src="<?php site_icon_url(); ?>" alt=""></a>
</div>
<?php } ?>
<div class="nav">
<?php get_menu(); ?>
<script>
const has_menu_item_ul = document.querySelectorAll('#menu #item .menu-item-has-children');
const menu_item_ul = document.querySelectorAll('#menu #item .sub-menu');
const item_children_box = [];
for(let i=0; i<has_menu_item_ul.length; i++) {
item_children_box[i] = document.createElement('div');
has_menu_item_ul[i].insertBefore(item_children_box[i],menu_item_ul[i]);
item_children_box[i].appendChild(menu_item_ul[i]);
item_children_box[i].setAttribute('class','item-children-box');
}
</script>
</div>
</div>
<div class="right">
<?php if(is_user_logged_in()){ ?>
<div class="user">
<p><?php get_user_name(); ?></p>
<?php echo get_user_avatar(); ?>
</div>
<div class="menu">
<div class="box">
<li><a class="search-btn"><span class="iconfont icon-sousuo1"></span><?php _e('Search','ipop'); ?><span class="iconfont icon-right"></span></a></li>
<li><a class="setting" href="<?php echo home_url().'/wp-admin'; ?>" target="_blank"><span class="iconfont icon-setting"></span><?php _e('Setting','ipop'); ?><span class="iconfont icon-right"></span></a></li>
<li><a class="logout" href="<?php echo wp_logout_url(); ?>"><span class="iconfont icon-poweroff"></span><?php _e('Logout','ipop'); ?><span class="iconfont icon-right"></span></a></li>
</div>
</div>
<?php } else { ?>
<?php if(get_option("hide_login") == 'true') { ?>
<div class="hide-login">
<a class="search-btn"><span class="iconfont icon-sousuo1"></span><?php _e('Search','ipop'); ?></a>
</div>
<? } else { ?>
<div class="user visitor">
<img src="<?php echo get_template_directory_uri(); ?>/static/images/visitor.png" alt="">
</div>
<div class="menu">
<div class="box">
<li><a class="search-btn"><span class="iconfont icon-sousuo1"></span><?php _e('Search','ipop'); ?><span class="iconfont icon-right"></span></a></li>
<li><a class="login" href="<?php echo home_url().'/wp-admin'; ?>"><span class="iconfont icon-login1"></span><?php _e('Login','ipop'); ?><span class="iconfont icon-right"></span></a></li>
</div>
</div>
<?php } ?>
<? } ?>
</div>
</div>
</header>
<!-- 移动端 -->
<section class="header-m container">
<div class="navbar-m">
<div class="left"><div class="menu-btn"><span class="iconfont icon-menu"></span></div></div>
<div class="right"><div class="search-btn-m"><span class="iconfont icon-sousuo1"></span></div></div>
</div>
</section>
<!-- 遮罩 -->
<div class="menu-mask"></div>
<!-- 菜单 -->
<section class="menu-m">
<div class="top">
<div class="top-box">
<?php require_once('inc/time-prompt.php'); ?>
<div class="menu-btn-c"><span class="iconfont icon-doubleleft"></span></div>
</div>
</div>
<div class="center">
<?php if(is_user_logged_in()){ ?>
<div class="user-box">
<?php echo get_user_avatar(); ?>
<p><?php get_user_name(); ?></p>
</div>
<? } ?>
<div class="menu-box">
<div class="nav">
<?php get_menu_m(); ?>
<script>
const menu_item_m = document.querySelectorAll('.menu-m .center .menu-box .nav-m .item-m > .menu-item-has-children > a');
const menu_item_box_m = [];
for(let i=0; i<menu_item_m.length; i++) {
menu_item_box_m[i] = document.createElement('i');
menu_item_m[i].appendChild(menu_item_box_m[i]).setAttribute('class','iconfont icon-arrow-down');
}
</script>
</div>
</div>
</div>
<div class="bottom">
<div class="left">
<?php if(get_site_icon_url()) { ?>
<a href="<?php bloginfo('url'); ?>"><img src="<?php site_icon_url(); ?>" alt=""></a>
<?php } ?>
</div>
<div class="right">
<?php if(is_user_logged_in()) { ?>
<a class="setting" href="<?php echo home_url().'/wp-admin'; ?>"><span class="iconfont icon-setting"></span><p><?php _e('Setting','ipop'); ?></p></a>
<a class="logout" href="<?php echo wp_logout_url(); ?>"><span class="iconfont icon-poweroff"></span><p><?php _e('Logout','ipop'); ?></p></a>
<?php } else { ?>
<?php if(get_option("hide_login") == 'true') {} else { ?>
<a class="visitor" href="<?php echo home_url().'/wp-admin'; ?>"><span class="iconfont icon-login1"></span><p><?php _e('Login','ipop'); ?></p></a>
<?php } ?>
<?php } ?>
</div>
</div>
</section>
<!-- 搜索 -->
<?php require_once('searchform.php'); ?>