joe主题添加普通样式标签云

2023-04-13 12:56:47 浏览数 (1)

1.查找 functions.php 文件中的内容

代码语言:javascript复制
$JAside_3DTag = new Typecho_Widget_Helper_Form_Element_Select(
    'JAside_3DTag',
    array(
        'off' => '关闭(默认)',
        'on' => '开启'
    ),
    'off',
    '是否开启3D云标签 - PC',
    '介绍:用于设置侧边栏是否显示3D云标签'
);
$JAside_3DTag->setAttribute('class', 'joe_content joe_aside');
$form->addInput($JAside_3DTag->multiMode());

修改为:

代码语言:javascript复制
$JAside_Tag = new Typecho_Widget_Helper_Form_Element_Select(
    'JAside_Tag',
    array(
        'off' => '关闭(默认)',
        '1' => '3D云标签',
        '2' => '普通标签',
    ),
    'off',
    '是否开启标签 - PC',
    '介绍:用于设置侧边栏是否显示标签'
);
$JAside_Tag->setAttribute('class', 'joe_content joe_aside');
$form->addInput($JAside_Tag->multiMode());

2.查找 public/aside.php 文件中的内容

代码语言:javascript复制
options->JAside_3DTag === 'on') : ?>

修改为:

代码语言:javascript复制
options->JAside_Tag !== 'off') : ?>

3.查找 public/aside.php 文件中的内容

代码语言:javascript复制
    next()) : ?>

修改为:

代码语言:javascript复制
options->JAside_Tag === '1') : ?>
    
    
        next()) : ?>
            
        
    

options->JAside_Tag === '2') : ?>
    
        next()) : ?>
            
                name(); ?>

4.查找 public/include.php 文件中的内容

代码语言:javascript复制
options->JAside_3DTag === 'on') : ?>

修改为:

代码语言:javascript复制
options->JAside_Tag !== 'off') : ?>

5.添加 CSS 样式

在主题 aside.php 文件最底部添加以下代码

代码语言:javascript复制
  .common-tag {
  height: 30px;
  font-size: 12px;
  border-radius: 5px;
  display: block;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--classD);
  color: var(--routine);
  padding: 0 5px;
  text-align: center;
}

  .common-tag:hover {
  background: var(--theme);
  color: #fff;
}

  .common-tags {
  display: grid;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  grid-template-columns: repeat(3, calc((100% - 16px) / 3));
}

0 人点赞