超人应用官方网站»论坛 DZ应用 模板教程 A_微门户手机模板【商业版1.0】安装教程
返回列表 发新帖
查看: 4456|回复: 2

A_微门户手机模板【商业版1.0】安装教程

[复制链接]

124

主题

358

帖子

2149

积分

金牌会员

精通各种helloworld工程

Rank: 6Rank: 6

积分
2149
发表于 2015-6-15 11:56:07 | 显示全部楼层 |阅读模式
★★★注:所有安装代码在本文档最后★★★
一、       wmh_首页轮播的添加
登陆后台——门户——模块管理——数据调用
1.      模块分类:帖子模块,模块标识:wmh_首页轮播,数据来源选择最新贴,必须包含图片附件:是,显示条数:4条,点击确定按钮。
1.png


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


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


4.      打开A_微门户手机管理插件,将上一步骤复制的代码粘贴到A_微门户手机管理插件里wmh_首页轮播下的输入框中,然后点击提交。至此首页轮播效果就可以展示出来了。
4.png
以下所有的数据模块的添加与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="">
  134. <a href="##">二级版块</a>
  135. </li>
  136. <li class="">
  137. <a href="##">二级版块</a>
  138. </li>
  139. <li class="">
  140. <a href="##">二级版块</a>
  141. </li>
  142. <li class="">
  143. <a href="##">二级版块</a>
  144. </li>
  145. <li class="">
  146. <a href="##">二级版块</a>
  147. </li>
  148. <li class="">
  149. <a href="##">二级版块</a>
  150. </li>
  151. </ul>
  152. </li>
  153. <li class="am-parent">
  154. <a href="#c3">一级版块</a>
  155. <ul class="am-menu-sub am-collapse am-avg-sm-3">
  156. <li class="">
  157. <a href="##">二级版块</a>
  158. </li>
  159. <li class="">
  160. <a href="##">二级版块</a>
  161. </li>
  162. <li class="">
  163. <a href="##">二级版块</a>
  164. </li>
  165. <li class="">
  166. <a href="##">二级版块</a>
  167. </li>
  168. <li class="">
  169. <a href="##">二级版块</a>
  170. </li>
  171. <li class="">
  172. <a href="##">二级版块</a>
  173. </li>
  174. <li class="am-menu-nav-channel">
  175. <a href="#c3" title="进入板块">进入板块 »</a>
  176. </li>
  177. </ul>
  178. </li>
  179. <li class="am-parent">
  180. <a href="##">一级版块</a>
  181. <ul class="am-menu-sub am-collapse am-avg-sm-3">
  182. <li class="">
  183. <a href="##">二级版块</a>
  184. </li>
  185. <li class="">
  186. <a href="##">二级版块</a>
  187. </li>
  188. <li class="">
  189. <a href="##">二级版块</a>
  190. </li>
  191. <li class="">
  192. <a href="##">二级版块</a>
  193. </li>
  194. <li class="">
  195. <a href="##">二级版块</a>
  196. </li>
  197. <li class="">
  198. <a href="##">二级版块</a>
  199. </li>
  200. </ul>
  201. </li>
  202. <li class="">
  203. <a href="##">一级版块</a>
  204. </li>
  205. <li class="">
  206. <a href="##">一级版块</a>
  207. </li>
  208. </ul>
  209. </div>
复制代码

本楼点评(0) 收起
回复

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2015-7-23 10:24:28 | 显示全部楼层
版块,主题分类 有问题。主题分类发布的主题贴,显示也不对
本楼点评(1) 收起
回复 支持 反对

使用道具 举报

返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则