TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱

给typecho加一个每日心情/时光机/说说

2019-03-21
/
5 评论
/
3,948 阅读
/
正在检测是否收录...
03/21

前而言之

在找主题的时候发现有一款handsome的主题特别的好看,特别是主题里的音乐播放器和时光机功能。很想在自己的博客上也实现这样的功能,奈何该主题是收费版,加上本人对代码、插件、主题的制作和修改是一窍不通,所以无奈只能在百度上搜索下有关[时光机]的插件,结果还真被找到了,很是高兴,于是便安装试试。结果是安装成功了,可是无奈和我的主题不搭,不是很美观我只能忍痛割爱(对代码真的是一窍不通),继续寻找...
这里放出[时光机]插件出处,有兴趣的朋友可以去弄弄——时光机传送门

继续寻找

继续在百度里找到一个添加[说说]的方式,不需要插件,于是我按照上面的步骤操作,还真的实现了——点我看本站效果
这里放上出处链接,有兴趣的朋友可以去弄弄——说说传送门

修改部分

本人在原作者的说说页面基础了加了文章内容页的前台显示,然后以下是本人的修改内容(详细了操作过程)

食用方法

首先在当前主题下面建立一个新的页面文件,例如“page-talk.php”
先写一个开头,这是我的开头,各模板请仿照。(只要不引入文章页面就好了)

<?php
 /**
 * 归档页面 心情列表
 * 
 * @package custom
 */
 ?>
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 <?php $this->need('header.php'); ?>

我修改的地方(原文没有的,大家不添加这块也可以),接着把文章内容部分放在上面代码的下面(由于不同主题文章内容页不一样,请自行选择)

<div id="main" class="col-mb-12 col-8 col-offset-2">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
    <div class="post-header">
        <h3 class="post-title">我的心情</a></h3>
    <div class="post-body">
        <div class="post-content">
            <?php $this->content(); ?>
        </div>

接着把评论页面(comments.php)的全部代码复制进去(emm我就是这样,因为自身评论样式好看,如果你想要别的样式可以直接重写页面)

然后找到评论框的div,把评论框里的内容全部放入下面两个代码之间(应该说是用下面两个代码把评论框框起来)

<?php if($this->user->hasLogin()): ?>

<?php endif ; ?>

中间放评论框
然后我的<?php if($this->user->hasLogin()): ?>代码是放在<span id="new-response">前面
<?php endif ; ?>代码是放在<?php else: ?>前面(由于主题不一样,放的位置也不一样,请自行放置)

最后总结

也没啥可总结的,有问题的话可以问以上原作者,哈哈!

美化主题
朗读
赞(0)
版权属于:

老狮的梦

本文链接:

https://laolion.com/archives/249.html(转载时请注明本文出处及文章链接)

评论 (5)
  1. Artitalk 作者
    Windows 10 · Google Chrome

    这里推荐一下Artitalk,虽然是html和js,但是可以在typecho中嵌入,效果还不错,可以尝试一下2333
    :mrgreen:

    2020-06-10 回复
    1. 老狮 作者
      Windows 7 · Google Chrome
      @Artitalk

      很不错的想法,非常NICE

      2020-06-11 回复
      1. Uncle_drew 作者
        Android · Google Chrome
        @老狮

        :wink:

        2020-06-11 回复
  2. 九日 作者
    Android Oreo · Google Chrome

    当时只试了yodu主题,现在看来思路方法是对的,框起来就完事

    2019-03-24 回复
    1. 永远爱你 作者
      Windows 10 · Google Chrome
      @九日

      感谢大佬的技术支持!

      2019-03-25 回复

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月