Your Name
6d4368fbd1
Features: - Modern UI with dark mode support - Code highlighting with copy button - Auto table of contents - Reading time & views counter - Responsive design - Admin settings page - AJAX search
84 lines
4.1 KiB
PHP
Executable File
84 lines
4.1 KiB
PHP
Executable File
<?php
|
|
/**
|
|
* 404 Template
|
|
*
|
|
* @package TechBlog Pro
|
|
*/
|
|
|
|
get_header();
|
|
?>
|
|
|
|
<article class="post-card" style="text-align: center; padding: 80px 20px;">
|
|
<div style="font-size: 6rem; margin-bottom: 24px;">🚀</div>
|
|
<h1 class="post-title" style="font-size: 2rem; margin-bottom: 16px;">404</h1>
|
|
<h2 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 16px;">页面未找到</h2>
|
|
<div class="post-excerpt" style="max-width: 480px; margin: 0 auto;">
|
|
<p>抱歉，您访问的页面不存在。可能已被移动或删除。</p>
|
|
</div>
|
|
|
|
<div style="margin-top: 32px; display: flex; justify-content: center; gap: 16px;">
|
|
<a href="<?php echo esc_url(home_url('/')); ?>"
|
|
style="display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--primary-color); color: white; border-radius: 8px; font-weight: 600;">
|
|
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>
|
|
<polyline points="9 22 9 12 15 12 15 22"/>
|
|
</svg>
|
|
返回首页
|
|
</a>
|
|
<button onclick="history.back()"
|
|
style="display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 8px; font-weight: 600; cursor: pointer;">
|
|
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2">
|
|
<line x1="19" y1="12" x2="5" y2="12"/>
|
|
<polyline points="12 19 5 12 12 5"/>
|
|
</svg>
|
|
返回上页
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Search Box -->
|
|
<div style="margin-top: 48px; max-width: 400px; margin-left: auto; margin-right: auto;">
|
|
<p style="margin-bottom: 16px; color: var(--text-muted);">或者搜索您想要的内容：</p>
|
|
<form role="search" method="get" action="<?php echo esc_url(home_url('/')); ?>">
|
|
<div style="display: flex; gap: 8px;">
|
|
<input type="search" name="s" placeholder="搜索文章..."
|
|
style="flex: 1; padding: 12px 16px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 1rem; background: var(--bg-primary); color: var(--text-primary);">
|
|
<button type="submit"
|
|
style="padding: 12px 20px; background: var(--primary-color); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer;">
|
|
搜索
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Recent Posts -->
|
|
<div style="margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border-color);">
|
|
<h3 style="font-size: 1rem; font-weight: 600; margin-bottom: 20px; color: var(--text-muted);">📖 最近发布的文章</h3>
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; max-width: 640px; margin: 0 auto;">
|
|
<?php
|
|
$recent = new WP_Query(array(
|
|
'posts_per_page' => 3,
|
|
'post_status' => 'publish',
|
|
));
|
|
if ($recent->have_posts()) :
|
|
while ($recent->have_posts()) : $recent->the_post();
|
|
?>
|
|
<a href="<?php the_permalink(); ?>"
|
|
style="padding: 16px; background: var(--bg-secondary); border-radius: 8px; text-align: left; border: 1px solid var(--border-color);">
|
|
<div style="font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 8px;">
|
|
<?php echo get_the_date('Y-m-d'); ?>
|
|
</div>
|
|
<div style="font-weight: 500; color: var(--text-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">
|
|
<?php the_title(); ?>
|
|
</div>
|
|
</a>
|
|
<?php
|
|
endwhile;
|
|
wp_reset_postdata();
|
|
endif;
|
|
?>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<?php get_footer(); ?>
|