开源MIPCMS模板赤域吧资源网友情链接

文章目录[隐藏]

• 前言
• 使用方法
• 网站后台操作
• 演示地址

前言

前端时间编写了 mipcms 第一款资源网模板，其中的友情链接模块收录很高，因为单独剥离出来，算是开源吧。具体适用方法如下。

使用方法

1.  进入网站根目录->template->default(你的模板名)-article 下，新建一个 flink.html 文件。

2. 复制以下代码，写入到 flink.html 中并保存。此处的<19 和 24 和你自己后台添加的分类有关。

{extend name="main/main"/}

{block name="main"}

{include file='block/article-breadcrumb'}
{if condition ="$v['categoryInfo']['id'] < 19 || $v['categoryInfo']['id'] > 24"}

{/if}
<main class="hr-main__wrapper">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 hr-main">
                {include file='block/flink-list'}
            </div>
            {include file='main/aside'}
        </div>
    </div>
</main>
{/block}

{block name="script"}
{__block__}

{/block}

3.  在 template->default(你的模板名)-block 下新建一个 flink-list.html 文件。

4. 复制以下代码到 flink-list.html 文件并保存。

{mipcms:articlecategory value="vo" pid="19"}
<article class="card hr-flink__wrapper">
    <header class="card-header hr-article__title">
        <i class="fa fa-cube"></i> {$vo['name']}
    </header>
    <section class="card-body">
        {mipcms:article value="v" cid='$vo["id"]'}
        <a href="{$v['diy_flink_url']}" class="btn btn-link" data-type="mip" data-title="{$v.description}" title="{$v.description}" target="_blank">
            <span class="fa fa-link"></span> {$v.title}

        </a>
        {/mipcms:article}
    </section>
</article>
{/mipcms:articlecategory}

如果你按照上面的正确步骤编写，就可以看下面的网站后台操作啦。

网站后台操作

1.  进入网站后台选择，添加分类，输入名字，模板处选择我们前面添加的 flink.html 文件。

2.  进入自定义字段，添加字段按照下图的字段名称输入。如果你首页显示的是全部导航栏的话应该就可以了，如果你隐藏了，可以设置为显示。

演示地址

https://chiyuba.com/youqinglianjie/