DedeCMS는 간략한 제목이 비어 있고 전체 제목을 표시하는지 어떻게 확인합니까?

DedeCMS 약어 제목이 비어 있는지 확인한 다음 전체 제목을 표시하는 방법은 무엇입니까?

머리말

DedeCMS 시스템 프로그램을 사용하여 웹 사이트를 개발할 때 누구나 한 번쯤은 접해보셨을 거라 믿습니다. 많은 웹 페이지 레이아웃 디자인의 제한된 너비로 인해 기사 제목의 단어 수를 제한해야 합니다. 일반적인 방법은 마우스를 놓을 때 전체 제목이 표시되도록 a 태그에 제목 속성을 추가하는 것입니다. 그것에.

하지만 일부 문자가 잘려서 제목이 불완전합니다. 다음은 제목을 호출하는 여러 가지 방법입니다. 예를 들어 DedeCMS에서는 제목을 판단할 때 전체 제목을 표시합니다. 약칭 제목이 비어 있습니다.

추천 학습: 梦伟cms

구체적인 방법은 다음과 같습니다.

# 🎜🎜# 방법 1:

{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];{/dede:field}

방법 2:

[field:array runphp='yes'] if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];[/field:array]

이 방법은 {dede:arclist} 태그에 적용할 수 있습니다.

방법 3:

때때로 제목이 너무 길어서 모두 표시하면 레이아웃 혼란이 발생하고 외관에 영향을 미칩니다. 하지만 디스플레이 부분은 사용자 경험에 영향을 미칩니다. 제목이 특정 길이 범위 내에 있을 때 전체 제목이 표시되기를 바랍니다. 제목이 오래되면 일정 길이만 표시되고 그 뒤에 줄임표가 표시되며, 마우스를 위로 올리면, 제목의 전체 내용이 표시됩니다. 이는 레이아웃에 영향을 주지 않습니다. 레이아웃에도 모든 제목 내용이 표시됩니다.

프로그램 수정은 필요 없고 템플릿 수정만 하는 방법이 있습니다. 예를 들어, 아래 제목 목록에서 가장 긴 제목은 50바이트이고, 30바이트만 표시됩니다. 템플릿 코드는 다음과 같습니다.

<ul>
     {dede:arclist titlelen=&#39;50&#39; row=&#39;10&#39;}
     <li><a title="[field:title /]" href="[field:filename /]">[field:title function=&#39;( strlen("@me")>30 ? cn_substr("@me",30)."..." : "@me" )&#39;/]</a></li>
     {/dede:arclist}
</ul>

문제 해결의 열쇠 이유는 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" )을 사용하기 때문입니다. ' /] 원래의 [ field:title /] 대신 제목을 출력할 때 추가 판단 과정이 있습니다. 먼저 제목이 34바이트보다 큰 경우 길이는 30바이트만 됩니다. 출력되며 줄임표가 추가됩니다. Title="[field:title /]"는 영향을 받지 않으며 마우스를 위로 올리면 제목의 전체 내용이 표시됩니다.

방법 4:

위의 템플릿 수정 방법 외에도 프로그래밍이나 CSS 방법도 있습니다. 하지만 템플릿을 통해 해결할 수 있는 문제의 경우 프로그래밍이 필요하지 않습니다. CSS 방식은 다음과 같습니다.

<a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" title="DedeCMS2007即将发布" href=" " >DedeCMS2007即将发布</a>

Explanation: width:120px; 제한된 길이, text-overflow:ellipsis: 객체의 텍스트가 오버플로될 때 생략 표시를 표시합니다. ..., white-space:nowrap: 강제로 텍스트를 한 줄로 표시하고,overflow:hidden: 오버플로 내용을 숨깁니다. 더 많은 관련 사용법 팁은 다음 기사를 참조하세요: https://www.jb51.net/article/50258.htm

CSS 방법은 수정하는 것보다 낫습니다. 템플릿 훨씬 더 간단하지만 불행하게도 text-overflow:ellipsis 속성은 Firefox에서 아무런 효과가 없습니다. 그럼 위의 방법으로 템플릿을 수정해 보겠습니다.

최근 또 다른 문제를 발견했습니다. 제목 링크인데, 링크가 있으면 연결되고 없으면 연결되지 않습니다. :

{dede:list pagesize='15' orderby='weight' orderway='desc'}
        <dl>
         <dt>[field:pubdate function=&#39;strftime("%Y/%m/%d",@me)&#39;/]</dt>
         <dd>
[field:array runphp=&#39;yes&#39;] if (@me[&#39;body&#39;]==&#39;&#39;) @me=@me[&#39;title&#39;];else{ @me = &#39;<a href="&#39;.@me[&#39;arcurl&#39;].&#39;" title="&#39;.@me[&#39;description&#39;].&#39;" target="_blank">&#39;.@me[&#39;title&#39;].&#39;</a>&#39;;}[/field:array]      
         </dd>
        </dl>
{/dede:list}

위 내용은 DedeCMS는 간략한 제목이 비어 있고 전체 제목을 표시하는지 어떻게 확인합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!