所有由崇远网站建设发布的文章

WPML3.9.1免费下载(含12个组件)

遇到WPML问题可加QQ群讨论,WordPress+WPML QQ群号:598686967

下载链接:WPML

群文件中有WPML最新版,群主买的是永久更新、无限网站数量的版本;可以到群文件中下载;

WPML的版本更新,需要根据网址生成一个key,可以把网址(https和http不一样,带www和不带www不一样)发给群主,群主免费帮你注册之后你填写key之后就可以永久更新了。

群文件中的zip压缩包下载解压之后,会发现12个zip,并不需要全部安装:

sitepress-multilingual-cms.3.9.1.zip-这个zip是WPML的核心组件,所以建议首先安装这个zip;

gravityforms-multilingual.1.3.16.zip-这个zip是WPML用来翻译插件“Gravity Forms”的,如果你没有安装插件“Gravity Forms”,就不要安装这个zip;

wpml-all-import.2.0.4.zip-这个zip是WPML用来翻译插件“WP All Import”的,如果你没有安装插件“WP All Import”,就不要安装这个zip;

acfml.0.6.zip-这个zip是WPML用来翻译插件“Advanced Custom Fields”的,如果你没有安装插件“Advanced Custom Fields”,就不要安装这个zip;

wpml-mailchimp-for-wp.0.0.1.zip-这个zip是WPML用来翻译插件“MailChimp for WordPress”的,如果你没有安装插件“MailChimp for WordPress”,就不要安装这个zip;

Avada主题汉化简体中文语言包.mo免费下载

遇到Avada问题可到群里讨论, WordPress+Avada主题 群号:475525165

在QQ群里回答问题时,经常有人寻找Avada主题汉化简体中文语言包;

其实Avada主题官方自带的有各种语言的语言包,只需要你上传到指定位置就可以显示为中文了。

打开你购买的Avada主题,有一个“Languages”文件夹,里面有三个子文件夹“Avada”、“fusion-builder”、“fusion-core”,每个文件夹中都有一个以“-zh_CN.mo”结尾的文件,这就是指的简体中文。

Avada-zh_CN.mo-这是主题语言包,上传到:wp-content/languages/themes/

fusion-builder-zh_CN.mo-这是插件语言包,上传到:wp-content/languages/plugins/

fusion-core-zh_CN.mo-这是插件语言包,上传到:wp-content/languages/plugins/

参考Avada官方文章:https://theme-fusion.com/avada-doc/translations/included-language-files/

如果你拿到的主题中没有“Languages”文件夹,可以直接在这里下载,解压之后上传到上述文件夹中:

Avada-zh_CN.mo

fusion-builder-zh_CN.mo

fusion-core-zh_CN.mo

 

WordPress+Avada主题

手机移动端前端开发切图之head(meta、media query)

一、手机端必备meta

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />

备注:我详细看过每个属性的含义,但在我遇到的项目中都没有修改属性值的必要,所以我一般都是直接复制粘贴;如果想刨根问底,点击http://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.html

二、

怎样提高做前端开发切图的效率

前端开发作为网站建设中最有标准的一个流程,提高效率的可能性还是蛮大的;对于新兴的技术,这方面如果学习或者定制需要时间,这还可以理解;但是有大部分订单其实用到的知识点都是差不多的,如果把需要用到的都准备好,感觉应该能对切图速度有所改善;

一、把常用的jQuery库、jQuery插件库、CSS reset 全都整理好,放在约定的硬盘中;

二、熟练使用前端编辑软件(推荐sublime text)快捷键;熟练掌握emmet(对于emmet,从去年十一就嚷嚷着要学,到现在也没全学会,还自我安慰用处不大,其实就是太懒了,本周必须全过一遍)等有利于加快写代码速度的工具;

css画三角形边长宽高原理分析

css绘制三角形,已经有很多大神写过很详细的用法,在此不做赘述;http://www.jb51.net/article/42513.htm

最近一个项目需要用到精确到1px的三角形,但是查遍所有教程都只有用法,而没有对边长和宽高进行具体原理分析,导致此处修改数次耽误了挺长时间才做到让设计师同事满意;所以在项目结束后,通过chrome dev tool 详细分析下边长和宽高原理;

先看一段代码:

<div style="width:0;height:0;border-left:60px solid transparent;border-right:40px solid transparent;border-top:50px solid #ddd;"></div>

下面是这个代码在浏览器中的样子:

通过chrome dev tool 查看,这个三角形的宽是100px,高是50px;

由此可知:

此三角形的高(此处所说的高以中学课本定义为准:即顶点到底边的垂线)为有颜色的border(即#ddd)的border-width;

而底边被垂线分成两部分,分别是对应的border的border-width;

底边边长是两个transparent的border的border-width相加之和;

新闻内容页图片水平居中css

为新闻内容页切图的时候,经常会遇到图片居中的问题;

因为要考虑到用户从后台输入的时候不会用class;

解决方案一:点击后台编辑框的居中按钮,生成的代码如下

<div align="center">居中测试</div>

分析:好处是比较符合网站编辑的用户体验;缺点是如果图片多的话,这样点来点去也挺头疼的;

解决方案二:把img设置为块级元素

.news_con img{width:auto;display:block;margin:0 auto;}