puo's学习园地

快讯

• 移植主题TwentyTwelve-typecho主题

  这个是我很喜欢的 Twenty Twelve2012mtr 之前帮Jclyn修改个主题，呐，这个暂且不提。反正因为这个我装了下WordPress，解压出来14M让我稍微汗颜了一下，呐，这个也暂且不提。总之就是装了WordPress之后发现新版自带的默认主题好好看哇！然后我就当机立断毫不犹豫地准备抄袭移植到Typecho上来了。 在跟各种神奇的DOM大干一场之后，抄袭移植就基本完成了。话说这回CSS什么的是赤果果的拷贝引用原主题的呢，所以原主题的响应式设计也非常完备的给继承了下来，不过总共35KB的CSS文件，让人不禁捏把汗啊，果然WordPress有着整体变大的趋势。至于别的什么特性我也不大清楚啦，有就有啦，木有的话大家就凑合着用吧[揉脸]。 页面预览： 目前已经更新至1.1版，修复了IE8以下被识别成小屏幕分辨率样式的问题。 目前已经更新至1.2版，修复了评论回复点击回复需要重新载入页面的问题，如果使用此版还会出现重新载入现象的同学可以考虑在</body>之前加入<script type=“text/javascript” src=“https://imnerd.org/usr/themes/twentytwelve/js/comment.js"&gt;&lt;/script> 下载地址：1.2版下载地址 | 1.1版下载地址 | 1.0版下载地址
  3小时前

• wordpress 微语，说说代码

  在WordPress中，如果想要添加类似微博或微语的功能，可以通过自定义开发或使用插件实现。下面我将从代码实现和插件推荐两个角度进行详细说明。 一、通过代码添加微语/说说功能 如果你希望完全自定义开发，可以通过在主题中添加代码实现类似微博的“微语”功能。以下是具体的实现步骤： 1. 添加自定义文章类型 首先，你需要在主题的functions.php文件中注册一个新的文章类型，用于发布“微语”内容。添加以下代码： // 注册微语自定义文章类型 add_action('init', 'create_shuoshuo_post_type'); function create_shuoshuo_post_type() { $labels = array( 'name' => '微语', 'singular_name' => '微语', 'add_new' => '添加微语', 'add_new_item' => '添加一条微语', 'edit_item' => '编辑微语', 'new_item' => '新微语', 'view_item' => '查看微语', 'search_items' => '搜索微语', 'not_found' => '没有找到微语', 'not_found_in_trash' => '垃圾箱中没有微语', 'menu_name' => '微语' ); $args = array( 'labels' => $labels, 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'show_in_menu' => true, 'query_var' => true, 'rewrite' => array('slug' => 'shuoshuo'), 'capability_type' => 'post', 'has_archive' => true, 'hierarchical' => false, 'menu_position' => null, 'supports' => array('title', 'editor', 'author', 'date') ); register_post_type('shuoshuo', $args); } 这段代码会在WordPress后台注册一个新的文章类型，名为“微语”，你可以在后台“微语”菜单下添加、编辑微语内容。 2. 创建微语展示页面模板 接下来，创建一个名为shuoshuo.php的页面模板文件，并添加以下代码： <?php /* Template Name: 微语页面 */ get_header(); ?> <div id="primary" class="content-area"> <main id="main" class="site-main"> <h1>微语</h1> <ul class="shuoshuo-list"> <?php $args = array( 'post_type' => 'shuoshuo', 'posts_per_page' => 10 ); $query = new WP_Query($args); if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); ?> <li class="shuoshuo-item"> <div class="shuoshuo-content"> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <div class="entry-content"><?php the_content(); ?></div> <div class="entry-meta"><?php the_date(); ?></div> </div> </li> <?php endwhile; else : echo '<p>暂无微语。</p>'; endif; wp_reset_postdata(); ?> </ul> </main> </div> <?php get_footer(); ?> 这段代码会展示所有“微语”类型的文章，并在前台显示为一个列表。 3. 添加CSS样式 为了美化微语的展示效果，可以在主题的style.css文件中添加以下CSS样式： .shuoshuo-list { list-style: none; padding: 0; } .shuoshuo-item { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } .shuoshuo-content { font-size: 16px; line-height: 1.5; } .entry-meta { margin-top: 10px; color: #999; } 这样，你就成功地在WordPress中添加了一个微语功能，可以像微博一样发布短语或简短的内容。 二、使用插件实现微语/微博功能 如果你不想通过代码实现，也可以使用现成的插件来添加微语功能。以下是几个推荐的插件： 1. Social Media Feeds 功能特点：这个插件可以将社交媒体（如微博、Twitter、Facebook等）的动态集成到WordPress网站中，展示为一个微语或微博风格的页面。 适用场景：如果你已经有一个微博账号，可以使用此插件将微博动态直接展示在WordPress网站上。 安装方法： 登录WordPress后台，点击“插件” > “添加新插件”。 搜索“Social Media Feeds”并点击“安装”。 激活插件后，进入“设置” > “Social Media Feeds”配置你的微博账号。 插件会自动抓取微博内容，并在前端展示为一个动态列表。 2. WP Microblog 功能特点：这是一个专门为WordPress设计的微语插件，允许用户在网站上发布短语、图片、链接等内容，类似于微博。 适用场景：如果你希望在网站上独立运行一个微语功能，而不是集成外部微博，这个插件是一个不错的选择。 安装方法： 登录WordPress后台，点击“插件” > “添加新插件”。 搜索“WP Microblog”并点击“安装”。 激活插件后，进入“设置” > “WP Microblog”进行配置。 插件会在后台提供一个“微语”菜单，你可以直接发布和管理微语内容。 3. Microblog for WordPress 功能特点：这个插件提供了一个简单的微语功能，支持发布短文本、图片、链接等内容，并可以设置自动发布到社交媒体。 适用场景：如果你希望将微语内容同步到微博、Twitter等平台，这个插件非常方便。 安装方法： 登录WordPress后台，点击“插件” > “添加新插件”。 搜索“Microblog for WordPress”并点击“安装”。 激活插件后，进入“设置” > “Microblog for WordPress”进行配置。 插件会在后台提供一个“微语”菜单，你可以直接发布和管理微语内容。 三、总结 在WordPress中添加微语或微博功能有多种方式： 代码实现：通过自定义文章类型和模板文件，可以完全控制微语的展示和功能，适合有开发经验的用户。 插件实现：使用现成的插件可以快速添加微语功能，适合希望快速搭建的用户。 根据你的需求和技术水平，可以选择合适的方法来实现微语功能。
  4小时前

• typecho-reborn仿微信主题

  主题特性

  • 支持文章、说说两种内容形式：首页部分，说说以内容试行展示，文章则以朋友圈分享内容的形式展示；详情页部分，说说以朋友圈内容形式展示，文章则以公众号文章形式展示
  • 内容点赞：文章、说说、评论均支持点赞，同时若用户在站点存在评论缓存数据，会记录该用户的点赞信息，展示为点赞清单
  • 深色模式支持：深浅模式一键丝滑切换，默认模式为跟随当前用户系统深浅模式，同时切换后使用sessionStorage进行存储，关闭浏览器后销毁
  • markdown编辑器接入，主题自带markdown编辑器，使用了开源的Editor.md编辑器
  • 支持说说九图，并添加灯箱支持
  • 代码高亮，同时支持深浅模式切换、收缩&展开、一键复制
  • 评论表情包，接入微信、bilibili表情包，暂时没放太多其它的因为感觉好像没啥必要~
  • 文章内容支持回复可见
  • 根据文章内容标题自动生成文章目录
  • 主题个性化配置：为了提高大家的个性化，主题提供了多项自定义配置供大家使用
  • 良好的SEO配置，每篇文章均支持自定义关键词与描述，同时自带sitemap

  项目地址：reborn 一款仿微信typecho主题，主题来自（https://shawnzeng.com/archives/30/）  
  4小时前

• Typecho常用统计

  一些常用统计

  • <?php Typecho_Widget::widget('Widget_Stat')->to($stat); ?>
  • 文章总数：<?php $stat->publishedPostsNum() ?>篇
  • 分类总数：<?php $stat->categoriesNum() ?>个
  • 评论总数：<?php $stat->publishedCommentsNum() ?>条
  • 页面总数：<?php $stat->publishedPagesNum() ?>个
  • 当前作者的文章总数：<?php $stat->myPublishedPostsNum() ?>篇

  详细具体参数如下

  描述来自源码注释，不是特别清晰，有空我会重新梳理下

  说明	代码
  获取已发布的文章数目	publishedPostsNum
  获取待审核的文章数目	waitingPostsNum
  获取草稿文章数目	draftPostsNum
  获取当前用户已发布的文章数目	myPublishedPostsNum
  获取当前用户待审核文章数目	myWaitingPostsNum
  获取当前用户草稿文章数目	myDraftPostsNum
  获取当前用户已发布的文章数目	currentPublishedPostsNum
  获取当前用户待审核文章数目	currentWaitingPostsNum
  获取当前用户草稿文章数目	currentDraftPostsNum
  获取已发布页面数目	publishedPagesNum
  获取草稿页面数目	draftPagesNum
  获取当前显示的评论数目	publishedCommentsNum
  获取当前待审核的评论数目	waitingCommentsNum
  获取当前垃圾评论数目	spamCommentsNum
  获取当前用户显示的评论数目	myPublishedCommentsNum
  获取当前用户显示的评论数目	myWaitingCommentsNum
  获取当前用户显示的评论数目	mySpamCommentsNum
  获取当前文章的评论数目	currentCommentsNum
  获取当前文章显示的评论数目	currentPublishedCommentsNum
  获取当前文章显示的评论数目	currentWaitingCommentsNum
  获取当前文章显示的评论数目	currentSpamCommentsNum
  获取分类数目	categoriesNum

  该统计函数来自源码typecho/var/Widget/Stat.php中
  4小时前

• WordPressToTypecho

  WordpressToTypecho

  将Wordpress数据库中的数据转换为Typecho。(就是typecho官网的插件，不过官网那个测试有点问题，下了github的版本测试没有问题，同时我也简单优化了下界面，为了做区分版本号我写成了1.0.4) https://www.123pan.com/s/mLabVv-n8yEh.html
  4小时前

• typecho主题预览-ThemeDemo

  ThemeDemo

  插件启动后，URL后面添加 ?theme={主题目录}即可对目标主题进行预览。 ?theme=这样为空则删除cookie，恢复默认主题。 https://pan.quark.cn/s/3411722cd8de#/list/share   我的链接：https://pan.quark.cn/s/11e0a49d2dd1
  4小时前