Puock 添加mikutap

82次阅读
没有评论

共计 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() ?>

正文完
 0
grbox
版权声明:本站原创文章,由 grbox 于2025-07-04发表,共计1189字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码