Sinner主题美化

博主：阿七
发布时间：2022 年 07 月 08 日
39 次浏览
暂无评论
396字数
分类： Typecho 网站开发

##首页一排显示6张图片：
`index.php`文件115行（2，4，8分别对应手机端，平板端 电脑端）

```php
$cols="grid-cols-2 sm:grid-cols-4 xl:grid-cols-8";
改成
$cols="grid-cols-2 sm:grid-cols-4 xl:grid-cols-6";
```

123行

```php
else{$sl=$slm*8;}
改成
else{$sl=$slm*6;}
```

##文章页一排显示6张图片：
`archive.php`文件26行

```php
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 xl:grid-cols-8 gap-4">
改成
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 xl:grid-cols-6 gap-4">
```

##文章页最大宽度：
`post.php`文件6行

```php
<div class="max-w-screen-lg w-full mx-auto py-4 dark:text-white"<?php if($this->is('post')): ?>
改为
<div class="w-full mx-auto py-4 dark:text-white"<?php if($this->is('post')): ?>
```

##赞，分享，赏
`post.php`文件
删除

```php
<div class="absolute bottom-0 left-0 right-0 py-6 md:py-0 md:static text-center text-gray-700 mt-6 dark:text-gray-200">

<a href="javascript:;" x-ref="like" @click="like($refs.like)" data-action="like" data-id="<?php $this->cid(); ?>"  class="btn-like mx-3 w-14 h-14 inline-block justify-center px-2 py-2 text-sm font-medium transition-colors duration-150 bg-gray-100 border border-transparent rounded-full dark:bg-gray-800">
        <span>
<i class="text-xl sui-Heart mx-auto block"></i>
            <small class="like-count font-theme text-xs" x-text="likenum"></small>
        </span>
    </a>
            <a href="javascript:;" x-ref="share" @click="share()" class="btn-share-toggler mx-3 w-14 h-14 inline-block justify-center px-2 py-2 text-sm font-medium transition-colors duration-150 bg-gray-100 border border-transparent rounded-full dark:bg-gray-800">
        <span>
<i class="text-xl sui-fenxinag mx-auto block"></i>
            <small class="share-count font-theme text-xs" x-text="sharenum"></small>
        </span>
    </a>
</div>
```

```php
<div class="text-center text-gray-700 mt-12 dark:text-gray-200">

<a href="javascript:;" x-ref="reward" @click="reward($refs.reward)" data-title="扫码打赏" data-desc="微信扫码" data-desc2="支付宝扫码" data-wx="<?php echo wx; ?>" data-tb="<?php echo tb; ?>" class="single-reward mx-3 w-14 h-14 inline-block justify-center px-2 py-2 text-sm font-medium transition-colors duration-150 bg-gray-100 border border-transparent rounded-full dark:bg-gray-800">
        <span><i class="text-xl sui-saoma mx-auto block"></i>
<small class="font-theme text-xs" x-text="shang"></small></span></a>
</div> 
```

改为

```php
<div class="text-center text-gray-700 mt-12 dark:text-gray-200">

</div>
```

##登陆后才可评论

1. 使用插件 `SmartSpam`，设置游客评论失败
2. `comments.php`删除Email、昵称、站点框
3. `functions.php`文件330行

```php
$validator->addRule('author', 'required', _t('必须填写用户名'));
改为
$validator->addRule('author', 'required', _t('请登录后发表评论'));
```

最后修改：2022 年 07 月 09 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

Sinner主题美化

阿七 • 2022 年 07 月 08 日

##首页一排显示6张图片：
`index.php`文件115行（2，4，8分别对应手机端，平板端 电脑端）

```php
$cols="grid-cols-2 sm:grid-cols-4 xl:grid-cols-8";
改成
$cols="grid-cols-2 sm:grid-cols-4 xl:grid-cols-6";
```

123行

```php
else{$sl=$slm*8;}
改成
else{$sl=$slm*6;}
```

##文章页一排显示6张图片：
`archive.php`文件26行

```php
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 xl:grid-cols-8 gap-4">
改成
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 xl:grid-cols-6 gap-4">
```

##文章页最大宽度：
`post.php`文件6行

```php
<div class="max-w-screen-lg w-full mx-auto py-4 dark:text-white"<?php if($this->is('post')): ?>
改为
<div class="w-full mx-auto py-4 dark:text-white"<?php if($this->is('post')): ?>
```

##赞，分享，赏
`post.php`文件
删除

```php
<div class="absolute bottom-0 left-0 right-0 py-6 md:py-0 md:static text-center text-gray-700 mt-6 dark:text-gray-200">

```php
<div class="text-center text-gray-700 mt-12 dark:text-gray-200">

改为

```php
<div class="text-center text-gray-700 mt-12 dark:text-gray-200">

</div>
```

##登陆后才可评论

1. 使用插件 `SmartSpam`，设置游客评论失败
2. `comments.php`删除Email、昵称、站点框
3. `functions.php`文件330行

```php
$validator->addRule('author', 'required', _t('必须填写用户名'));
改为
$validator->addRule('author', 'required', _t('请登录后发表评论'));
```

Sinner主题美化

发表评论取消回复

欢迎使用 Typecho

handsome主题美化

随机动漫图api源码

媛の碎碎恋

图片批量压缩小工具

让Typecho支持上传Webp格式的图片

分享一款单页网址导航源码

分享一个仿 Windows 蓝屏的 404 页面

Spimes主题文章随机图

PHP 实现随机图像功能

Sinner主题美化

发表评论 取消回复

Sinner主题美化

发表评论取消回复