SANY new website

avad主题WordPress外贸建站Portfolio产品详情页操作流程全攻略(详细图文教程)

avad主题产品分类页面和产品(详情)页面怎么建? 产品详情页面用 Page 还是 Portfolio 来创建? 其实 Product 这些页面 Avada 的作者认为不管是 B2B 还是 B2C,最好是用 WooCommerce 插件来做。但是,Avada 主题本身就比较复杂了,再去安装 WooCommerce 来做产品系统,感觉太繁琐,所以一般来说,B2B 的外贸网站是不会考虑装 WooCommerce 的,但 B2C 的外贸网站是可以用的,至少 WordPress Avada+WooCommerce 也比 Magento 简单多了。 对于外贸 B2B 网站,通常就用 Portfolio 或者 Page 来建立,两者都可以。用 Page 也可以创建,但是会有点麻烦。因为不是所有的 page 都是产品详情页,比如有些是 about us, contact, resource, FAQ 等等,所以如果通过Avad主题的 theme options 对整体的产品详情页进行布局或功能的设置的话,就没办法单独对产品页类型的 Page 来设定。 因此,我们最好使用 Portfolio 来创建产品详情页面。而且,最新版的 Avada 主题对 Portfolio 的修改使得我们更适合用 Portfolio 来作为产品详情页了。 产品分类页面怎么创建?用 Portfolio Category 还是 Page? 由于 Portfolio Category 页面无法编辑,因此我们在 Portfolio 模块创建了 Portfolio Category 之后,也要通过 Page 来创建一次 Category Page。 总的来说,即:每个产品的分类先用 Portfolio 建立一个 Portfolio Category,同时也在 Page 中建立一个 Porduct Category,在该页中用 Fusion Builder 中的 Element 来调用 Portfolio Category。每个具体的产品用 Portfolio 建,并选择好对应的 Portfolio Category。 如果你以前安装过 Avada:以前的 AVADA 版本是在 Fusion Page Options 中设置 Portfolio 选项,现在新的版本中,Page页的 Fusion Page Options 中不再包含 Portfolio了,这是作者出于优化的目的进行的改动。现在的 Avada,我们直接在 Page中用 Fusion Builder 中的 Container 容器中添加 Element,在 Element 中有 Portfolio,用这种办法来添加并选取要展示的 Portfolio Category,即可。 具体流程: Step1: 确定你的产品的结构 这几乎是最简单的产品结构了,产品分类只有一层。 有些行业分得比较细,产品分类有两级:大分类 – 子分类 – 具体产品 这里由于本文篇幅太长,我们就按照简单的情况来写吧。 按照我们在二十三节所述,产品分类主要是:Exterior Led Lights 和 Interior Led Lights。 Step 2: 创建 Portfolio Categories 在 WP 左侧菜单【Portfolio】-【Portfolio Categories】中,依次添加这2个类别。 Step 3: 为每个具体的产品创建一个 Portfolio 作为产品(详情)页 Step 3.1) 先为所有 Portfolio 产品页设置全局的默认值 我们新建 Portfolio 时,在新建的页面编辑器下方也会有 Fusion Page Options。Fusion Page Options 这个大家应该不陌生了,前面也讲了这个。其中会有 Portfolio 选项。 然后我们一般去在 Fusion Page Options 中去设置一下 Portfolio 的选项。在 Fusion Page Options 的左侧第一个选项就是 Portfolio, 仔细看这张截图,对比你的网页,你会发现,我的截图上的 Default 的值跟你的不太一样。为什么呢? 首先我们想想,如果我有100个产品,那么要建立100个 Portfolio,如果每个 Portfolio 创建时还要在下面的 Fusion Page Options 再设置一些细节,那么工作量将会很大。那么有没有针对 Portfolio Single Post 的统一的设置呢?当然有! […]

查看更多
wordpress ssl https

使用阿里云免费SSL证书实现全站HTTPS化

苹果和小程序开发都开始要求使用https服务,而且运营商广告注入也越来越疯狂。所以,实现网站https很用必要。 实现https就需要一个SSL证书。证书大部分都很贵,不过也有一些免费的证书服务供个人开发者使用,这是一个大好消息。比如腾讯云,七牛云,阿里云。 我们今天就拿阿里云来实践一下,因为我的服务器也在这里。 原文链接:https://weiya.me/item/66.html 购买SSL证书 首先第一步就是获取一个证书。来到阿里云购买证书页面。传送门:阿里云免费SSL地址 选择如下图的配置。其他的也买不起o(╯□╰)o 点击立即购买,然后下一步,直接支付就可以了。 看下支付成功 之后,去阿里云控制台,选择菜安全(云盾)->证书服务,可以找到刚刚的购买好的订单。 刚刚买好的订单,证书状态为待完成。需要点击补全链接进行补全。 补全信息 补全信息就是填写一些你的域名信息和你的个人信息,顺带验证下域名是你的。 第一步是填写域名。这里不能写通配符域名,需要写普通域名,就是类似于www.baidu.com或者images.baidu.com这种。 所以,当你需要多个二级域名的时候,你需要购买多个免费的SSL证书。 下一步,填写个人信息。 这里面要注意,红框内的域名验证类型。 DNS:是在域名解析记录里面添加一条记录来证明域名是你的。 文件:是传一个文件到你的域名根目录方式来证明域名是你的。 其中如果选择DNS的,并且域名在阿里云的可以直接勾选下面的复选框,这样阿里云就会自动帮你填写域名解析记录,全自动。 点击下一步,进入生成CSR界面,这里为了简单,选择系统生成。点击创建自动创建。 查看状态 完成上面所有工作后。回到证书订单列表,信息会显示在审核中状态。点击进度可以查看之前步奏是否有问题。 如下状态是成功: 如果点击进度,弹出对话框如下。 注意红色字。说明,系统在域名解析中添加TXT记录存在冲突。那么说明你的域名中存在同名的CNAME记录。因为,CNAME和TXT同名会冲突。 我们去域名解析界面看下: 果然,这里存在同名的CNAME。解决方案: 先删除CNAME,添加TXT记录,等到域名授权验证通过。这时再删除TXT,把CNAME写回来。 先把CNAME改为A记录(因为A记录和TXT不冲突),然后添加TXT。等到审核通过同上。 一切问题都解决了,下面就等签发。 安装服务器证书 等到签发完成后,我们直接点击对应域名的下载链接。 跳转到该界面,选择你对应的服务器,下载证书。我这里是apache 下载完成后,文件包内应该有4个文件。 我们去服务器apache安装的目录创建一个文件夹cert,在里面再创建一个文件夹admin(这里为了放多个域名证书,便于管理)。将刚刚下载的4个文件全部传到服务器。 提示: ubuntu服务器的apache默认安装目录为/etc/apache2 修改虚拟主机配置 证书文件传好了之后,我们需要使用证书。这里是在apache的配置文件中引用。 首先看一下之前的apache虚拟主机配置: <VirtualHost *:80> DocumentRoot /var/www/admin/ ServerName admin.bidianer.com <Directory “/var/www/admin/”> Options FollowSymLinks AllowOverride all Order allow,deny Allow from all </Directory> ErrorLog “/mnt/bidianer_error.log” CustomLog “/mnt/bidianer_runtime.log” common </VirtualHost> 这里的虚拟主机是80端口,而https走的是443接口,所以我们不能再使用之前的80端口配置。需要重新配置。但是,如果我们还想保留http访问,也想用https访问,那么就保留这个配置,再新建一个配置。 <VirtualHost *:443> DocumentRoot /var/www/admin/ ServerName admin.bidianer.com <Directory “/var/www/admin/”> Options FollowSymLinks AllowOverride all Order allow,deny Allow from all </Directory> SSLEngine on SSLProtocol TLSv1 TLSv1.1 TLSv1.2 SSLv3 SSLCipherSuite ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4 SSLCertificateFile cert/admin/public.pem SSLCertificateKeyFile cert/admin/214082306780502.key SSLCertificateChainFile cert/admin/chain.pem ErrorLog “/mnt/bidianer_error.log” CustomLog “/mnt/bidianer_runtime.log” common </VirtualHost> 解释: 上面这个配置是监听443端口,所以当使用https访问的时候会使用该配置。该配置大部分和上面的都相同,但是却多了这一段代码。 SSLEngine on SSLProtocol TLSv1 TLSv1.1 TLSv1.2 SSLv3 SSLCipherSuite ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4 SSLCertificateFile cert/admin/public.pem SSLCertificateKeyFile cert/admin/21408*****0502.key # 这里我隐藏了部分数字 SSLCertificateChainFile cert/admin/chain.pem 这段代码就是告诉服务器使用刚刚我们下载好的证书。把其中的地址改为你的就可以了(尤其注意那串数字文件要记得改) 接下来重启apache服务器 /etc/init.d/apache2 restart 打开浏览器,使用https协议访问你的网站(这个https生效需要时间,时间不确定,所以不会立即可以访问)。我的https://www.bidianer.com。绿色图标出现,一切ok CDN使用HTTPS 这部分内容不是必须的,是你使用了CDN服务才会用到 如果你在阿里云买了CDN,那么如何使用HTTPS。这个方法很简单,阿里云已经提供了。 在开始之前,首先记得把你的相关域名解析到阿里云的CNAME,这样才可以使用CDN,再谈CDN使用HTTPS 第一步,打开你的CDN域名列表 点击相关域名的配置链接,进入配置页面。   主要需要配置红框内两个内容。 回源设置 第一个回源设置 其中源站信息,有3种选择,这里比较常用的是IP,选择后填写IP地址即可,端口选择443端口 回源HOST,开启,选择加速域名。 回源方式,开启协议跟随回源 这里说一下回源HOST,这个最好选择默认的加速域名,不要选择自定义,如果你当前的域名是www.bidianer.com,你自定义回源HOST为bidianer.com,那么在你网站中获取的网站host信息就是bidianer.com而不是www.bidianer.com。 比如PHP中$_SERVER[‘HTTP_HOST’]就是bidianer.com,而不是www.bidianer.com,会出问题有时候。 HTTPS设置 第二个HTTPS设置 点击状态开启即可。 选择你之前创建的相关域名证书。 强制跳转可以选择自己想要的。 这里说下证书名称要和你的证书列表对应起来,否则会出错。证书名称在这里: 开始你的可能是一串乱七八糟的数字,最好修改一下,后面选择证书不会出错。 选错了证书会有啥问题? 浏览器地址栏会提示: 用户打开会是个警告页面,网站就倒闭了。 最后提醒下,CDN使用HTTPS也会有很长时间的延迟,不要着急 严颖,星空幻颖 2017.4.27 2017年04月27日发布

查看更多
72f082025aafa40f06f75fadab64034f78f01988

为什么使用WordPress搭建外贸网站其好处优势何在?

为什么使用[taok]WordPress[/taok]搭建外贸网站?使用wordpress建外贸网站的好处,优点缺点有哪些。请大家看看这篇文章。 每当提到我们是使用Wordpress搭建外贸网站的时候,很多的外贸SOHOer小伙伴们会说,“哦,那是个博客,我想要做一个企业的网 站,而不是一个博客”,其实,这里有一个先入为主的误区,Wordpress的确是一个很强大的博客系统,并且他也是以这样的一个身份逐渐的为大家所熟 知,其实,随着时间的发展,他已经成为了一个出色的内容发布和管理系统(CMS),你不仅仅可以使用它搭建博客,也可以搭建非常优秀的企业网站,甚至是一 个小型的论坛。下面我们就依据以下几点来说明,使用Wordpress建外贸网站的优势: 1 安全性 基于安全和易用性的考虑,Wordpress会经常的对自己的程序进行更新维护,而且所有的更新维护都十分的简单,只需要在后台点两下鼠标就可以完 成,真的是点两下哦!而相比于一般国内建站公司自己开发的CMS系统,可能在系统的更新维护上会有一些问题,网站的安全性得不到充足的保障。 2 网站的模板 基于Wordpress开发的网站主题丰富多样,可选择的范围很广,看看Themeforest.net就能够大概的有所了解了,我们推荐使用它们的模板: 这些模板都是经过检验的,安全性上不会有问题,模板的发布商对模板也会定期的更新,提供免费的升级服务 费用一般在US$30-US$50, 大都在40美元左右,费用上还是可以接受的 绝大部分的模板都是国外专业的网站设计师设计的,在外观,功能等方面符合他们的审美 3 外贸网站的自适应性 智能手机以及平板电脑的使用大大的改变了人们的生活工作方式,如果你有在使用Google analysis或者邮件营销系统,你可能会发现,从他们反馈回来的报告中可以看到,很多的流量都是来自于移动端,而不是PC,也就是说很多的客户都是通 过手机或者平板来上网寻找资源的,一般的外贸建站服务商提供的模板,通过手机访问的时候,浏览的体验很差,而基于Wordpress开发出来的外贸网站, 现在基本上都会注意到网站的自适应性,以提高访客的体验 4 你期望你的外贸网站是死的还是活的? 随便找几个国内现在的企业网站,你就会发现大多数企业网站都是一个架子,没有流量,纯粹只是一个企业网站。甚至有的企业一年都不更新一次的,在搜索引擎上面不用说也排不到好的名次。这些网站的特点就是没有网站优化的基本框架,没有更新维护,自然获不到好的流量。 其实你应该简单的了解下联署营销,外贸圈里面还有这样一群SOHOer,他们通过撰写英文的博客来获得大量的有效流量,通过把流量卖给其他人来获得收入。 在以前提供建站服务的时候,我也反复的强调,一定要重视博客的功能,因为通过在博客中布置大量的长尾关键词,可以让你的网站的流量有相当大的提升。而且相信,一个网站,大约80%的流量应该是来自于这些很不起眼的长尾关键词的。 然而可悲的是,这一点,在国内认知度,认可度并不是很高。即使是有服务商的模板里面提供了博客功能,也很少有SOHOer会重视他们的作用。 5 强大的插件功能 WordPress的另外一个特点就是它的扩展性很强,插件丰富,很多功能都是可以通过插件来实现的,例如多语言站点,在线客服系统,网站加速,网站的SEO,网站的自动备份等等等等, 而且大部分的插件都是免费提供给大家使用的。 6.价格低廉 国内这些做网站的人为什么不愿意让你去用WordPress建你自己的网站呢,一方面可能他们真的不知道WordPress可以这么去做,或者有这种更好的方法,另外一个方面,在国人眼里面,在我们自己眼里面,会编程很牛啊,可以去设计什么的,所以这种东西才能卖上价格,所以才会有人卖出2万3万的价格。 其实这些2万3万的网站往往一塌糊涂,没有流量,没有询盘,如果你是2万块钱做的网站你就可以看看自己现在是不是这种情况。OK,那么用 WordPress就完全不一样的,成本非常非常的低,那么这些建站公司如果把这种Theme卖给你的话,他卖不出价格,因为这种Theme本身也不值 钱,可能也就几十美金的样子,因为这些作者他不光只卖你一个人,他每个月可能的收入会在5、6万美金的样子,大量的人去买他们的这些非常非常好的主题,做 的网站非常非常的漂亮,有可能让你感觉是20万做出来的网站都有。所以对这样的一个开源的程序的话,不太会有建站公司愿意去卖给你,因为他卖不出两三万。

查看更多
19

外贸SOHO详细5步骤WordPress搭建教程外贸营销网站实战图文指南

所有文章 WordPress搭建教程认为Wordpress是一个很强大的内容管理系统,它起初以免费博客系统的这个身份逐渐的为大家所熟知,但随着时间的发展,全球开发应用者的共同开发维护,他已经发展成为了一个出色的内容发布和管理系统(CMS),你不仅仅可以使用它搭建博客,也可以搭建非常优秀的企业网站,甚至是一个小型的论坛。WordPress是个开源免费博客软件,主要用来建博客网站,但是通过WordPress各种主题和插件,我们可以做企业站,内容发布CMS网站,B2C商城网站等等;当然用WordPress来搭建外贸网站也不在话下,本WordPress搭建教程就将一步一步教你使用WordPress搭建一个简单的外贸网站。 WordPress搭建教程之为什么使用WordPress做外贸网站? WordPress外贸建站使用好处,优势不是一点点,具体看之前写的一般总结文章《为什么使用WordPress搭建外贸网站其好处优势何在?》。做外贸网站,都是为了更好地营销产品,网站外观,页面做得再好,如果没人访问都是白费力气。WordPress做的网站符合搜索引擎优化的标准,用它可以最大限度的优化推广你的网站;另外WordPress还有超多的优化插件免费付费的都有,如 All in One SEO Pack(可以对网站站内内容进行优化)、Google XML Sitemaps(自动生成sitemap.xml 并提交给Google,Yahoo,Bing等国外主流搜索引擎);这样你每更新一个产品,一篇文章都可以自动通知Google,Yahoo等,这些都对 你网站的优化起到很大的作用,给你网站带来流量,带来订单。WordPress丰富的主题和插件也可以让我们做出多样的,美观大方的网站。 使用WordPress建一个外贸网站实战教程 第一步:使用WordPress在线网站空间或本地电脑安装一个WordPress网站 如果你的虚拟主机和域名是在同一个空间商处购买,如HostMonster主机和域名,那么你可以根据文章《如何使用网站空间的建站功能建WordPress网站》,使用空间的建站功能1小时快速建站;如果你的虚拟主机和域名是分开购买的,那么可以参考文章《快速简单地使用WordPress建一个网站》按步骤在空间建站。 第二步:为安装好的WordPress网站安装做外贸网站所需的主题和插件 使用WordPress做外贸网站,主要有2个方法。 方法一: WordPress安装外贸网站主题(带产品列表功能)搭建外贸网站。目前国内的外贸网站主题不是很多,而且有些收费也不便宜,国外适合用来做外贸网站的主题可以使用一些Business主题,但是他们的产品列表不适合产品比较多的外贸网站,可用主题很多,但是找到一个完全满意的需要花点时间,使用此方法做外贸站可以看文章《使用WordPress企业网站主题1天搭建外贸网站教程》; 方法二:WordPress安装支持WooCommerce插件的主题搭建外贸网站。通过使用WooCommerce商城免费插件,再配合WooCommerce–excelling eCommerce及相关电子商务插件来做外贸网站,有同学问这个方法是不是只能做在线B2C网店?其实不是,只要我们在发布产品时输入产品信息的时候不输入产品价格,那么WooCommerce商城就是一个单纯的展示商品的网站。这个方法搭建外贸网站相对简单点,主题和插件也好找,而且免费的也比较多,对于外贸新手真实求之不得,节约预算,这个方法还有一个好处就是有很多功能插件是基于Woocommerce–excelling eCommerce来做的,这样我们可以给予网站更多强大的功能;如果主题和插件运用得当,也可以做出不错的效果来。 本文着重介绍方法2搭建外贸网站。 教程使用主题与插件如下: 1、主题:Vantage,免费主题,百度云盘下载地址(也可在WordPress网站后台可以搜索安装); 如何安装主题可以百度“WordPress的主题与插件的安装使用;2、插件:WooCommerce–excelling eCommerce, Page Builder by SiteOrigin,Contact Form 7 , Meta Slider ,Product Enquiry for WooCommerce ,YITH Woocommerce Compare,WooCommerce Products Per Page;如何安装插件请百度“WordPress的主题与插件的安装使用”; 第三步:为外贸网站添加about,Company Profile, Contact Us, FAQs, Products ,Blog等功能页面 如何WordPress建外贸网站增加功能页面,文章,产品及类别,请大家百度,做外贸真的要学会用好几大搜索引擎。 1、通过Pages->Add New 添加Company Profile 页面 ,并为Company Profile添加预先准备好的企业介绍资料; 2、通过Pages->Add New ,建一个Shop(或Products)页面,不用填写内容,然后使该Shop(或Products)页面与WooCommerce–excelling eCommerce的Products列表功能关联起来,,如果使用的是付费主题,可以查看avada教程创建产品页。 关联的方法是:通过左侧菜单中WooCommerce->Setting->Products标签下,Product Archive / Shop Page选择Products页面;关联后再点击Products页面则会显示全部产品列表;(WooCommerce改版后,指定产品页面需要在WooCommerce->Setting->Products->Display标签下了); 3、通过Pages->Add New 增加Contact Us页面: 插件Contact Form 7安装后,在该插件设置页面(在左侧功能菜单有个Contact链接)新建一个Contact Form(联系表单),填写该Contact Form的邮箱等信息,保存,然后复制其代码(shortcode);然后在新建的Contact Us 页面填写公司联系信息,并粘贴刚在插件Contact Form 7中建立的联系表单的代码(shortcode),如下图:(注:Contact Form 7 涉及到邮件发送,所以要求你的主机空间支持 mail() 函数,或者配合SMTP插件来使用。) 联系我们页面前天效果如下图: 4、通过Pages->Add New 增加FAQs页面,填写FAQs的各个问题与回答; 5、通过Pages->Add New 增加Downloads页面,为网站建立一个资料下载区Downloads; 6、安装WordPress和WooCommerce插件后,都会自动生成了些页面,如果不需要可以删除掉它们;在做你自己的网站的时候,你也可以根据自己需要增加其他页面比如添加博客页面等; 第四步:为外贸网站通过WooCommerce–excelling eCommerce的Product功能增加产品类别和产品; 要先添加商品类别(add category),然后才添加商品(add product),不然你添加商品的时候就没办法选择产品分类了;添加商品(add product)时,编辑商品,在商品编辑页面右侧可以选择商品类别,商品图片是在添加featured product,添加多个图片是gallry; 1、增加产品类别:安装WooCommerce–excelling eCommerce插件并启用后,在左侧菜单列表中有Products一项,点击该项下面的Categories选项进入添加产品类别页面: 2、添加各分类商品:还是左侧功能菜单Products一项,点击该项下面的Add Product进入增加商品页面,填写商品信息,选择产品类别,上传产品图片等,如图: 第五步:为网站调整,自定义顶部导航,底部导航,还有右侧边栏的内容 产品在网站上的显示是通过自定义顶部导航,侧边栏,把产品类别放在顶部导航,侧边栏上,点击相应的分类则显示相应的产品,见下面的设置; 如何调整,自定义顶部导航,底部导航和侧边栏,请看文章《调整,自定义WordPress网站顶部导航,底部导航和侧边栏》; 1、顶部导航添加:通过左侧功能菜单 外观(Appearance)->菜单(Menu)创建一个顶部导航菜单(命名为Main Menu),把About,Products,News、FAQs,Downloads、Contact等页面添加到该菜单,并把产品类别(product categories)下面的各个产品category添到菜单,然后拖动到Products页面下做为二级菜单;另外添加个自定义链接(Links)到菜单(点击该自定义链接Custom后面那个箭头打开编辑这个Link的Title为Home,链接URL是到网站域名);然后拖动各菜单调整显示顺序,保存并指定位置为Primary Menu,一定要指定位置,不然不生效,不在导航显示;如果在Appearance->Menus中没有Products Categories这些可以添加到菜单的,请在Menus页面中点击右上角的Screen Options,勾选上Products Categories;另外,右边要View All来浏览所有的页面,或者产品类别; 2、底部小工具菜单:我的主题Vantage支持底部多个竖栏,一般在外观(Appearance)->小工具(Widgets)那里,把小工具(Widget)加到Footer边栏即可; 方法一:通过添加几个Text小工具,然后修改Text的标题为Product, Company,Support等等,并在Text文本框内添加链接代码 (支持Html代码,链接代码写法为:<a href=”页面网址”>链接的瞄文本(页面标题)</a> ),链接到网站其他页面; 方法二:先在外观(Appearance)->菜单(Menus)那里创建几个菜单,分别为Company Info,Products添加页面,产品分类等到这几个菜单,保存,不用指定位置;然后在外观(Appearance)->小工具(Widgets)那里,添加两个自定义菜单(Custom Menu)小工具到Footer边栏,每个自定义菜单(Custom Menu)小工具分别命名为Products, Company Info并分别选择前面创建的Products, Company Info两个菜单,这样就不用像方法一那样写代码了。 接着设置footer 小工具(Widgets) 底部设置前台效果如下: 最后网站做好效果如下(www.dalian-world.com): 怎么样按照wordpress搭建教程建一个外贸网站是不是很简单?更多教程查看wordpress外贸建站文章汇总页。如何觉得自己建站困难,可以考虑我们外贸建站服务。

查看更多
16

wordpress文章内容显示不全,不能自动换行

做外贸建站,经常要建多个语言的 网站,有些语言WordPress内容显示经常出现状况,比如wordpress对俄语显示就是个悲剧,刚开始是slug别名无法正常显示,现在又是文章内容不能完全显示,不能自动换行,专业术语叫内容溢出。 通常出现在过长的字符串,如俄语、西语、超链接等。经过一番搜到,百度后,有如下解决方案: 解决方法: 只要给包含文章内容的 id 或 class 选择器添加如下css代码即可。 #content .post{width:640px;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;} 注:上面的 #content .post 要根据自己的实际修改。 相关属性讲解 white-space : http://www.w3school.com.cn/css/pr_text_white-space.asp word-break : http://doc.51windows.net/css2/?url=/css2/css2/c_wordbreak.html word-wrap : http://doc.51windows.net/css2/?url=/css2/css2/c_wordbreak.html overflow : http://www.w3school.com.cn/css/pr_pos_overflow.asp

查看更多