織夢生成tags.php排版錯亂怎么辦

學(xué)習(xí)NO.1

最近有不少網(wǎng)站管理員反映，使用織夢系統(tǒng)生成 tags.php 文件后，發(fā)現(xiàn)頁面排版錯亂，標簽之間間隔不一致，甚至?xí)��?dǎo)致變形。這個問題其實與織夢系統(tǒng)自帶的 tags.php 代碼有關(guān)，而我們則需要對其進行優(yōu)化。

第一步：修改樣式表

在織夢系統(tǒng)自帶的 tags.php 文件中，樣式表的布局方式是采用表格的形式，這種布局方式容易導(dǎo)致標簽之間的間隔錯亂，造成頁面排版不美觀，甚至?xí)�出現(xiàn)內(nèi)容重疊的問題。我們可以采用 html" target="_blank" class="relatedlink">div+css 的布局方式，將樣式表的代碼修改如下：

1. .tagcloud {
   
2. 
   
3.     margin: 0;
   
4. 
   
5.     padding: 0;
   
6. 
   
7.     font-size: 14px;
   
8. 
   
9.     line-height: 24px;
   
10. 
    
11.     text-align: justify;
    
12. 
    
13. }
    
14. 
    
15. 
    
16. 
    
17. .tagcloud a {
    
18. 
    
19.     display: inline-block;
    
20. 
    
21.     margin: 0 5px 5px 0;
    
22. 
    
23.     padding: 4px 10px;
    
24. 
    
25.     background-color: #f2f2f2;
    
26. 
    
27.     border-radius: 3px;
    
28. 
    
29.     color: #666;
    
30. 
    
31.     text-decoration: none;
    
32. 
    
33.     -webkit-transition: color .2s linear, background-color .2s linear;
    
34. 
    
35.     transition: color .2s linear, background-color .2s linear;
    
36. 
    
37. }
    
38. 
    
39. 
    
40. 
    
41. .tagcloud a:hover {
    
42. 
    
43.     background-color: #3498db;
    
44. 
    
45.     color: #fff;
    
46. 
    
47. }

復(fù)制代碼

第二步：修改 PHP 代碼

在 tags.php 文件中，用于顯示標簽的代碼如下：

1. $tagsql = "SELECT tag,counts FROM `#@__tagindex` WHERE tag!='' ORDER BY counts DESC";
   
2. 
   
3. $dsql->SetQuery($tagsql);
   
4. 
   
5. $dsql->Execute();

復(fù)制代碼

這段代碼其實是從織夢系統(tǒng)的數(shù)據(jù)庫中讀取標簽信息，然后按照標簽的使用頻率進行排序，以便顯示。但是這段代碼中沒有對標簽之間的間距做出處理，導(dǎo)致頁面排版出現(xiàn)了問題。我們可以在代碼中加入一個變量 $i，用于記錄循環(huán)的次數(shù)，然后根據(jù) $i 的值來調(diào)整標簽之間的間距，代碼如下：

1. $tagsql = "SELECT tag,counts FROM `#@__tagindex` WHERE tag!='' ORDER BY counts DESC";
   
2. 
   
3. $dsql->SetQuery($tagsql);
   
4. 
   
5. $dsql->Execute();
   
6. 
   
7. 
   
8. 
   
9. $i = 1;
   
10. 
    
11. while($row = $dsql->GetArray())
    
12. 
    
13. {
    
14. 
    
15.     $tagname = $row['tag'];
    
16. 
    
17.     $counts = $row['counts'];
    
18. 
    
19. 
    
20. 
    
21.     if($i == 1)
    
22. 
    
23.     {
    
24. 
    
25.         echo "<div class='tagcloud'>";
    
26. 
    
27.     }
    
28. 
    
29. 
    
30. 
    
31.     echo "<a href='tag-".$tagname.".html'>".$tagname." (".$counts.")</a>";
    
32. 
    
33. 
    
34. 
    
35.     if($i % 10 == 0)
    
36. 
    
37.     {
    
38. 
    
39.         echo "<div style='clear:both;'></div>";
    
40. 
    
41.     }
    
42. 
    
43. 
    
44. 
    
45.     $i++;
    
46. 
    
47. 
    
48. 
    
49.     if($i > 100)
    
50. 
    
51.     {
    
52. 
    
53.         break;
    
54. 
    
55.     }
    
56. 
    
57. }
    
58. 
    
59. 
    
60. 
    
61. if($i > 1)
    
62. 
    
63. {
    
64. 
    
65.     echo "</div>";
    
66. 
    
67. }

復(fù)制代碼

修改后的代碼中，我們在循環(huán)開始時增加了一個 DIV 標簽，用于包裹整個標簽云，然后根據(jù) $i 的值來控制每個標簽的樣式，包括寬度、高度、外邊距、內(nèi)邊距等，從而實現(xiàn)了標簽之間的間隔調(diào)整。因為每一行最多顯示 10 個標簽，所以在 $i 為 10、20、30 …… 時，我們添加了一個 DIV 標簽來清除浮動。

第三步：優(yōu)化 HTML 代碼

在修改 PHP 代碼之后，我們也需要對 HTML 代碼進行優(yōu)化，以使頁面排版更加美觀。我們可以修改 tags.php 文件中的 HTML 代碼，將標簽云顯示在獨立的容器中，這樣可以有效控制標簽云的大小、位置和布局。代碼如下：

1. <div class="tagcloud-wrapper">
   
2. 
   
3.     <h3>標簽云</h3>
   
4. 
   
5.     <?php
   
6. 
   
7.     // PHP 代碼
   
8. 
   
9.     ?>
   
10. 
    
11. </div>

復(fù)制代碼

這段代碼會將標簽云顯示在一個名為 tagcloud-wrapper 的 DIV 容器中，我們可以在樣式表中對該容器進行優(yōu)化，以達到更佳的效果。

綜上所述，我們通過修改樣式表、PHP 代碼和 HTML 代碼，可以有效解決織夢系統(tǒng)中生成 tags.php 文件所導(dǎo)致的排版錯亂和樣式問題。改善后的標簽云不僅更加美觀，而且也更容易被搜索引擎索引，提高了網(wǎng)站的搜索引擎優(yōu)化效果。

以上就是織夢生成tags.php排版錯亂怎么辦的詳細內(nèi)容，這樣就可以了

道勤主機提供365天*24小時全年全天無休、實時在線、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機過程中所遇到的一切問題! 如果您是道勤主機用戶，那么您可以通過QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信：q792472177免費電話、后臺提交工單這些方式聯(lián)系道勤主機客服！ 如果您不是我們的客戶也沒問題，點擊頁面最右邊的企業(yè)QQ在線咨詢圖標聯(lián)系我們并購買后，我們?yōu)槟�免費進行無縫搬家服務(wù)，讓您享受網(wǎng)站零訪問延遲的遷移到道勤主機的服務(wù)！