创建数字导航

Posted 2023-04-13

【中文标题】创建数字导航

【英文标题】：Create a numeric navigation

【发布时间】：2011-11-25 07:05:15

【问题描述】：

如何创建一个菜单，将相关页面自动命名为数字导航？

这将是我的页面树：

新闻 |--- Newsarticle tom（包含9个内容元素） |--- Skeet 的东西（包含 9 个内容元素） |--- Jessica 的 5 篇文章（包含 4 个内容元素）

在前端，所有 3 个页面都将简单地显示为数字导航： （在这里想象一下“Newsarticle tom”的 9 个文本元素） 1 - 2 - 3

【问题讨论】：

也许有一个用户函数 itemArrayProcFunc

只是为了更新：这些答案中的任何一个对你有用吗？

【参考方案1】：

register:count_HMENU_MENUOBJ 应该可以解决问题 - 我在 http://www.typo3wizard.com/de/snippets/menus/nummeriertes-menue.html 的 cmets 中找到了它。 （德语）

这里我使用了@konsolenfreddies HMENU 示例，根据您的需求进行了修改。 （未经测试）。

temp.menu = HMENU
temp.menu 
    1 = TMENU
    1 
        noBlur = 1
        wrap = <ul>|</ul>
        NO = 1
        NO 
            wrapItemAndSub = <li>|</li>
            altText = subtitle // title
            title = subtitle // title
        
        CUR < .NO
        CUR.wrapItemAndSub = <li class="active">|</li>
        ACT < .CUR
    

    2 < .1
    2 
        wrap = <ol>|</ol>
        NO 
            allWrap = <span>Nr.register:count_HMENU_MENUOBJ|</span>
            allWrap.insertData = 1
            ATagBeforeWrap = 1
            
        CUR < .NO
        CUR.wrapItemAndSub = <li class="active"><span>|</span></li>
        ACT < .CUR
    

在这种情况下，我想在编号时会考虑所有子页面。网站上描述的完整设置要复杂得多。但如果你知道你的打字稿，你就会明白。

【参考方案2】：

首先，您可以使用替代导航标题来单独命名它们，但这在较大的页面树中可能会很乏味。

一种解决方案是创建一个 OL 导航并通过 CSS 删除标题。这样导航仍然可以访问，并提供一些关于数字背后的提示：

temp.menu = HMENU
temp.menu 
    1 = TMENU
    1 

        noBlur = 1
        wrap = <ul>|</ul>
        NO = 1
        NO 
            wrapItemAndSub = <li>|</li>
            altText = subtitle // title
            title = subtitle // title
        
        CUR < .NO
        CUR.wrapItemAndSub = <li class="active">|</li>
        ACT < .CUR
    

    2 < .1
    2 
        wrap = <ol>|</ol>
        NO.wrapItemAndSub = <li><span>|</span></li>
        CUR < .NO
        CUR.wrapItemAndSub = <li class="active"><span>|</span></li>
        ACT < .CUR
    

对应的CSS：

ol li span display:none;

【讨论】：

聪明的解决方法。考虑到在您的解决方案中，无法单击数字。但是，使用一点 css 魔法，它可能会起作用：ol li span width:24px; margin-left: -20px; padding-left: 20px; overflow:hidden; 不幸的是它无效。来源：forums.devshed.com/css-help-116/…

PS：唉，负边距是确实有效：coding.smashingmagazine.com/2009/07/27/…

【参考方案3】：

未经测试：

您可以通过以下方式覆盖链接文本：

NO.stdWrap.cObject.10 = TEXT
NO.stdWrap.cObject.10.data = register:count_HMENU_MENUOBJ
# if the register starts with 0, add 1:
NO.stdWrap.cObject.10.stdWrap.wrap = |+1
NO.stdWrap.cObject.10.prioriCalc = int

你现在应该得到数字而不是标题。

相关TSref：http://typo3.org/documentation/document-library/core-documentation/doc_core_tsref/4.5.1/view/1/9/#id2649360