发新帖
  2. 建站技术
  3. A_微门户手机模板【商业版1.0】安装教程

A_微门户手机模板【商业版1.0】安装教程 [复制链接]

moqu8 2018-8-1
4 0
一、       wmh_首页轮播的添加
登陆后台——门户——模块管理——数据调用
1.      模块分类：帖子模块，模块标识：wmh_首页轮播，数据来源选择最新贴，必须包含图片附件：是，显示条数：4条，点击确定按钮。


2.      然后依次点击数据—模块模板，将A_微门户手机模板block安装代码.txt文件中“wmh_首页轮播”下的代码复制进去，点击更新按钮。


3.      点击外部调用，会弹出一个提示框，将里面的代码复制。


4.      打开A_微门户手机管理插件，将上一步骤复制的代码粘贴到A_微门户手机管理插件里wmh_首页轮播下的输入框中，然后点击提交。至此首页轮播效果就可以展示出来了。
以下所有的数据模块的添加与wmh_首页轮播原理一致，只要理解一个，其他的模块添加步骤都是一样的，所以wmh_首页轮播步骤，请仔细阅读！
二、       wmh_新闻推荐的添加
必须含图片附件：是，显示条数：3条，其余操作步骤与wmh_首页轮播的步骤一致

三、       wmh_娱乐的添加
必须含图片附件：是，显示条数：3条，其余操作步骤与wmh_首页轮播的步骤一致

四、       wmh_国内的添加
必须包含图片：否，显示条数：3条，其余操作步骤与wmh_首页轮播的步骤一致


五、       wmh_热图的添加
必须含图片附件：是，显示条数：6条，其余操作步骤与wmh_首页轮播的步骤一致

六、       wmh_热门关注的添加
必须含图片附件：是，显示条数：4条，其余操作步骤与wmh_首页轮播的步骤一致


七、       wmh_推荐主题的添加
必须包含图片：否，显示条数：4条，其余操作步骤与wmh_首页轮播的步骤一致
八、       wmh_社区导航的添加
模块分类：版块模块，数据来源:论坛版块，显示条数8，其余操作步骤与wmh_首页轮播的步骤一致
九、       wmh_侧栏版块列表的添加
模块分类：静态模块，数据来源:自定义html，其余操作步骤与wmh_首页轮播的步骤一致


↓↓↓安装代码↓↓↓

  1. <!-- wmh_首页轮播 -->
  2. <ul class="am-slides">
  3. [loop]
  4. <li>
  5. <a href="{url}" title="{title}"{target}><img src="{pic}"></a>
  6. </li>
  7. [/loop]
  8. </ul>
  9. <!-- wmh_新闻推荐 -->
  10. <ul class="am-list">
  11. [loop]
  12. <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
  13. <div class="am-u-sm-4 am-list-thumb">
  14. <a href="{url}">
  15. <img src="{pic}" alt="{title}" />
  16. </a>
  17. </div>
  18. <div class="am-u-sm-8 am-list-main">
  19. <h3 class="am-list-item-hd">
  20. <a href="{url}">{title}</a>
  21. </h3>
  22. <div class="am-list-item-text">{summary}</div>
  23. </div>
  24. </li>
  25. [/loop]
  26. </ul>
  27. <!-- wmh_娱乐 -->
  28. <ul class="am-list">
  29. [loop]
  30. <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
  31. <div class="am-u-sm-4 am-list-thumb">
  32. <a href="{url}">
  33. <img src="{pic}" alt="{title}" />
  34. </a>
  35. </div>
  36. <div class="am-u-sm-8 am-list-main">
  37. <h3 class="am-list-item-hd">
  38. <a href="{url}">{title}</a>
  39. </h3>
  40. <div class="am-list-item-text">{summary}</div>
  41. </div>
  42. </li>
  43. [/loop]
  44. </ul>
  45. <!-- wmh_国内 -->
  46. [loop]
  47. <li class="am-g am-list-item-desced">
  48. <a href="{url}" class="am-list-item-hd ">{title}</a>
  49. <div class="am-list-item-text">{summary}</div>
  50. </li>
  51. [/loop]
  52. <!-- wmh_热图 -->
  53. <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-overlay">
  54. [loop]
  55. <li>
  56. <div class="am-gallery-item wmh_retu">
  57. <a href="{url}" class="">
  58. <img src="{pic}" alt="{title}"/>
  59. <h3 class="am-gallery-title">{title}</h3>
  60. <div class="am-gallery-desc">{dateline}</div>
  61. </a>
  62. </div>
  63. </li>
  64. [/loop]
  65. </ul>
  66. <!-- wmh_热门关注 -->
  67. [loop]
  68. <li>
  69. <div class="am-gallery-item wmh_rmgz">
  70. <a href="{url}" class="">
  71. <img src="{pic}" alt="{title}" />
  72. <h3 class="am-gallery-title">{title}</h3>
  73. <div class="am-gallery-desc">{dateline}</div>
  74. </a>
  75. </div>
  76. </li>
  77. [/loop]
  78. <!-- wmh_推荐主题 -->
  79. <ul class="am-list">
  80. [loop]
  81. <li class="am-g am-list-item-dated">
  82. <a href="{url}" class="am-list-item-hd ">{title}</a>
  83. <span class="am-list-date">{dateline}</span>
  84. </li>
  85. [/loop]
  86. </ul>
  87. <!-- wmh_社区导航 -->
  88. <ul data-am-widget="gallery" class="am-gallery am-avg-sm-4
  89. am-avg-md-3 am-avg-lg-4 am-gallery-default">
  90. [loop]
  91. <li>
  92. <div class="am-gallery-item">
  93. <a href="{url}" class="">
  94. <img src="{icon}" alt="{title}" style="border-radius: 10px;"/>
  95. <h3 class="am-gallery-title" style="margin-top: 2px; text-align: center;">{title}</h3>
  96. </a>
  97. </div>
  98. </li>
  99. [/loop]
  100. </ul>
  101. <!-- wmh_侧栏板块列表 -->
  102. <div class="am-offcanvas-bar">
  103. <ul class="am-menu-nav sm-block-grid-1">
  104. <li class="am-parent">
  105. <a href="##">一级版块</a>
  106. <ul class="am-menu-sub am-collapse  sm-block-grid-2 ">
  107. <li class="">
  108. <a href="##">二级版块</a>
  109. </li>
  110. <li class="">
  111. <a href="##">二级版块</a>
  112. </li>
  113. <li class="">
  114. <a href="##">二级版块</a>
  115. </li>
  116. <li class="">
  117. <a href="##">二级版块</a>
  118. </li>
  119. <li class="">
  120. <a href="##">二级版块</a>
  121. </li>
  122. <li class="">
  123. <a href="##">二级版块</a>
  124. </li>
  125. <li class="am-menu-nav-channel">
  126. <a href="##" title="进入一级版块">进入一级版块 »</a>
  127. </li>
  128. </ul>
  129. </li>
  130. <li class="am-parent">
  131. <a href="##">一级版块</a>
  132. <ul class="am-menu-sub am-collapse  sm-block-grid-3 ">
  133. <li class="">
最新回复 (0)
返回
版块热门：
支持中心
邮箱：winkill2012@qqcom
新站优化中！部分功能尚未完善，敬请谅解！
支持中心