共计 1189 个字符,预计需要花费 3 分钟才能阅读完成。
最近浏览学习了很多博客,看到有一个小游戏页面挺好玩的,音乐向对我吸引力太大了,原网站来自于日本的作者 Nyan Cat ,那就开始植入到咱们的站点吧!
1.查找源代码,运行
找源码还是很简单的,github已经有大佬进行了汉化
直接download搞到自己服务器部署,nginx配置地址 ,然后访问就可以成功运行了
2.PUOCK创建新的页面
后台管理页面-页面-新页面-添加自定义HTML ,copy进去下方代码
<div style="width: 100%; margin: auto;">
<iframe
src="{你部署地址}"
width="100%"
height="500"
style="border: none; border-radius: 16px; box-shadow: 0 2px 24px #0003;"
allowfullscreen
allow="autoplay"
referrerpolicy="no-referrer"
></iframe>
</div>
3.添加一个干净的模版,以后也能复用
当然就此我以为要大功告成了,一预览,怎么这么不沉浸,主题默认页面模版的小部件太多了,我本身是想通过JS进行hide的,又转念一想,他们这个模版是怎么添加的呢,然后搜了一下源码/puock/pages下配置的都是默认模版,copy一份 修改修改,ok,一个只有页眉页脚的干净模版就出来了,然后到页面-选择你添加html代码的页面-快速编辑-模版选择干净模版,完成收工。
<?php
/*
Template Name: 干净模版
*/
get_header();
?>
<div id="page" class="container mt20">
<?php get_template_part('templates/box', 'global-top') ?>
<?php echo pk_breadcrumbs();?>
<div id="page-archives">
<div id="page-<?php the_ID() ?>" class="w-100">
<div id="posts" class="<?php pk_open_box_animated('animated fadeInLeft') ?> ">
<div class="p-block puock-text">
<div class="<?php get_entry_content_class() ?> mb15">
<?php the_content(); ?>
</div>
</div>
<?php comments_template() ?>
</div>
</div>
</div>
<?php get_template_part('templates/box', 'global-bottom') ?>
</div>
<?php get_footer() ?>
正文完