dedecms为导航栏目添加英文标题

最近公司官网是使用 DedeCMS 做的,这个项目中要使用到为导航栏目添加英文标题,就查找资料把它实现了。

根据设计图写成静态页面后是这样的效果:

操作步骤如下:

1. 修改数据表,添加英文字段

影响该导航字段类型的是数据表 dede_arctype(我的数据表为zx_arctype),所以该表中需要新增一个字段(英文标题)。

如上图所示, typenameen 为我的英文菜单字段名字。

2. 修改 catalog_edit.htm 文件,添加英文栏目名称

catalog_edit.htm 文件在 dede\templets 目录下,它是后台栏目管理的模板文件。

在 catalog_edit.htm 文件中找到"栏目名称"版块,在后面添加"英文栏目名称"。

<tr>
    <td class=‘bline‘ height="26" style="padding-left:10px;"><font color=‘red‘>栏目名称:</font></td>
    <td class=‘bline‘><input name="typename" type="text" id="typename" size="30" value="<?php echo $myrow[‘typename‘]?>" class="iptxt" /></td>
</tr>

后面添加

<tr>
    <td class=‘bline‘ height="26" style="padding-left:10px;"><font color=‘red‘>栏目英文名称:</font></td>
    <td class=‘bline‘><input name="typenameen" type="text" id="typenameen" size="30" value="<?php echo $myrow[‘typenameen‘]?>" class="iptxt" /></td>
</tr>

3. 修改 catalog_edit.php 文件

catalog_edit.php 文件在 dede 目录下。

找到 typename=‘$typename‘ ,在其后添加 typenameen=‘$typenameen‘ ,用于修改数据表操作。

一共有两处。

4.  修改 channel.lib.php 文件

channel.lib.php 文件在 include\taglib 目录下,用于获取栏目列表标签

找到 $type==‘top‘,$type==‘son‘ , $type==‘self‘ 部分,在其中的 sql 语句中 typename 后面添加 typenameen:

更改完成后,在后台栏目管理中就出现了:

调用方法 [field:typenameen].

我的静态 html 写法如下:

<ul class="nav-list" id="navList">
    <li class="nav-item">
        <a href="/" title="首页">
            <span>首页</span>
            <span>Home page</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="/industry" title="行业应用">
            <span>行业应用</span>
            <span>Industry application</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="javascript:void(0)" title="关于早寻" class="active">
            <span>关于早寻</span>
            <span>About foresight</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="/hcc" title="HCC日常健康管理体系">
            <span>HCC日常健康管理体系</span>
            <span>HEALTH CONTEXT CLOUD</span>
        </a>
    </li>
    <li class="nav-item">
        <a href="/contact" title="联系我们">
            <span>联系我们</span>
            <span>Contact us</span>
        </a>
    </li>
</ul>

调用后写法如下:

<ul class="nav-list" id="navList">
    <li class="nav-item">
        <a href="/" title="{dede:global.cfg_indexname/}">
            <span>{dede:global.cfg_indexname/}</span>
            <span>Home page</span>
        </a>
    </li>
    {dede:channel type=‘top‘ row=‘4‘ currentstyle="
    <li class=‘nav-item‘>
        <a href=‘~typelink~‘ title=‘~typename~‘ class=‘active‘>~typename~
            <span>~typename~</span>
            <span>~typenameen~</span>
        </a>
    </li>"}
    <li class="nav-item">
        <a href="[field:typelink/]" title="[field:typename/]">
            <span>[field:typename/]</span>
            <span>[field:typenameen/]</span>
        </a>
    </li>
    {/dede:channel}
</ul>
时间: 2024-07-30 12:29:19

dedecms为导航栏目添加英文标题的相关文章

给织梦添加英文栏目标题在chanel标签中调用

网上很多添加英文栏目标题的方法,大家自己去百度一下就好,但是修改之后在chanel标签中是调用不了的,那么解决办法如下: 想要在channel 中使用,例如: {dede:channel type='son' row='10' typeid='1'} <li><a href='[field:typeurl/]'>[field:typename/][field:typenameng/]</a></li> {/dede:channel} 则还要修改一个文件,找到

织梦DEDECMS调用导航栏的顶级栏目、二级栏目及三级栏目

织梦调用导航菜单栏目,随着javascript的运用,导航栏的子栏目越来越多,在dedecms如何实现这些栏目的调用呢? 1. 一般导航栏目的调用,该类栏目只有主栏目,没有子栏目,这类栏目一般适用于企业网站和个人网站.其样式图如下: 该类栏目的dedecms调用方法比较简单,如下: {dede:channel type='top' currentstyle=" <li class='thisclass'><a href='~typelink~'>~typename~<

dedecms提取某栏目及子栏目名称到首页怎么弄

我们建网站时有不同的需求,例如为页面创建一个栏目导航,用dedecms如何提取某栏目及子栏目名称和链接呢?如下图所示,先列出指定的顶级栏目,在下方再列出此栏目的所有子栏目. 之前ytkah说过dedecms调用当前栏目的子栏目怎么操作,我们可不可以发散一下思维进行扩展呢? 先列出指定的顶级栏目,以近视为例,typeid为8 {dede:type typeid='8'} <a href="[field:typeurl/]">[field:typename/]</a>

如何在导航栏添加hot样式图片

如何在导航栏添加hot样式图片:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在很多网站的导航栏中都有这样的效果,在一个比较热门的栏目上面会有一个动态的小图片用以标示此栏目比较热门或者是新增栏目等等,效果比较美观且人性化,下面就简单介绍一下如何实现此效果,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="autho

利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式

当鼠标选中页面导航栏的某一栏目后,如何给选中栏目添加特殊样式,一直没怎么搞清楚,今天学习了一下,并做个总结. 这边有两种情况,一种是直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失:另一种情况是即使刷新页面后样式仍然有效. 直接上代码: 第一种情况: <script>   $(document).ready(function(){       $(".nav a").each(function(){           $(this).click(func

dedecms调用当前栏目ID与当前栏目顶级ID的方法

本文实例讲述了dedecms调用当前栏目ID与当前栏目顶级ID的方法.分享给大家供大家参考.具体分析如下: 一.采用dedecms获取当前所在栏目ID的方法如下: 1.模板中调用栏目ID采用如下方法: 代码如下:{dede:type}[field:ID /]{/dede:type} 2.如果是在{dede:sql}里面调用当前栏目ID的话,调用方法如下: 代码如下:{dede:sql sql='Select * from dede_arctype where id = ~typeid~ '} [

Android 上滑显示底部导航,下滑显示标题bar

本文简单介绍使用属性动画来实现上滑显示底部导航,下滑显示标题bar.先上图看效果,再分析: 可以看出这是个listview有标题和底部,有点像下拉刷新和上拉加载更多.只不过下拉或上拉一定时位置固定拉不动,且只在list的第一个item出现显示时,才平滑动画的让标题或底部显示或隐藏. 实现思路: 1.整个布局有三个部分构成,上部由一个RelativeLayout放ImageView或TextView.中间部分是个listView,下部是一个TextView. 2.采用LinearLayout摆放中

(转)DEDECMS 如何让栏目外部链接在新窗口中打开

近遇到一个问题,就是dedecms的导航,是用外部链接的,但是原窗口打开不好看,新窗口打开好点.OK,放狗... 1. 查找模板中的head.htm将<li><a href='[field:typeurl/]'>[field:typename/]</a></li>替换成下面的<li><a href='[field:typeurl/]' target="_blank">[field:typename/]</a&

自定义导航条上的标题文字的大小以及颜色

在做项目开发时,有的时候回自定义导航条视图,常见的是设置标题文字的大小颜色.左侧以及右侧navgationItem. 在做自定义导航视图的时候 ,导航项都可以用自定义视图的形式自定义. 自定义导航条标题的时候有两种方法:一是,采用自定义视图的方式:二是,采用系统的方法. 采用自定义视图view的方式 就是在导航向上添加一个titleView,可以使用一个label,再设置label的背景颜色透明,字体什么的设置就很简单了. UILabel *titleLabel = [[UILabel allo