- 1.加入AdsPlugin 对广告进行集中管理,具体用法参考【测试Typecho广告插件对Google Adsense的效果记录】。
- 2.对index.php, post.php, sidebar.php进行更新,把手动代码换成AdsPlugin 广告插件的应用代码
-2022.12.11
在post.php | page.php 添加 最后修改时间,位置如下:
找到
<li class="iconfont icon-yanjing" title="文章阅读"> <?php Postviews($this); ?></li>
直接在后面添加:
<li class="iconfont icon-rili" title="最后修改"> 最后修改: <?php echo date('Y年m月d日', $this->modified); ?>
-2021.3.29
利用插件生成网站sitemap.xml。
-2021.3.25
发现主题显示的代码块过小,高度被限定在350px,在控制台 -> 外观 -> 设置外观 -> 自定义外观css中,加入:
pre {max-height: 850px;}
修改代码块的最大高度为850px;
-2021.3.23
由于原主题的Prism 只支持以下几种语言,是最小的包。
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+ini+markup-templating+php&plugins=line-numbers */
并不支持yaml,docker,java,shell等,去https://prismjs.com/download.html
下载需要的语言,并给网站主题换了新的Prism的JS和CSS文件,复制主题原文件即可
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+docker+ini+java+markup-templating+nginx+php+shell-session+yaml&plugins=line-numbers */
-2021.3.20 给网站增加纯链接的sitemap便于蜘蛛爬行,sitemap地址: sitemap.html
详细的使用方法,跳转:给Typecho创建简单的sitemap
-2021.03.26
找到phost.php, 在返回首页
的代码前加入 广告代码:
<li class="iconfont icon-yanjing" title="文章阅读"> <?php Postviews($this); ?></li>
</ul>
</div>
<?php //-----我的广告开始------?>
<div class="post-mianbao"></div>
<?php //-----我的广告结束------?>
<?php if (!empty($this->options->Breadcrumbs) && in_array('Postshow', $this->options->Breadcrumbs)): ?>
<div class="breadcrumbs post-mianbao iconfont icon-shouye">
<a href="<?php $this->options->siteUrl(); ?>">返回首页</a> » <?php $this->category(); ?> » <?php if (!empty($this->options->Breadcrumbs) && in_array('Text', $this->options->Breadcrumbs)): ?>正文<?php else: $this->title(); endif; ?>
</div>
<?php endif; ?>
-2021.3.19 给网站加入google adsense 广告, 防止帐号没展示被 意外停掉。
1.“index.php“
<?php while($this->next()): ?>
前面加入
<?php #我添加的广告开始?>
<article class="post liebiao">
<div class="post-content ">
<?php AdsPlugin_Plugin::output('adsense_zctou_header_index'); ?>
</div>
</article>
<?php #我添加的广告结束?>
2.“sidebar.php“
<?php if (!empty($this->options->sidebarBlock) && in_array('ShowTag', $this->options->sidebarBlock)): ?>
<section class="widget">
<div class="widget-title iconfont icon-biaoqian"> 标签</div>
找到标签的 section 标签,在标签前加入:
<?php #我添加的广告开始?>
<section class="widget">
<div class="widget-title iconfont icon-shezhi"> 广告</div>
<?php AdsPlugin_Plugin::output('adsense_zctou_sidebar'); ?>
</section>
<?php #我添加的广告结束?>
3.“function.php“
A. 找到 themeInit 函数,加入后面的 adsense 广告js。
function themeInit($archive) { $options = Helper::options(); $options->commentsAntiSpam = false; if ($options->PjaxOption || FindContents('page-whisper.php', 'commentsNum', 'd')) { $options->commentsOrder = 'DESC'; $options->commentsPageDisplay = 'first'; } if ($archive->is('single')) { $archive->content = hrefOpen($archive->content); if ($options->AttUrlReplace) { $archive->content = UrlReplace($archive->content); } if ($archive->fields->catalog) { $archive->content = createCatalog($archive->content); } } if ($options->duanma) { require_once __DIR__ . '/shortcode.php'; } $comment = spam_protection_pre($comment, $post, $result); // 后加的判断是否是文章,如果是就插入广告 $ad_code = '<div></div>'; if ($archive->is('post')) { $archive->content = prefix_insert_after_paragraph( $ad_code, 2, $archive->content );; } }
B. 拉到function最后面,加入调用广告的函数
// 插入广告所需的功能代码 function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) { $closing_p = '</p>'; $paragraphs = explode( $closing_p, $content ); foreach ($paragraphs as $index => $paragraph) { if ( trim( $paragraph ) ) { $paragraphs[$index] .= $closing_p; } if ( $paragraph_id == $index + 1 ) { $paragraphs[$index] .= $insertion; } } return implode( '', $paragraphs ); }
-2021.3.18 网站环境由一键lnmp 换成 centos8 下的 docker + nginx + php7 +mysql5.7,全部容易快速部署。
-2021.2.15 网站CMS 从 wordpress 变更为 Typecho
小修改
- 网站地址更改:
http://zctou.com/
-->http://www.zcotu.com/
- 网站主题选取:Initial plus
为防止阵雨兄博客意外打不开,
备份主题的主要用法便于查找:跳转 Initial Plus功能演示
-2019年以前的更新,当时博客所用的 CMS为 wordpress ,一切更新修改皆以wordpress 为基础。
2019.4.2 增加输入密码可看内容功能
1.首先在主题functions.php
文件中添加下面代码。
//部分内容输入密码可见
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
return '
<div class="e-secret">'.$content.'</div>
';
}
else{
return '
<form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret"><label>输入密码查看加密内容:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="50"><input type="submit" class="euc-y-s" value="确定">
<div class="euc-clear"></div>
</form>
';
}
}
add_shortcode('secret','e_secret');
2.在自己主题style.css
样式文件里添加下面代码。
/*e-secret*/
.e-secret {
margin: 20px 0;
padding: 20px;
background: #f8f8f8;
}
.e-secret input.euc-y-i[type="password"] {
float: left;
background: #fff;
width: 100%;
line-height: 36px;
margin-top: 5px;
border-radius: 3px;
}
.e-secret input.euc-y-s[type="submit"] {
float: right;
margin-top: -47px;
width: 30%;
margin-right: 1px;
border-radius: 0 3px 3px 0;
}
input.euc-y-s[type="submit"]{background-color:#3498db;color:#fff;font-size:21px;box-shadow:none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding: 13px 20px;text-align: center;border-radius: 50px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border: 0;height: auto;outline: medium;line-height: 20px;margin: 0;}
input.euc-y-s[type="submit"]:hover{background-color:#5dade2;}
input.euc-y-i[type="text"],input.euc-y-i[type="password"]{border:1px solid #F2EFEF;color:#777;display:block;background: #FCFCFC;font-size:18px;transition:all .5s ease 0;outline:0;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;padding:5px 16px; margin: 0;height: auto;line-height: 30px;}
input.euc-y-i[type="text"]:hover,input.euc-y-i[type="password"]:hover{border:1px solid #56b4ef;box-shadow:0 0 4px #56b4ef;}
- 如何实现?在编辑文章是使用短码包围要隐藏的内容,如下即可。
[secret key="密码"]
加密内容
[/secret]
header.php
中添加
<script type="text/javascript"> jQuery(document).ready(function(jQuery) { jQuery('.collapseButton').click(function() { jQuery(this).parent().parent().find('.xContent').slideToggle('slow'); }); });
function.php
中添加
//展开收缩功能
function xcollapse($atts, $content = null){
extract(shortcode_atts(array("title"=>""),$atts)); return '<div style="margin: 0.5em 0;"> <div class="xControl"> <span class="xTitle">'.$title.'</span> <a href="javascript:void(0)" class="collapseButton xButton">展开/收缩</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;">'.$content.'</div> </div>'; }
add_shortcode('collapse', 'xcollapse');
style.css
中 添加
.xControl {
padding-left: 32px;
}
使用方法: [collapse title=”标题”]需点击展开的内容[/collapse],更详细内容,阅读:http://zctou.com/?p=1939
2018.03.01 修改顶部菜单和主导航菜单
分别添加主菜单和导航菜单并选择相应的选项,显示效果如下图2
顶部菜单,就是日期所在行,主菜单为“首页”所在位置:
评论关闭