TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

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

老狮博主
2019-03-21
/
8 评论
/
7,387 阅读
/
618 个字
/
百度已收录
03/21
本文最后更新于2020年11月26日,已超过330天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

前而言之

在找主题的时候发现有一款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: ?>前面(由于主题不一样,放的位置也不一样,请自行放置)

最后总结

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

美化主题
朗读
赞(8)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

老狮的梦

本文链接:

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

评论 (8)
  1. Hrlni 闲逛
    Windows 10 · Google Chrome

    原作者的链接打不开了,看不懂博主写的 我也用的Joe主题 能否具体 出一篇文章哇

    2021-04-16 回复
    1. 老狮 博主
      Android Pie · QQ Browser
      @Hrlni

      Joe主题自带说说功能,新建页面,模板选择说说即可。

      2021-04-17 回复
      1. Hrlni 闲逛
        Windows 10 · Google Chrome
        @老狮

        新版的没有哇,没有说说功能

        2021-04-17 回复
  2. 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 回复
  3. 九日 闲逛
    Android Oreo · Google Chrome

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

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

      感谢大佬的技术支持!

      2019-03-25 回复

互动读者

  • 老狮博主

    评论 4 次 | 文章 335 篇

  • 那些年闲逛

    评论 2 次 | 文章 0 篇

  • 思楠闲逛

    评论 2 次 | 文章 0 篇

  • 南瓜闲逛

    评论 2 次 | 文章 0 篇

标签云