nanhaoluo
a12af3c4df
- 在 header.php 中读取后台设置的透明度和毛玻璃参数 - 输出 CSS 变量：--bg-opacity、--card-opacity、--card-blur、--card-saturate、--toolbar-blur - 顶栏模糊度自动计算为卡片模糊度的 60% - 移除 style.css 中的硬编码默认值，完全由后台设置控制 - 确保毛玻璃效果（backdrop-filter）正常工作
1530 lines
39 KiB
PHP
1530 lines
39 KiB
PHP
<!DOCTYPE html>
|
||
|
||
<?php
|
||
|
||
$htmlclasses = "";
|
||
|
||
if (get_option('argon_page_layout') == "single"){
|
||
|
||
$htmlclasses .= "single-column ";
|
||
|
||
}
|
||
|
||
if (get_option('argon_page_layout') == "triple"){
|
||
|
||
$htmlclasses .= "triple-column ";
|
||
|
||
}
|
||
|
||
if (get_option('argon_page_layout') == "double-reverse"){
|
||
|
||
$htmlclasses .= "double-column-reverse ";
|
||
|
||
}
|
||
|
||
if (get_option('argon_enable_immersion_color') == "true"){
|
||
|
||
$htmlclasses .= "immersion-color ";
|
||
|
||
}
|
||
|
||
if (get_option('argon_enable_amoled_dark') == "true"){
|
||
|
||
$htmlclasses .= "amoled-dark ";
|
||
|
||
}
|
||
|
||
if (get_option('argon_card_shadow') == 'big'){
|
||
|
||
$htmlclasses .= 'use-big-shadow ';
|
||
|
||
}
|
||
|
||
if (get_option('argon_font') == 'serif'){
|
||
|
||
$htmlclasses .= 'use-serif ';
|
||
|
||
}
|
||
|
||
if (get_option('argon_disable_codeblock_style') == 'true'){
|
||
|
||
$htmlclasses .= 'disable-codeblock-style ';
|
||
|
||
}
|
||
|
||
if (get_option('argon_enable_headroom') == 'absolute'){
|
||
|
||
$htmlclasses .= 'navbar-absolute ';
|
||
|
||
}
|
||
|
||
$banner_size = get_option('argon_banner_size', 'full');
|
||
|
||
if ($banner_size != 'full'){
|
||
|
||
if ($banner_size == 'mini'){
|
||
|
||
$htmlclasses .= 'banner-mini ';
|
||
|
||
}else if ($banner_size == 'hide'){
|
||
|
||
$htmlclasses .= 'no-banner ';
|
||
|
||
}else if ($banner_size == 'fullscreen'){
|
||
|
||
$htmlclasses .= 'banner-as-cover ';
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if (get_option('argon_toolbar_blur', 'false') == 'true'){
|
||
|
||
$htmlclasses .= 'toolbar-blur ';
|
||
|
||
}
|
||
|
||
// 顶栏自定义样式
|
||
$toolbar_style = get_option('argon_toolbar_style', 'default');
|
||
if ($toolbar_style == 'gradient') {
|
||
$htmlclasses .= 'toolbar-gradient ';
|
||
} else if ($toolbar_style == 'glass') {
|
||
$htmlclasses .= 'toolbar-glass ';
|
||
}
|
||
|
||
if (get_option('argon_toolbar_shadow', 'false') == 'true') {
|
||
$htmlclasses .= 'toolbar-shadow ';
|
||
}
|
||
|
||
if (get_option('argon_toolbar_border', 'false') == 'true') {
|
||
$htmlclasses .= 'toolbar-border ';
|
||
}
|
||
|
||
if (get_option('argon_toolbar_compact', 'false') == 'true') {
|
||
$htmlclasses .= 'toolbar-compact ';
|
||
}
|
||
|
||
if (get_option('argon_toolbar_center', 'false') == 'true') {
|
||
$htmlclasses .= 'toolbar-center ';
|
||
}
|
||
|
||
$htmlclasses .= get_option('argon_article_header_style', 'article-header-style-default') . ' ';
|
||
|
||
if(strpos($_SERVER['HTTP_USER_AGENT'], 'Safari') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') === false){
|
||
|
||
$htmlclasses .= ' using-safari';
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<html <?php language_attributes(); ?> class="no-js <?php echo $htmlclasses;?>">
|
||
|
||
<?php
|
||
|
||
$themecolor = get_option("argon_theme_color", "#5e72e4");
|
||
|
||
$themecolor_origin = $themecolor;
|
||
|
||
if (isset($_COOKIE["argon_custom_theme_color"])){
|
||
|
||
if (checkHEX($_COOKIE["argon_custom_theme_color"]) && get_option('argon_show_customize_theme_color_picker') != 'false'){
|
||
|
||
$themecolor = $_COOKIE["argon_custom_theme_color"];
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if (hex2gray($themecolor) < 50){
|
||
|
||
echo '<script>document.getElementsByTagName("html")[0].classList.add("themecolor-toodark");</script>';
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<?php
|
||
|
||
$cardradius = get_option('argon_card_radius');
|
||
|
||
if ($cardradius == ""){
|
||
|
||
$cardradius = "4";
|
||
|
||
}
|
||
|
||
$cardradius_origin = $cardradius;
|
||
|
||
if (isset($_COOKIE["argon_card_radius"]) && $_COOKIE["argon_card_radius"] != ""){
|
||
|
||
$cardradius = $_COOKIE["argon_card_radius"];
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<head>
|
||
|
||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||
|
||
<?php if (get_option('argon_enable_mobile_scale') != 'true'){ ?>
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
|
||
<?php }else{ ?>
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
|
||
|
||
<?php } ?>
|
||
|
||
<meta property="og:title" content="<?php echo wp_get_document_title();?>">
|
||
|
||
<meta property="og:type" content="article">
|
||
|
||
<meta property="og:url" content="<?php echo home_url(add_query_arg(array(),$wp->request));?>">
|
||
|
||
<?php
|
||
|
||
$seo_description = get_seo_description();
|
||
|
||
if ($seo_description != ''){ ?>
|
||
|
||
<meta name="description" content="<?php echo $seo_description?>">
|
||
|
||
<meta property="og:description" content="<?php echo $seo_description?>">
|
||
|
||
<?php } ?>
|
||
|
||
|
||
|
||
<?php
|
||
|
||
$seo_keywords = get_seo_keywords();
|
||
|
||
if ($seo_keywords != ''){ ?>
|
||
|
||
<meta name="keywords" content="<?php echo get_seo_keywords();?>">
|
||
|
||
<?php } ?>
|
||
|
||
|
||
|
||
<?php
|
||
|
||
if (is_single() || is_page()){
|
||
|
||
$og_image = get_og_image();
|
||
|
||
if ($og_image != ''){ ?>
|
||
|
||
<meta property="og:image" content="<?php echo $og_image?>" />
|
||
|
||
<?php } else { ?>
|
||
|
||
<meta property="og:image" content="https://blog.cartol.top/favicon.ico" />
|
||
|
||
<?php }
|
||
|
||
} else { ?>
|
||
|
||
<meta property="og:image" content="https://blog.cartol.top/favicon.ico" />
|
||
|
||
<?php } ?>
|
||
|
||
|
||
|
||
<meta name="theme-color" content="<?php echo $themecolor; ?>">
|
||
|
||
<meta name="theme-color-rgb" content="<?php echo hex2str($themecolor); ?>">
|
||
|
||
<meta name="theme-color-origin" content="<?php echo $themecolor_origin; ?>">
|
||
|
||
<meta name="argon-enable-custom-theme-color" content="<?php echo (get_option('argon_show_customize_theme_color_picker') != 'false' ? 'true' : 'false'); ?>">
|
||
|
||
|
||
|
||
|
||
|
||
<meta name="theme-card-radius" content="<?php echo $cardradius; ?>">
|
||
|
||
<meta name="theme-card-radius-origin" content="<?php echo $cardradius_origin; ?>">
|
||
|
||
|
||
|
||
<meta name="theme-version" content="<?php echo $GLOBALS['theme_version']; ?>">
|
||
|
||
<!-- 预加载用户样式设置 - 避免样式跳变 -->
|
||
<script>
|
||
(function() {
|
||
var html = document.documentElement;
|
||
var ls = localStorage;
|
||
|
||
// 字体设置
|
||
if (ls.getItem('Argon_Use_Serif') === 'true') {
|
||
html.classList.add('use-serif');
|
||
} else if (ls.getItem('Argon_Use_Serif') === 'false') {
|
||
html.classList.remove('use-serif');
|
||
}
|
||
|
||
// 阴影设置
|
||
if (ls.getItem('Argon_Use_Big_Shadow') === 'true') {
|
||
html.classList.add('use-big-shadow');
|
||
} else if (ls.getItem('Argon_Use_Big_Shadow') === 'false') {
|
||
html.classList.remove('use-big-shadow');
|
||
}
|
||
|
||
// 滤镜设置
|
||
var filter = ls.getItem('Argon_Filter');
|
||
if (filter && filter !== 'off') {
|
||
html.classList.add('filter-' + filter);
|
||
}
|
||
|
||
// UI 样式设置
|
||
var uiStyle = ls.getItem('Argon_UI_Style');
|
||
if (uiStyle && uiStyle !== 'default') {
|
||
html.classList.add('style-' + uiStyle);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||
|
||
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
|
||
|
||
<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
|
||
|
||
<?php endif; ?>
|
||
|
||
<?php
|
||
// 获取资源版本号（支持强制刷新）
|
||
$assets_version = function_exists('argon_get_assets_version') ? argon_get_assets_version() : $GLOBALS['theme_version'];
|
||
|
||
// CSS 加载 - 添加 media 属性确保移动端正确加载
|
||
wp_enqueue_style("argon_css_merged", $GLOBALS['assets_path'] . "/assets/argon_css_merged.css", array(), $assets_version, 'all');
|
||
wp_enqueue_style("style", $GLOBALS['assets_path'] . "/style.css", array('argon_css_merged'), $assets_version, 'all');
|
||
|
||
// 集成外部资源备用机制
|
||
wp_enqueue_script("resource_loader", $GLOBALS['assets_path'] . "/assets/vendor/external/resource-loader.js", array(), $assets_version, false);
|
||
|
||
if (get_option('argon_disable_googlefont') != 'true') {
|
||
// 使用备用机制加载Google Fonts
|
||
echo '<script>
|
||
document.addEventListener("DOMContentLoaded", function() {
|
||
if (typeof ArgonResourceLoader !== "undefined") {
|
||
ArgonResourceLoader.smartLoad("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Noto+Serif+SC:300,600&display=swap", "css");
|
||
}
|
||
});
|
||
</script>';
|
||
}
|
||
|
||
// 加载 argon_js_merged（包含 jQuery 和其他库）- 在头部同步加载以确保后续脚本可用
|
||
wp_enqueue_script("argon_js_merged", $GLOBALS['assets_path'] . "/assets/argon_js_merged.js", array(), $assets_version, false);
|
||
?>
|
||
|
||
<?php wp_head(); ?>
|
||
|
||
<?php if (function_exists('argon_is_force_refresh_enabled') && argon_is_force_refresh_enabled()): ?>
|
||
<!-- 强制刷新缓存 - 清除浏览器和 Service Worker 缓存 -->
|
||
<script>
|
||
(function() {
|
||
var forceRefreshKey = 'argon_force_refresh_version';
|
||
var pendingKey = 'argon_force_refresh_pending';
|
||
var currentVersion = '<?php echo get_option('argon_force_refresh_enabled_time', 0); ?>';
|
||
var lastVersion = localStorage.getItem(forceRefreshKey);
|
||
|
||
if (lastVersion !== currentVersion) {
|
||
localStorage.setItem(forceRefreshKey, currentVersion);
|
||
if (lastVersion !== null) {
|
||
sessionStorage.setItem(pendingKey, '1');
|
||
}
|
||
}
|
||
|
||
if (sessionStorage.getItem(pendingKey) === '1') {
|
||
var performRefresh = function() {
|
||
sessionStorage.removeItem(pendingKey);
|
||
var tasks = [];
|
||
if ('caches' in window) {
|
||
tasks.push(
|
||
caches.keys().then(function(names) {
|
||
return Promise.all(names.map(function(name) {
|
||
return caches.delete(name);
|
||
}));
|
||
})
|
||
);
|
||
}
|
||
if ('serviceWorker' in navigator) {
|
||
tasks.push(
|
||
navigator.serviceWorker.getRegistrations().then(function(registrations) {
|
||
return Promise.all(registrations.map(function(registration) {
|
||
return registration.unregister();
|
||
}));
|
||
})
|
||
);
|
||
}
|
||
Promise.all(tasks).finally(function() {
|
||
window.location.reload();
|
||
});
|
||
};
|
||
if (document.readyState === 'complete') {
|
||
performRefresh();
|
||
} else {
|
||
window.addEventListener('load', performRefresh);
|
||
}
|
||
}
|
||
})();
|
||
</script>
|
||
<?php endif; ?>
|
||
|
||
<!-- 移动端资源加载修复 - 确保 CSS 完全应用 -->
|
||
<script>
|
||
(function() {
|
||
// 检测移动端并强制重新计算样式
|
||
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
||
// 确保 CSS 已加载
|
||
var checkCSS = function() {
|
||
var testEl = document.createElement('div');
|
||
testEl.className = 'container';
|
||
testEl.style.cssText = 'position:absolute;visibility:hidden;';
|
||
document.body.appendChild(testEl);
|
||
var computed = window.getComputedStyle(testEl);
|
||
var isLoaded = computed.width !== 'auto' && computed.width !== '';
|
||
document.body.removeChild(testEl);
|
||
return isLoaded;
|
||
};
|
||
|
||
// 如果 CSS 未完全加载，强制重新加载
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
if (!checkCSS()) {
|
||
// 触发重排以应用样式
|
||
document.body.style.display = 'none';
|
||
document.body.offsetHeight; // 强制重排
|
||
document.body.style.display = '';
|
||
}
|
||
});
|
||
}
|
||
})();
|
||
|
||
// 用户角色检测 - 传递给前端JavaScript
|
||
window.argonUserRole = '<?php echo current_user_can('administrator') ? 'administrator' : (is_user_logged_in() ? 'user' : 'guest'); ?>';
|
||
</script>
|
||
|
||
<!-- Argon 修复补丁 - 必须在 wp_head() 之后立即执行 -->
|
||
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/argon.min.js?ver=<?php echo $assets_version; ?>"></script>
|
||
|
||
<?php $GLOBALS['wp_path'] = get_option('argon_wp_path') == '' ? '/' : get_option('argon_wp_path'); ?>
|
||
|
||
<script>
|
||
|
||
document.documentElement.classList.remove("no-js");
|
||
|
||
var argonConfig = {
|
||
|
||
wp_path: "<?php echo $GLOBALS['wp_path']; ?>",
|
||
|
||
language: "<?php echo argon_get_locate(); ?>",
|
||
|
||
dateFormat: "<?php echo get_option('argon_dateformat', 'YMD'); ?>",
|
||
|
||
<?php if (get_option('argon_enable_zoomify') == 'true'){ ?>
|
||
|
||
zoomify: {
|
||
|
||
duration: <?php echo get_option('argon_zoomify_duration', 200); ?>,
|
||
|
||
easing: "<?php echo get_option('argon_zoomify_easing', 'cubic-bezier(0.4,0,0,1)'); ?>",
|
||
|
||
scale: <?php echo get_option('argon_zoomify_scale', 0.9); ?>
|
||
|
||
},
|
||
|
||
<?php } else { ?>
|
||
|
||
zoomify: false,
|
||
|
||
<?php } ?>
|
||
|
||
pangu: "<?php echo get_option('argon_enable_pangu', 'false'); ?>",
|
||
|
||
// 懒加载配置
|
||
lazyload: <?php echo (get_option('argon_enable_lazyload', 'true') == 'false' ? 'false' : 'true'); ?>,
|
||
lazyload_effect: "<?php echo get_option('argon_lazyload_effect', 'fadeIn'); ?>",
|
||
lazyload_threshold: <?php echo (get_option('argon_lazyload_threshold') == '' ? '800' : get_option('argon_lazyload_threshold')); ?>,
|
||
|
||
fold_long_comments: <?php echo get_option('argon_fold_long_comments', 'false'); ?>,
|
||
|
||
fold_long_shuoshuo: <?php echo get_option('argon_fold_long_shuoshuo', 'false'); ?>,
|
||
|
||
disable_pjax: <?php echo get_option('argon_pjax_disabled', 'false'); ?>,
|
||
|
||
pjax_animation_durtion: <?php echo (get_option("argon_disable_pjax_animation") == 'true' ? '0' : '600'); ?>,
|
||
|
||
headroom: "<?php echo get_option('argon_enable_headroom', 'false'); ?>",
|
||
|
||
waterflow_columns: "<?php echo get_option('argon_article_list_waterflow', '1'); ?>",
|
||
|
||
article_list_layout_mobile: "<?php echo get_option('argon_article_list_layout_mobile', '1'); ?>",
|
||
|
||
code_highlight: {
|
||
|
||
enable: <?php echo get_option('argon_enable_code_highlight', 'false'); ?>,
|
||
|
||
hide_linenumber: <?php echo get_option('argon_code_highlight_hide_linenumber', 'false'); ?>,
|
||
|
||
transparent_linenumber: <?php echo get_option('argon_code_highlight_transparent_linenumber', 'false'); ?>,
|
||
|
||
break_line: <?php echo get_option('argon_code_highlight_break_line', 'false'); ?>
|
||
|
||
}
|
||
|
||
}
|
||
|
||
</script>
|
||
|
||
<script>
|
||
|
||
var darkmodeAutoSwitch = "<?php echo (get_option("argon_darkmode_autoswitch") == '' ? 'false' : get_option("argon_darkmode_autoswitch"));?>";
|
||
|
||
function setDarkmode(enable){
|
||
|
||
// 添加过渡类以启用平滑切换动画
|
||
document.documentElement.classList.add("theme-transitioning");
|
||
|
||
if (enable == true){
|
||
|
||
document.documentElement.classList.add("darkmode");
|
||
|
||
}else{
|
||
|
||
document.documentElement.classList.remove("darkmode");
|
||
|
||
}
|
||
|
||
// 过渡完成后移除过渡类
|
||
setTimeout(function() {
|
||
document.documentElement.classList.remove("theme-transitioning");
|
||
}, 300);
|
||
|
||
// 延迟触发 scroll 事件，等待 jQuery 加载
|
||
if (typeof jQuery !== 'undefined') {
|
||
|
||
jQuery(window).trigger("scroll");
|
||
|
||
} else {
|
||
|
||
window.dispatchEvent(new Event('scroll'));
|
||
|
||
}
|
||
|
||
// 触发主题切换事件
|
||
document.dispatchEvent(new CustomEvent('argon:theme-switched', {
|
||
detail: { darkmode: enable }
|
||
}));
|
||
|
||
}
|
||
|
||
function toggleDarkmode(){
|
||
|
||
if (document.documentElement.classList.contains("darkmode")){
|
||
|
||
setDarkmode(false);
|
||
|
||
sessionStorage.setItem("Argon_Enable_Dark_Mode", "false");
|
||
|
||
}else{
|
||
|
||
setDarkmode(true);
|
||
|
||
sessionStorage.setItem("Argon_Enable_Dark_Mode", "true");
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if (sessionStorage.getItem("Argon_Enable_Dark_Mode") == "true"){
|
||
|
||
setDarkmode(true);
|
||
|
||
}
|
||
|
||
function toggleDarkmodeByPrefersColorScheme(media){
|
||
|
||
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
||
|
||
return;
|
||
|
||
}
|
||
|
||
if (media.matches){
|
||
|
||
setDarkmode(true);
|
||
|
||
}else{
|
||
|
||
setDarkmode(false);
|
||
|
||
}
|
||
|
||
}
|
||
|
||
function toggleDarkmodeByTime(){
|
||
|
||
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
||
|
||
return;
|
||
|
||
}
|
||
|
||
let hour = new Date().getHours();
|
||
|
||
if (<?php echo apply_filters("argon_darkmode_time_check", "hour < 7 || hour >= 22")?>){
|
||
|
||
setDarkmode(true);
|
||
|
||
}else{
|
||
|
||
setDarkmode(false);
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if (darkmodeAutoSwitch == 'system'){
|
||
|
||
var darkmodeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
|
||
|
||
darkmodeMediaQuery.addListener(toggleDarkmodeByPrefersColorScheme);
|
||
|
||
toggleDarkmodeByPrefersColorScheme(darkmodeMediaQuery);
|
||
|
||
}
|
||
|
||
if (darkmodeAutoSwitch == 'time'){
|
||
|
||
toggleDarkmodeByTime();
|
||
|
||
}
|
||
|
||
if (darkmodeAutoSwitch == 'alwayson'){
|
||
|
||
setDarkmode(true);
|
||
|
||
}
|
||
|
||
|
||
|
||
function toggleAmoledDarkMode(){
|
||
|
||
document.documentElement.classList.toggle("amoled-dark");
|
||
|
||
if (document.documentElement.classList.contains("amoled-dark")){
|
||
|
||
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "true");
|
||
|
||
}else{
|
||
|
||
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "false");
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "true"){
|
||
|
||
document.documentElement.classList.add("amoled-dark");
|
||
|
||
}else if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "false"){
|
||
|
||
document.documentElement.classList.remove("amoled-dark");
|
||
|
||
}
|
||
|
||
</script>
|
||
|
||
<script>
|
||
|
||
if (navigator.userAgent.indexOf("Safari") !== -1 && navigator.userAgent.indexOf("Chrome") === -1){
|
||
|
||
document.documentElement.classList.add("using-safari");
|
||
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
|
||
<?php if (get_option('argon_enable_smoothscroll_type') == '2') { /*平滑滚动*/?>
|
||
|
||
<script src="<?php echo $GLOBALS['assets_path']; ?>/assets/vendor/smoothscroll/smoothscroll2.js"></script>
|
||
|
||
<?php }else if (get_option('argon_enable_smoothscroll_type') == '3'){?>
|
||
|
||
<script src="<?php echo $GLOBALS['assets_path']; ?>/assets/vendor/smoothscroll/smoothscroll3.min.js"></script>
|
||
|
||
<?php }else if (get_option('argon_enable_smoothscroll_type') == '1_pulse'){?>
|
||
|
||
<script src="<?php echo $GLOBALS['assets_path']; ?>/assets/vendor/smoothscroll/smoothscroll1_pulse.js"></script>
|
||
|
||
<?php }else if (get_option('argon_enable_smoothscroll_type') != 'disabled'){?>
|
||
|
||
<script src="<?php echo $GLOBALS['assets_path']; ?>/assets/vendor/smoothscroll/smoothscroll1.js"></script>
|
||
|
||
<?php }?>
|
||
|
||
</head>
|
||
|
||
|
||
|
||
<?php echo get_option('argon_custom_html_head'); ?>
|
||
|
||
|
||
|
||
<style id="themecolor_css">
|
||
|
||
<?php
|
||
|
||
$themecolor_rgbstr = hex2str($themecolor);
|
||
|
||
$RGB = hexstr2rgb($themecolor);
|
||
|
||
$HSL = rgb2hsl($RGB['R'], $RGB['G'], $RGB['B']);
|
||
|
||
?>
|
||
|
||
:root{
|
||
|
||
--themecolor: <?php echo $themecolor; ?>;
|
||
|
||
--themecolor-R: <?php echo $RGB['R']; ?>;
|
||
|
||
--themecolor-G: <?php echo $RGB['G']; ?>;
|
||
|
||
--themecolor-B: <?php echo $RGB['B']; ?>;
|
||
|
||
--themecolor-H: <?php echo $HSL['H']; ?>;
|
||
|
||
--themecolor-S: <?php echo $HSL['S']; ?>;
|
||
|
||
--themecolor-L: <?php echo $HSL['L']; ?>;
|
||
|
||
}
|
||
|
||
</style>
|
||
|
||
<style id="theme_cardradius_css">
|
||
|
||
:root{
|
||
|
||
--card-radius: <?php echo $cardradius; ?>px;
|
||
|
||
}
|
||
|
||
</style>
|
||
|
||
<?php
|
||
// 卡片毛玻璃效果设置
|
||
$card_opacity = get_option('argon_post_background_opacity', '0.7');
|
||
$card_blur = get_option('argon_card_blur', '20');
|
||
$card_saturate = get_option('argon_card_saturate', '180');
|
||
$bg_opacity = get_option('argon_page_background_opacity', '1');
|
||
|
||
// 顶栏模糊度为卡片模糊度的 60%（12px / 20px = 0.6）
|
||
$toolbar_blur = round($card_blur * 0.6);
|
||
|
||
// 如果透明度为空或为1，使用推荐默认值
|
||
if ($card_opacity == '' || $card_opacity == '1') {
|
||
$card_opacity = '0.7';
|
||
}
|
||
if ($bg_opacity == '') {
|
||
$bg_opacity = '1';
|
||
}
|
||
?>
|
||
|
||
<style id="theme_card_effect_css">
|
||
:root {
|
||
--bg-opacity: <?php echo $bg_opacity; ?>;
|
||
--card-opacity: <?php echo $card_opacity; ?>;
|
||
--card-blur: <?php echo $card_blur; ?>px;
|
||
--card-saturate: <?php echo $card_saturate; ?>%;
|
||
--toolbar-blur: <?php echo $toolbar_blur; ?>px;
|
||
--page-background-opacity: <?php echo $bg_opacity; ?>;
|
||
--banner-mask-height: 120px;
|
||
--banner-mask-opacity-top: 0.25;
|
||
--banner-mask-opacity-mid: 0.15;
|
||
--banner-mask-stop-mid: 35%;
|
||
--banner-title-shadow: 0 5px 15px rgba(0, 0, 0, .2);
|
||
}
|
||
</style>
|
||
|
||
<style id="theme_animation_css">
|
||
:root {
|
||
/* 动画时长 - Material 3 规范 */
|
||
--animation-fast: 150ms;
|
||
--animation-normal: 250ms;
|
||
--animation-slow: 400ms;
|
||
/* 缓动函数 - 融合风格：Material 3 标准 + Apple 流畅 + 简约自然 */
|
||
--ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1); /* Apple 风格，更流畅 */
|
||
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* Material 弹性，有活力 */
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
<body <?php body_class(); ?>>
|
||
|
||
<?php /*wp_body_open();*/ ?>
|
||
|
||
<div id="toolbar">
|
||
|
||
<header class="header-global">
|
||
|
||
<nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light bg-primary headroom--not-bottom headroom--not-top headroom--pinned">
|
||
|
||
<div class="container">
|
||
|
||
<button id="open_sidebar" class="navbar-toggler" type="button" aria-expanded="false" aria-label="Toggle sidebar">
|
||
|
||
<span class="navbar-toggler-icon"></span>
|
||
|
||
</button>
|
||
|
||
<div class="navbar-brand mr-0">
|
||
|
||
<?php if (get_option('argon_toolbar_icon') != '') { /*顶栏ICON(如果选项中开启)*/?>
|
||
|
||
<a class="navbar-brand navbar-icon mr-lg-5" href="<?php echo get_option('argon_toolbar_icon_link'); ?>">
|
||
|
||
<img src="<?php echo get_option('argon_toolbar_icon'); ?>">
|
||
|
||
</a>
|
||
|
||
<?php }?>
|
||
|
||
<?php
|
||
|
||
//顶栏标题
|
||
|
||
$toolbar_title = get_option('argon_toolbar_title') == '' ? get_bloginfo('name') : get_option('argon_toolbar_title');
|
||
|
||
if ($toolbar_title == '--hidden--'){
|
||
|
||
$toolbar_title = '';
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<a class="navbar-brand navbar-title" href="<?php bloginfo('url'); ?>"><?php echo $toolbar_title;?></a>
|
||
|
||
</div>
|
||
|
||
<div class="navbar-collapse collapse" id="navbar_global">
|
||
|
||
<div class="navbar-collapse-header">
|
||
|
||
<div class="row" style="display: none;">
|
||
|
||
<div class="col-6 collapse-brand"></div>
|
||
|
||
<div class="col-6 collapse-close">
|
||
|
||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="input-group input-group-alternative">
|
||
|
||
<div class="input-group-prepend">
|
||
|
||
<span class="input-group-text"><i class="fa fa-search"></i></span>
|
||
|
||
</div>
|
||
|
||
<input id="navbar_search_input_mobile" class="form-control" placeholder="搜索什么..." type="text" autocomplete="off">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<?php
|
||
|
||
/*顶栏菜单*/
|
||
|
||
class toolbarMenuWalker extends Walker_Nav_Menu{
|
||
|
||
public function start_lvl( &$output, $depth = 0, $args = array() ) {
|
||
|
||
$indent = str_repeat("\t", $depth);
|
||
|
||
$output .= "\n$indent<div class=\"dropdown-menu\">\n";
|
||
|
||
}
|
||
|
||
public function end_lvl( &$output, $depth = 0, $args = array() ) {
|
||
|
||
$indent = str_repeat("\t", $depth);
|
||
|
||
$output .= "\n$indent</div>\n";
|
||
|
||
}
|
||
|
||
public function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
if ($args -> walker -> has_children == 1){
|
||
|
||
$output .= "\n
|
||
|
||
<li class='nav-item dropdown'>
|
||
|
||
<a href='" . $object -> url . "' class='nav-link' data-toggle='dropdown' no-pjax onclick='return false;' title='" . $object -> description . "'>
|
||
|
||
<i class='ni ni-book-bookmark d-lg-none'></i>
|
||
|
||
<span class='nav-link-inner--text'>" . $object -> title . "</span>
|
||
|
||
</a>";
|
||
|
||
}else{
|
||
|
||
$output .= "\n
|
||
|
||
<li class='nav-item'>
|
||
|
||
<a href='" . $object -> url . "' class='nav-link' target='" . $object -> target . "' title='" . $object -> description . "'>
|
||
|
||
<i class='ni ni-book-bookmark d-lg-none'></i>
|
||
|
||
<span class='nav-link-inner--text'>" . $object -> title . "</span>
|
||
|
||
</a>";
|
||
|
||
}
|
||
|
||
}else if ($depth == 1){
|
||
|
||
$output .= "<a href='" . $object -> url . "' class='dropdown-item' target='" . $object -> target . "' title='" . $object -> description . "'>" . $object -> title . "</a>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
public function end_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
$output .= "\n</li>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
if ( has_nav_menu('toolbar_menu') ){
|
||
|
||
echo "<ul class='navbar-nav navbar-nav-hover align-items-lg-center'>";
|
||
|
||
wp_nav_menu( array(
|
||
|
||
'container' => '',
|
||
|
||
'theme_location' => 'toolbar_menu',
|
||
|
||
'items_wrap' => '%3$s',
|
||
|
||
'depth' => 0,
|
||
|
||
'walker' => new toolbarMenuWalker()
|
||
|
||
) );
|
||
|
||
echo "</ul>";
|
||
|
||
}
|
||
|
||
// 左侧自定义链接
|
||
$toolbar_links_left = get_option('argon_toolbar_links_left', '');
|
||
if (!empty(trim($toolbar_links_left))) {
|
||
echo '<div class="navbar-custom-links navbar-custom-links-left">';
|
||
foreach (explode("\n", $toolbar_links_left) as $line) {
|
||
$line = trim($line);
|
||
if (empty($line)) continue;
|
||
$parts = array_map('trim', explode('|', $line));
|
||
if (!empty($parts[0])) {
|
||
$url = isset($parts[1]) ? $parts[1] : '#';
|
||
$icon = isset($parts[2]) ? '<i class="' . esc_attr($parts[2]) . '"></i>' : '';
|
||
echo '<a href="' . esc_url($url) . '">' . $icon . esc_html($parts[0]) . '</a>';
|
||
}
|
||
}
|
||
echo '</div>';
|
||
}
|
||
|
||
?>
|
||
|
||
<ul class="navbar-nav align-items-lg-center ml-lg-auto">
|
||
|
||
<?php
|
||
// 右侧自定义链接
|
||
$toolbar_links_right = get_option('argon_toolbar_links_right', '');
|
||
if (!empty(trim($toolbar_links_right))) {
|
||
echo '<li class="nav-item"><div class="navbar-custom-links navbar-custom-links-right">';
|
||
foreach (explode("\n", $toolbar_links_right) as $line) {
|
||
$line = trim($line);
|
||
if (empty($line)) continue;
|
||
$parts = array_map('trim', explode('|', $line));
|
||
if (!empty($parts[0])) {
|
||
$url = isset($parts[1]) ? $parts[1] : '#';
|
||
$icon = isset($parts[2]) ? '<i class="' . esc_attr($parts[2]) . '"></i>' : '';
|
||
echo '<a href="' . esc_url($url) . '">' . $icon . esc_html($parts[0]) . '</a>';
|
||
}
|
||
}
|
||
echo '</div></li>';
|
||
}
|
||
?>
|
||
|
||
<li id="navbar_search_container" class="nav-item" data-toggle="modal">
|
||
|
||
<div id="navbar_search_input_container">
|
||
|
||
<div class="input-group input-group-alternative">
|
||
|
||
<div class="input-group-prepend">
|
||
|
||
<span class="input-group-text"><i class="fa fa-search"></i></span>
|
||
|
||
</div>
|
||
|
||
<input id="navbar_search_input" class="form-control" placeholder="<?php _e('搜索什么...', 'argon');?>" type="text" autocomplete="off">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div id="navbar_menu_mask" data-toggle="collapse" data-target="#navbar_global"></div>
|
||
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
||
<span class="navbar-toggler-icon navbar-toggler-searcg-icon"></span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
</header>
|
||
|
||
</div>
|
||
|
||
<div class="modal fade" id="argon_search_modal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
|
||
|
||
<div class="modal-dialog modal-dialog-centered modal-sm" role="document">
|
||
|
||
<div class="modal-content">
|
||
|
||
<div class="modal-header">
|
||
|
||
<h5 class="modal-title"><?php _e('搜索', 'argon');?></h5>
|
||
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
||
<span aria-hidden="true">×</span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
|
||
<?php get_search_form(); ?>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--Banner-->
|
||
|
||
<section id="banner" class="banner section section-lg section-shaped">
|
||
|
||
<div class="shape <?php echo get_option('argon_banner_background_hide_shapes') == 'true' ? '' : 'shape-style-1' ?> <?php echo get_option('argon_banner_background_color_type') == '' ? 'shape-primary' : get_option('argon_banner_background_color_type'); ?>">
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
<span></span>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<?php
|
||
|
||
$banner_title = get_option('argon_banner_title') == '' ? get_bloginfo('name') : get_option('argon_banner_title');
|
||
|
||
$enable_banner_title_typing_effect = get_option('argon_enable_banner_title_typing_effect') != 'true' ? "false" : get_option('argon_enable_banner_title_typing_effect');
|
||
|
||
?>
|
||
|
||
<div id="banner_container" class="banner-container container text-center">
|
||
|
||
<?php if ($enable_banner_title_typing_effect != "true"){?>
|
||
|
||
<div class="banner-title text-white"><span class="banner-title-inner"><?php echo apply_filters('argon_banner_title_html', $banner_title); ?></span>
|
||
|
||
<?php echo get_option('argon_banner_subtitle') == '' ? '' : '<span class="banner-subtitle d-block">' . get_option('argon_banner_subtitle') . '</span>'; ?></div>
|
||
|
||
<?php } else {?>
|
||
|
||
<div class="banner-title text-white" data-interval="<?php echo get_option('argon_banner_typing_effect_interval', 100); ?>"><span data-text="<?php echo $banner_title; ?>" class="banner-title-inner"> </span>
|
||
|
||
<?php echo get_option('argon_banner_subtitle') == '' ? '' : '<span data-text="' . get_option('argon_banner_subtitle') . '" class="banner-subtitle d-block"> </span>'; ?></div>
|
||
|
||
<?php }?>
|
||
|
||
</div>
|
||
|
||
<?php if (get_option('argon_banner_background_url') != '') { ?>
|
||
|
||
<style>
|
||
|
||
section.banner{
|
||
|
||
background-image: url(<?php echo get_banner_background_url(); ?>) !important;
|
||
|
||
}
|
||
|
||
</style>
|
||
|
||
<?php } ?>
|
||
|
||
<?php if ($banner_size == 'fullscreen') { ?>
|
||
|
||
<div class="cover-scroll-down">
|
||
|
||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||
|
||
</div>
|
||
|
||
<?php } ?>
|
||
|
||
</section>
|
||
|
||
|
||
|
||
<?php if (apply_filters('argon_page_background_url', get_option('argon_page_background_url')) != '') { ?>
|
||
|
||
<style>
|
||
|
||
<?php if (get_option('argon_page_background_banner_style', 'false') == 'transparent') { ?>
|
||
|
||
#banner, #banner .shape {
|
||
|
||
background: transparent !important;
|
||
|
||
}
|
||
|
||
<?php } ?>
|
||
|
||
#content:before {
|
||
|
||
content: '';
|
||
|
||
display: block;
|
||
|
||
position: fixed;
|
||
|
||
left: 0;
|
||
|
||
right: 0;
|
||
|
||
top: 0;
|
||
|
||
bottom: 0;
|
||
|
||
z-index: -2;
|
||
|
||
background: url(<?php echo apply_filters('argon_page_background_url', get_option('argon_page_background_url'));?>);
|
||
|
||
background-position: center;
|
||
|
||
background-size: cover;
|
||
|
||
background-repeat: no-repeat;
|
||
opacity: var(--page-background-opacity);
|
||
}
|
||
|
||
html.darkmode #content:before{
|
||
|
||
filter: brightness(0.65);
|
||
|
||
}
|
||
|
||
<?php if (apply_filters('argon_page_background_dark_url', get_option('argon_page_background_dark_url')) != '') { ?>
|
||
|
||
#content:after {
|
||
|
||
content: '';
|
||
|
||
display: block;
|
||
|
||
position: fixed;
|
||
|
||
left: 0;
|
||
|
||
right: 0;
|
||
|
||
top: 0;
|
||
|
||
bottom: 0;
|
||
|
||
z-index: -2;
|
||
|
||
background: url(<?php echo apply_filters('argon_page_background_dark_url', get_option('argon_page_background_dark_url'));?>);
|
||
|
||
background-position: center;
|
||
|
||
background-size: cover;
|
||
|
||
background-repeat: no-repeat;
|
||
|
||
opacity: 0;
|
||
|
||
transition: opacity .5s ease;
|
||
|
||
}
|
||
|
||
html.darkmode #content:after {
|
||
|
||
opacity: var(--page-background-opacity);
|
||
|
||
}
|
||
|
||
html.darkmode #content:before {
|
||
|
||
opacity: 0;
|
||
|
||
}
|
||
|
||
<?php } ?>
|
||
|
||
/* 卡片透明度和毛玻璃效果 - 使用 CSS 变量 */
|
||
<?php
|
||
$post_bg_opacity_inline = get_option('argon_post_background_opacity', '0.7');
|
||
$card_blur_inline = intval(get_option('argon_card_blur', '20'));
|
||
$card_saturate_inline = intval(get_option('argon_card_saturate', '180'));
|
||
|
||
// 如果透明度为空或为1，使用推荐默认值
|
||
if ($post_bg_opacity_inline == '' || $post_bg_opacity_inline == '1') {
|
||
$post_bg_opacity_inline = '0.7';
|
||
}
|
||
?>
|
||
article.post.card,
|
||
#comments.card,
|
||
#post_comment.card,
|
||
.post-navigation.card,
|
||
.related-posts.card,
|
||
.card.bg-white {
|
||
background-color: rgba(255, 255, 255, var(--card-opacity)) !important;
|
||
backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
background-clip: padding-box;
|
||
-webkit-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
position: relative;
|
||
z-index: 0;
|
||
}
|
||
article.post.card .post-content {
|
||
background-color: transparent;
|
||
}
|
||
html.darkmode article.post.card,
|
||
html.darkmode #comments.card,
|
||
html.darkmode #post_comment.card,
|
||
html.darkmode .post-navigation.card,
|
||
html.darkmode .related-posts.card,
|
||
html.darkmode .card.bg-white {
|
||
background-color: rgba(66, 66, 66, var(--card-opacity)) !important;
|
||
}
|
||
#leftbar .card,
|
||
#leftbar_part1,
|
||
#leftbar_part2 {
|
||
backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
}
|
||
|
||
</style>
|
||
|
||
<?php } ?>
|
||
|
||
<!-- 毛玻璃效果 - 独立于背景图片设置（无背景图时也生效） -->
|
||
<?php
|
||
$card_blur_standalone = intval(get_option('argon_card_blur', '20'));
|
||
$card_saturate_standalone = intval(get_option('argon_card_saturate', '180'));
|
||
$post_bg_opacity_standalone = get_option('argon_post_background_opacity', '0.7');
|
||
|
||
// 只有在没有背景图片时才输出毛玻璃样式（有背景图片时上面已经输出了）
|
||
if (apply_filters('argon_page_background_url', get_option('argon_page_background_url')) == ''):
|
||
// 如果透明度为空或为1，使用推荐默认值
|
||
if ($post_bg_opacity_standalone == '' || $post_bg_opacity_standalone == '1') {
|
||
$post_bg_opacity_standalone = '0.7';
|
||
}
|
||
?>
|
||
<style id="theme_blur_css">
|
||
/* 卡片透明度和毛玻璃效果 */
|
||
article.post.card,
|
||
#comments.card,
|
||
#post_comment.card,
|
||
.post-navigation.card,
|
||
.related-posts.card,
|
||
.card.bg-white {
|
||
background-color: rgba(255, 255, 255, var(--card-opacity)) !important;
|
||
backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
background-clip: padding-box;
|
||
-webkit-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
position: relative;
|
||
z-index: 0;
|
||
}
|
||
article.post.card .post-content {
|
||
background-color: transparent;
|
||
}
|
||
html.darkmode article.post.card,
|
||
html.darkmode #comments.card,
|
||
html.darkmode #post_comment.card,
|
||
html.darkmode .post-navigation.card,
|
||
html.darkmode .related-posts.card,
|
||
html.darkmode .card.bg-white {
|
||
background-color: rgba(66, 66, 66, var(--card-opacity)) !important;
|
||
}
|
||
#leftbar .card,
|
||
#leftbar_part1,
|
||
#leftbar_part2 {
|
||
backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||
}
|
||
</style>
|
||
<?php endif; ?>
|
||
|
||
|
||
<?php if (get_option('argon_show_toolbar_mask') == 'true') { ?>
|
||
|
||
<style>
|
||
|
||
#banner:after {
|
||
|
||
content: '';
|
||
|
||
width: 100vw;
|
||
|
||
position: absolute;
|
||
|
||
left: 0;
|
||
|
||
top: 0;
|
||
|
||
height: var(--banner-mask-height);
|
||
|
||
background: linear-gradient(180deg, rgba(0,0,0,var(--banner-mask-opacity-top)) 0%, rgba(0,0,0,var(--banner-mask-opacity-mid)) var(--banner-mask-stop-mid), rgba(0,0,0,0) 100%);
|
||
|
||
display: block;
|
||
|
||
z-index: -1;
|
||
|
||
}
|
||
|
||
.banner-title {
|
||
|
||
text-shadow: var(--banner-title-shadow);
|
||
|
||
}
|
||
|
||
</style>
|
||
|
||
<?php } ?>
|
||
|
||
|
||
|
||
<div id="float_action_buttons" class="float-action-buttons fabtns-unloaded">
|
||
|
||
<button id="fabtn_toggle_sides" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" aria-hidden="true" tooltip-move-to-left="<?php _e('移至左侧', 'argon'); ?>" tooltip-move-to-right="<?php _e('移至右侧', 'argon'); ?>">
|
||
|
||
<span class="btn-inner--icon fabtn-show-on-right"><i class="fa fa-caret-left"></i></span>
|
||
|
||
<span class="btn-inner--icon fabtn-show-on-left"><i class="fa fa-caret-right"></i></span>
|
||
|
||
</button>
|
||
|
||
<button id="fabtn_back_to_top" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" aria-label="Back To Top" tooltip="<?php _e('回到顶部', 'argon'); ?>">
|
||
|
||
<span class="btn-inner--icon"><i class="fa fa-angle-up"></i></span>
|
||
|
||
</button>
|
||
|
||
<button id="fabtn_go_to_comment" class="btn btn-icon btn-neutral fabtn shadow-sm fabtn-hidden" type="button" <?php if (get_option('argon_fab_show_gotocomment_button') != 'true') echo " style='display: none !important;'";?> aria-label="Comment" tooltip="<?php _e('评论', 'argon'); ?>">
|
||
|
||
<span class="btn-inner--icon"><i class="fa fa-comment-o"></i></span>
|
||
|
||
</button>
|
||
|
||
<button id="fabtn_toggle_darkmode" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" <?php if (get_option('argon_fab_show_darkmode_button') != 'true') echo " style='display: none;'";?> aria-label="Toggle Darkmode" tooltip-darkmode="<?php _e('夜间模式', 'argon'); ?>" tooltip-blackmode="<?php _e('暗黑模式', 'argon'); ?>" tooltip-lightmode="<?php _e('日间模式', 'argon'); ?>">
|
||
|
||
<span class="btn-inner--icon"><i class="fa fa-moon-o"></i><i class='fa fa-lightbulb-o'></i></span>
|
||
|
||
</button>
|
||
|
||
<button id="fabtn_toggle_blog_settings_popup" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" <?php if (get_option('argon_fab_show_settings_button') != 'true') echo " style='display: none !important;'";?> aria-label="Open Blog Settings Menu" tooltip="<?php _e('设置', 'argon'); ?>">
|
||
|
||
<span class="btn-inner--icon"><i class="fa fa-cog"></i></span>
|
||
|
||
</button>
|
||
|
||
<div id="fabtn_blog_settings_popup" class="card shadow-sm" style="opacity: 0;" aria-hidden="true">
|
||
|
||
<div id="close_blog_settings"><i class="fa fa-close"></i></div>
|
||
|
||
<div class="blog-setting-item mt-3">
|
||
|
||
<div style="transform: translateY(-4px);"><div id="blog_setting_toggle_darkmode_and_amoledarkmode" tooltip-switch-to-darkmode="<?php _e('切换到夜间模式', 'argon'); ?>" tooltip-switch-to-blackmode="<?php _e('切换到暗黑模式', 'argon'); ?>"><span><?php _e('夜间模式', 'argon');?></span><span><?php _e('暗黑模式', 'argon');?></span></div></div>
|
||
|
||
<div style="flex: 1;"></div>
|
||
|
||
<label id="blog_setting_darkmode_switch" class="custom-toggle">
|
||
|
||
<span class="custom-toggle-slider rounded-circle"></span>
|
||
|
||
</label>
|
||
|
||
</div>
|
||
|
||
<div class="blog-setting-item mt-3">
|
||
|
||
<div style="flex: 1;"><?php _e('字体', 'argon');?></div>
|
||
|
||
<div>
|
||
|
||
<button id="blog_setting_font_sans_serif" type="button" class="blog-setting-font btn btn-outline-primary blog-setting-selector-left">Sans Serif</button><button id="blog_setting_font_serif" type="button" class="blog-setting-font btn btn-outline-primary blog-setting-selector-right">Serif</button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-setting-item mt-3">
|
||
|
||
<div style="flex: 1;"><?php _e('阴影', 'argon');?></div>
|
||
|
||
<div>
|
||
|
||
<button id="blog_setting_shadow_small" type="button" class="blog-setting-shadow btn btn-outline-primary blog-setting-selector-left"><?php _e('浅阴影', 'argon');?></button><button id="blog_setting_shadow_big" type="button" class="blog-setting-shadow btn btn-outline-primary blog-setting-selector-right"><?php _e('深阴影', 'argon');?></button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-setting-item mt-3 mb-3">
|
||
|
||
<div style="flex: 1;"><?php _e('滤镜', 'argon');?></div>
|
||
|
||
<div id="blog_setting_filters" class="ml-3">
|
||
|
||
<button id="blog_setting_filter_off" type="button" class="blog-setting-filter-btn ml-0" filter-name="off"><?php _e('关闭', 'argon');?></button>
|
||
|
||
<button id="blog_setting_filter_sunset" type="button" class="blog-setting-filter-btn" filter-name="sunset"><?php _e('日落', 'argon');?></button>
|
||
|
||
<button id="blog_setting_filter_darkness" type="button" class="blog-setting-filter-btn" filter-name="darkness"><?php _e('暗化', 'argon');?></button>
|
||
|
||
<button id="blog_setting_filter_grayscale" type="button" class="blog-setting-filter-btn" filter-name="grayscale"><?php _e('灰度', 'argon');?></button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-setting-item mt-3 mb-3">
|
||
|
||
<div style="flex: 1;"><?php _e('风格', 'argon');?></div>
|
||
|
||
<div id="blog_setting_styles" class="ml-3">
|
||
|
||
<button type="button" class="blog-setting-style-btn ml-0" style-name="default"><?php _e('默认', 'argon');?></button>
|
||
|
||
<button type="button" class="blog-setting-style-btn" style-name="glass"><?php _e('玻璃', 'argon');?></button>
|
||
|
||
<button type="button" class="blog-setting-style-btn" style-name="neumorphism"><?php _e('新拟态', 'argon');?></button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-setting-item mb-3">
|
||
|
||
<div id="blog_setting_card_radius_to_default" style="cursor: pointer;" tooltip="<?php _e('恢复默认', 'argon'); ?>"><?php _e('圆角', 'argon');?></div>
|
||
|
||
<div style="flex: 1;margin-left: 20px;margin-right: 8px;transform: translateY(2px);">
|
||
|
||
<div id="blog_setting_card_radius"></div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<?php if (get_option('argon_show_customize_theme_color_picker') != 'false') {?>
|
||
|
||
<div class="blog-setting-item mt-1 mb-3">
|
||
|
||
<div style="flex: 1;"><?php _e('主题色', 'argon');?></div>
|
||
|
||
<div id="theme-color-picker" class="ml-3"></div>
|
||
|
||
</div>
|
||
|
||
<?php }?>
|
||
|
||
</div>
|
||
|
||
<button id="fabtn_reading_progress" class="btn btn-icon btn-neutral fabtn shadow-sm" type="button" aria-hidden="true" tooltip="<?php _e('阅读进度', 'argon'); ?>">
|
||
|
||
<div id="fabtn_reading_progress_bar" style="width: 0%;"></div>
|
||
|
||
<span id="fabtn_reading_progress_details">0%</span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div id="content" class="site-content">
|
||
|