织梦CMS移动搜索功能和体验优化

overme6个月前 (10-17)网页设计307
最近学习织梦系统建站时,织梦CMS系统已自带移动端。但是网站搭建完成上线后,移动端搜索时,才发现移动端点击搜索后会跳转到pc模版,用户体验非常差。在网络上搜索了一下,亲测效果非常好,操作方法也很简单。

织梦CMS移动端原生搜索结果界面:


优化方法如下:

一、织梦移动端搜索入口少,且隐蔽,不利于用户检索网站资源内容。可以在需要的位置,添加form表单,并进行CSS美化。如:index_m.htm文件
<form class=”am-topbar-form am-topbar-left am-form-inline am-topbar-right” role=”search” action=”{dede:global.cfg_cmsurl/}/plus/search.php”>
     <input type=”hidden” name=”mobile” value=”1″ />
     <input type=”hidden” name=”kwtype” value=”0″ />
     <div class=”am-form-group”>
      <input name=”q” type=”text” class=”am-form-field am-input-sm” placeholder=”输入关键词”>
     </div>
     <button type=”submit” class=”am-btn am-btn-default am-btn-sm”>搜索</button>
</form>

二、复制根目录plus文件夹下的search.php文件粘贴重命名为search_m.php
打开search_m.php文件,把arc.searchview.class.php改为arc.searchview_m.class.php,就是重新指定一个文件名(名称可随便取只要和后面的对应即可)。

三、复制根目录include文件夹下的arc.searchview.class.php文件粘贴重命名为arc.searchview_m.class.php文件
打开/include/arc.searchview_m.class.php文件,找到如下代码(大概在第131行):

$GLOBALS[‘cfg_basedir’].$GLOBALS[‘cfg_templets_dir’].”/”.$GLOBALS[‘cfg_df_style’].”/search.htm”;

修改为:

$GLOBALS[‘cfg_basedir’].$GLOBALS[‘cfg_templets_dir’].”/”.$GLOBALS[‘cfg_df_style’].”/search_m.htm”;

这里是把默认的搜索结果页模版换为我们的移动端模版。

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。