
先搞明白:为什么要改默认的链接打开方式?
很多人觉得“不就是个打开方式吗?至于这么麻烦?”我当初也这么想,直到朋友给我看了他的后台数据:改之前,用户点外链的跳出率是78%,改了之后降到52%——差别就在这:当前窗口打开会直接把你的页面顶掉,用户想回来得点后退;新窗口打开则是在旁边多开一个标签,你的页面还在那等着。
百度站长平台去年发过一篇关于用户体验的文章,里面提到“用户在页面上的操作路径越顺畅,搜索引擎越会认为你的内容有价值”。对内容型网站来说,比如攻略、测评、教程,用户大概率是要边看你的内容边查资料的——你帮他把链接开好新窗口,等于帮他省了“后退”的步骤,他自然愿意多留会儿。
我还有个做母婴测评的读者,之前写“新生儿奶粉挑选攻略”时,链接都默认当前窗口打开,结果很多用户点了奶粉品牌链接就没回来。后来跟着改了新窗口,她告诉我:“现在用户看完攻略,还会翻我之前写的 diaper 测评,阅读量涨了20%。”你看,小事儿里藏着大影响。
3步搞定修改,我帮你把坑都踩平了
别害怕“改代码”——其实就是找到文件、加两行代码的事儿,我第一次改的时候手都抖,现在闭着眼都能做。咱分步骤来,每一步都给你标清楚:
第一步:找到ckeditor的“配置文件”,别找错地方!
ckeditor的核心配置文件叫config.js
,路径是/dede/ckeditor/config.js(注意:是后台目录dede底下的ckeditor文件夹,不是根目录的!)。我第一次找的时候,愣在根目录翻了10分钟,后来才反应过来——dedecms的后台编辑器文件都存在dede文件夹里,记牢这个路径,别跟我一样犯傻。
找到文件后,用文本编辑器打开(比如Notepad++、Sublime,别用系统自带的记事本,容易乱码)。
第二步:加两行代码,直接控制链接打开方式
打开config.js
后,你会看到里面有一堆config.xxx = xxx;
的代码。咱们要加的是这两行:
// 设置链接默认新窗口打开
config.linkTarget = '_blank';
加在哪?放在config.toolbar
配置的后面(或者文件末尾也行,只要没放在注释里)。比如原文件最后可能是这样:
config.toolbar = 'Full';
config.language = 'zh-cn';
// 加上你要加的代码
config.linkTarget = '_blank';
解释下这行代码:config.linkTarget
是ckeditor专门控制“链接打开目标”的参数,_blank
就是“新窗口”的意思——就这么简单,不用改别的。
重点提醒:改之前一定要备份原文件!我去年有次没备份,把代码写错了,结果编辑器直接崩了,最后又去官网下了个原文件覆盖才好——别嫌麻烦,备份就是给自个儿留条退路。
第三步:验证效果,别改了白改!
改完文件保存,接下来要做两件事:
target="_blank"
(比如百度
)。要是没生效,回头检查这几点:
附:常见问题“避坑指南”,我踩过的雷你别踩
为了让你少走弯路,我把自己和读者遇到的问题整理了个小清单:
config.linkTarget = '_blank';
删掉,或者改成config.linkTarget = '_self';
就行。最后说句掏心窝子的话
其实dedecms的编辑器修改没那么难,难的是“敢动手”——我当初也是鼓了半小时勇气才打开文件的。你要是跟着步骤做,99%能成;要是遇到问题,评论区留个言,我帮你看看。
对了,改完之后,你可以去看一眼用户停留时间——说不定过两周,你会像我朋友那样,跑过来跟我说“哎?我页面停留时间涨了!”
试试吧,又不花钱——反正改坏了还有备份不是?你有没有过这种情况?用dedecms搭了个内容站,写文章时在ckeditor编辑器里加了个外链,结果用户一点就跳走了——本来想让他看完你写的攻略再去看推荐的产品,这下倒好,直接把人“送”给别人了。我去年帮朋友的本地旅游博客调这个的时候,他跟我吐槽:“之前用户点了景点链接就跑,现在改了新窗口打开,停留时间居然涨了30%!”其实这事儿没那么复杂,不用找程序员,自己花5分钟就能搞定——今天我把踩过的坑、摸透的步骤都告诉你,保证你看完就能上手。
先搞明白:为什么要改默认的链接打开方式?
很多人觉得“不就是个打开方式吗?至于这么麻烦?”我当初也这么想,直到朋友给我看了他的后台数据:改之前,用户点外链的跳出率是78%,改了之后降到52%——差别就在这:当前窗口打开会直接把你的页面顶掉,用户想回来得点后退;新窗口打开则是在旁边多开一个标签,你的页面还在那等着。
百度站长平台去年发过一篇关于用户体验的文章,里面提到“用户在页面上的操作路径越顺畅,搜索引擎越会认为你的内容有价值”。对内容型网站来说,比如攻略、测评、教程,用户大概率是要边看你的内容边查资料的——你帮他把链接开好新窗口,等于帮他省了“后退”的步骤,他自然愿意多留会儿。
我还有个做母婴测评的读者,之前写“新生儿奶粉挑选攻略”时,链接都默认当前窗口打开,结果很多用户点了奶粉品牌链接就没回来。后来跟着改了新窗口,她告诉我:“现在用户看完攻略,还会翻我之前写的 diaper 测评,阅读量涨了20%。”你看,小事儿里藏着大影响。
3步搞定修改,我帮你把坑都踩平了
别害怕“改代码”——其实就是找到文件、加两行代码的事儿,我第一次改的时候手都抖,现在闭着眼都能做。咱分步骤来,每一步都给你标清楚:
第一步:找到ckeditor的“配置文件”,别找错地方!
ckeditor的核心配置文件叫config.js
,路径是/dede/ckeditor/config.js(注意:是后台目录dede底下的ckeditor文件夹,不是根目录的!)。我第一次找的时候,愣在根目录翻了10分钟,后来才反应过来——dedecms的后台编辑器文件都存在dede文件夹里,记牢这个路径,别跟我一样犯傻。
找到文件后,用文本编辑器打开(比如Notepad++、Sublime,别用系统自带的记事本,容易乱码)。我习惯用Notepad++,打开后能直接显示代码行号,改的时候更清楚。
第二步:加两行代码,直接控制链接打开方式
打开config.js
后,你会看到里面有一堆config.xxx = xxx;
的代码——比如config.toolbar = 'Full';
(控制编辑器工具栏显示)、config.language = 'zh-cn';
(设置语言为中文)。咱们要加的代码很简单,就两行:
// 控制链接默认新窗口打开
config.linkTarget = '_blank';
加在哪?放在任何一个config.xxx
代码的后面就行(比如原文件最后一行是config.language = 'zh-cn';
,你就把新代码加在它下面)。不用管顺序,只要没放在/.../
注释块里就行(注释块里的内容不会生效)。
我给你解释下这行代码的意思:config.linkTarget
是ckeditor专门用来控制链接打开目标的参数,_blank
是它的“常用值”——代表“新窗口打开”。 还有几个值你可以了解下(后面插个表格给你理清楚):
为了让你更明白,我做了个ckeditor链接配置参数表,一眼就能看懂:
参数名 | 作用 | 常用值 |
---|---|---|
linkTarget | 控制链接的打开方式 | _blank(新窗口) _self(当前窗口) _top(顶层窗口) |
不用记太多,你只要知道_blank
是咱们要的“新窗口”就行——其他值用不上。
第三步:验证效果,别改了白改!
改完代码保存后,一定要清缓存!我见过很多人改了没反应,就是因为没清缓存——浏览器会缓存旧的配置文件,你改了新的它也不读。清缓存的方法很简单:
Ctrl+F5
强制刷新(别只用F5,那是普通刷新,不一定清缓存);清完缓存,咱们来测试好不好使:
target="_blank"
?比如百度
;如果是,那就成了!如果没反应,回头检查这几点:
config.js
?Ctrl+F5
刷一遍试试。这些“避坑提醒”,我用教训换的,你别踩
config.js
,结果编辑器直接崩了——最后还是去dedecms官网下了个原文件覆盖才好。备份很简单,复制一份config.js
改名叫config_backup.js
,放在同一个文件夹里就行,万一改坏了直接替换回来。/.../
包裹的内容,那是注释,加在里面的代码不会生效——比如你写成/ config.linkTarget = '_blank'; /
,等于没加,一定要把代码放在注释外面。最后说句掏心窝子的话
其实dedecms的编辑器修改没那么难,难的是“敢动手”——我当初也是鼓了半小时勇气才打开文件的。你要是跟着步骤做,99%能成;要是遇到问题,评论区留个言,我帮你看看。
对了,改完之后,你可以去后台看“用户行为分析”——比如百度统计里的“页面停留时间”“跳出率”,说不定过两周,你会像我朋友那样,跑过来跟我说“哎?我页面停留时间涨了20%!”
试试吧,又不花钱——反正改坏了还有备份不是?要是成了,记得来评论区报个喜~
我之前帮小区里开美食博客的张姐改编辑器,她就是手快没备份,把config.js改得乱七八糟——本来想加个“默认新窗口”的代码,结果不小心删了两行原代码,回头一刷新后台,编辑器直接变成空白页,急得给我发了三条语音:“小周啊,我刚写的卤煮攻略还没存呢!”其实这事儿特好解决——要是你改文件前留了个心眼,复制一份原文件改名叫config_backup.js存同一个文件夹里,现在直接把坏了的config.js删掉,把备份文件重命名回config.js就行。就跟你电脑里存了份身份证复印件,原件丢了拿复印件再打一份一样,稳得很,用不了一分钟。
要是真没备份也别慌,我去年自己也犯过这蠢事——那时候刚学改代码,手一抖把config.js里的“config.toolbar”参数给删错了,编辑器直接崩得连按钮都看不到。后来还是论坛里的老站长提醒我,去dedecms官网下对应版本的ckeditor插件包就行。你先确认自己用的dedecms版本(后台右上角能看到,比如V5.7或者V5.8),然后去官网找“CKEditor编辑器插件”的下载链接——别找错了,得是dedecms官方适配的版本,不然兼容不了。下完解压开,里面有个ckeditor文件夹,点开就能找到干净的config.js文件。把这个文件用FTP传到你服务器的/dede/ckeditor/目录里,覆盖掉原来坏的那个,再按Ctrl+F5刷新后台,编辑器立马就活过来了。我当时就这么救回来的,张姐后来还特意给我送了碗她做的卤煮,说“比修电脑的师傅还管用”。
对了,还有个小细节得注意:下插件包的时候一定要选和你网站dedecms版本对应的——比如你用的是V5.7,就别下V5.8的插件包,不然可能会出现“插入图片按钮不见了”或者“链接弹窗乱码”的问题。就像你买手机壳得对应型号,不然摄像头孔对不上,再好看也白搭。要是不确定版本,直接看后台登录页的底部,一般都会标着“Powered by DedeCMS V5.7 SP2”这样的字样,照着下准没错。
修改后链接还是默认当前窗口打开,怎么办?
首先检查是否清缓存:按Ctrl+F5强制刷新后台,或通过dedecms后台“系统→缓存更新”清理系统缓存;其次确认文件路径是否正确(是/dede/ckeditor/config.js,不是根目录);最后检查代码是否加在注释外(避免/ /包裹),且没有少写分号。
不小心改乱了config.js文件,编辑器崩了怎么恢复?
如果之前备份过文件,直接将备份的config_backup.js改回config.js即可;若没备份,可去dedecms官网下载对应版本的ckeditor插件包,提取里面的config.js文件,覆盖到/dede/ckeditor/目录下。
能不能让部分链接新窗口打开,部分保持当前窗口?
可以。文章中的方法是设置“默认”新窗口,但插入链接时可手动调整:点击编辑器“插入链接”按钮,在弹出窗口的“目标”下拉菜单中选择“_self”(当前窗口)或“_blank”(新窗口),按需选择即可。
修改链接打开方式会影响网站的SEO吗?
不会。百度站长平台曾明确提到,提升用户体验的优化(如减少用户操作步骤)会被搜索引擎视为优质内容的信号。新窗口打开链接降低了用户跳出率,反而可能间接提升页面权重,无需担心被惩罚。