2021年Wordpress手把手教你做个独立站——安排篇
<h1 style="color: black; text-align: left; margin-bottom: 10px;">2021年Woocommerce电商主题的安装<span style="color: black;">安排</span>教程</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Woocommerce是一个Wordpress的一个流行的电商插件。完成Wordpress的安装即已完成80%。剩下的便是去寻找一款合适的自己<span style="color: black;">爱好</span>的主题。<span style="color: black;">这儿</span>我常去主题森林去寻找<span style="color: black;">关联</span>主题。关于WP的安装，请参考我之前的<span style="color: black;">文案</span>，<span style="color: black;">亦</span><span style="color: black;">能够</span>在任意一个<span style="color: black;">媒介</span>平台搜索“今何用”，去解锁历史好文，这儿<span style="color: black;">再也不</span>重复。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/62abfa436ecf409c957cb807df27cd22~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=%2BwSbxtbwSCW%2FwsjPiPd7Ne4WCCU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">前言</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">从写自<span style="color: black;">媒介</span><span style="color: black;">文案</span>，到<span style="color: black;">此刻</span><span style="color: black;">已然</span>半个月过去了。写到<span style="color: black;">此刻</span>总算是进入<span style="color: black;">咱们</span>的电商主题。<span style="color: black;">倘若</span>你想有一个成本贼低，不想要经过各个大的电商平台去经过长达数日的审核<span style="color: black;">熬煎</span>，<span style="color: black;">亦</span>不想<span style="color: black;">由于</span>上传商品后，莫名其妙地遭到下架，更不想花费本来就不多的银子去友盟，有赞购买精美而并不实用的模板挂件，<span style="color: black;">乃至</span>被疯狂的<span style="color: black;">tel</span>营销忽悠去买一套<span style="color: black;">所说</span>的王者定制网站。<span style="color: black;">那样</span>WP下的WooCommerce，以下简<span style="color: black;">叫作</span>Woo。绝对是你的<span style="color: black;">第1</span><span style="color: black;">选取</span>。倘若你再多花费几分时间，多参考<span style="color: black;">有些</span>别人的网站案例，<span style="color: black;">那样</span>你<span style="color: black;">乃至</span><span style="color: black;">能够</span><span style="color: black;">经过</span>拖拽来自定义出自己的专属电商网站。你<span style="color: black;">能够</span>制作自己的<span style="color: black;">营销</span>策略页，<span style="color: black;">亦</span><span style="color: black;">能够</span>制作节日的活动页。<span style="color: black;">倘若</span>你发挥一点自己的想象，搞个<span style="color: black;">一块</span>拼多多式的团购策略，<span style="color: black;">亦</span>不是不<span style="color: black;">能够</span>。<span style="color: black;">那样</span>，你还等什么，<span style="color: black;">一块</span>Show起来。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">想了半天，还是得啰嗦一句。Woo这东西毕竟是西方人<span style="color: black;">爱好</span>用的东西，<span style="color: black;">咱们</span><span style="color: black;">此刻</span>在国内<span style="color: black;">运用</span>，说好听点，叫做舶来品。<span style="color: black;">倘若</span>一层不变地搬过来，多少有点不适合过期，毕竟国内的电商都是从一个页面<span style="color: black;">转</span>到另一个页面，眼花缭乱。又经<span style="color: black;">太多</span>年的线上购物熏陶，第三方非主流的网站，可信度又不是很高。我想这<span style="color: black;">亦</span>是独立站<span style="color: black;">日前</span><span style="color: black;">无</span>在国内发展起来的<span style="color: black;">原由</span>之一。但在一个小的社区之间，他的<span style="color: black;">功效</span>还是非常<span style="color: black;">显著</span>的，简单快速，成本<span style="color: black;">优惠</span>。<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">做为</span>品牌的官方商铺，用来<span style="color: black;">守护</span><span style="color: black;">制品</span>信息后，同步到其他平台。当然，电商ERP在这方面更专业，<span style="color: black;">花费</span>自然<span style="color: black;">亦</span>更为昂贵。至于<span style="color: black;">更加多</span>的用途，<span style="color: black;">能够</span>请<span style="color: black;">朋友</span>们结合自己当下的场景去思考。我在后续的<span style="color: black;">文案</span>中，<span style="color: black;">亦</span><span style="color: black;">尽可能</span>把页面的风格设计的有国内电商的内味儿。而不是像其他的<span style="color: black;">教育</span><span style="color: black;">同样</span>，泛泛而谈，只顾着圈流量。把舶来品做<span style="color: black;">成为了</span>舶来品该有的样子。多说无益，<span style="color: black;">咱们</span><span style="color: black;">起始</span>吧。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上两段是备案失败前写的，被现实打脸了。我<span style="color: black;">亦</span>不删掉了，先留着，<span style="color: black;">做为</span>思考的记录，至于<span style="color: black;">为何</span>会失败，去看我的上篇<span style="color: black;">文案</span>就行了。后面的讲解<span style="color: black;">亦</span>基于本地环境进行了。<span style="color: black;">再也不</span><span style="color: black;">运用</span>生成模式。至于怎么本地环境怎么搭建Wordpress，网上<span style="color: black;">文案</span><span style="color: black;">非常多</span>，<span style="color: black;">大众</span><span style="color: black;">自动</span><span style="color: black;">处理</span>，<span style="color: black;">针对</span><span style="color: black;">没法</span>下载的内容，请自备梯子。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">既然只能国际形式的独立站，国内的叫法便是跨境电商独立站模式。语言<span style="color: black;">选取</span>上，<span style="color: black;">咱们</span><span style="color: black;">亦</span><span style="color: black;">运用</span><span style="color: black;">高挑</span>上的英文模式。<span style="color: black;">咱们</span><span style="color: black;">思虑</span>的是需要把自家的<span style="color: black;">制品</span>，<span style="color: black;">营销</span>给国际友人，以此来赚取外汇收入。好了，废话不多说，让<span style="color: black;">咱们</span>进入正题。</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">安装主题</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1，主题的<span style="color: black;">选取</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span><span style="color: black;">咱们</span>打开，主题森林，themeforest.net，打开搜索<span style="color: black;">要求</span>，</p>themeforest.net/category/wordpress/ecommerce/woocommerce?sort=sales，（若<span style="color: black;">不可</span>直接打开，<span style="color: black;">能够</span>复制前面的链接去<span style="color: black;">自动</span>打开）
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/fbcdad2cb75f4f22b83974022d4f9440~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=x%2B3Do4kydWq41Sv5grQTBf3HjCk%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span><span style="color: black;">能够</span>看到，单是Woo的<span style="color: black;">关联</span>电商主题，多达千余个。<span style="color: black;">瞧瞧</span>前面几个的<span style="color: black;">营销</span>量<span style="color: black;">已然</span>达到百万之多的<span style="color: black;">营销</span>量，且<span style="color: black;">花费</span>不低，折合RMB接近400块。<span style="color: black;">倘若</span>你感兴趣，有点<span style="color: black;">制品</span>和美术思维，<span style="color: black;">经过</span>我后面<span style="color: black;">举荐</span>的<span style="color: black;">有些</span>工具，<span style="color: black;">乃至</span>不需要学习前端知识，只需要对WP的模板理解深刻，就<span style="color: black;">能够</span>制作一套自己的主题，进行售卖后赚取美金。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">嗯~ o(￣▽￣)o，说了这么多，又有这么多的主题，是不是<span style="color: black;">忽然</span>有种<span style="color: black;">选取</span>困难症了。嘻嘻~这就对了，<span style="color: black;">那样</span>贵的主题，总<span style="color: black;">不可</span>一个个地都试一遍吧。我这边有个小<span style="color: black;">意见</span>，<span style="color: black;">便是</span><span style="color: black;">能够</span>结合着，你当前要<span style="color: black;">营销</span>的商品品类来<span style="color: black;">选取</span>，<span style="color: black;">这般</span><span style="color: black;">能够</span>省去<span style="color: black;">有些</span>专有的设计时间。<span style="color: black;">例如</span>，时尚美衣，电子<span style="color: black;">制品</span>，家居家电，生鲜美食，零食外卖<span style="color: black;">亦</span>是<span style="color: black;">能够</span>的。把当下的模板都预览一下，总能找到一款心仪的<span style="color: black;">制品</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">做为</span>小白怎么办呢？对呢，我<span style="color: black;">亦</span><span style="color: black;">同样</span>，虽然没用个几个，<span style="color: black;">然则</span>看在<span style="color: black;">营销</span>量的数据上，<span style="color: black;">第1</span>个，Top Sell，是<span style="color: black;">公众</span>的<span style="color: black;">选取</span>应该不会错。我<span style="color: black;">无</span>为他打<span style="color: black;">宣传</span>，<span style="color: black;">做为</span>入门级别的Woo电商主题，Flatsome确实是小白的首选。这个在后面的教程进行对比就<span style="color: black;">晓得</span>了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2，Flatsome购买</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开预览Priview，<span style="color: black;">能够</span>先<span style="color: black;">瞧瞧</span>其主题有<span style="color: black;">那些</span>风格和样式，点击购买，一步步操作就完事了。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c11159eb30b04581866f6219c65bc97e~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=VTsx6i1TdP0HKacPLhhx8KbARTU%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">做为</span>撰写博客的演示和<span style="color: black;">朋友</span>的自我练习，我这边还是悄悄地告诉<span style="color: black;">大众</span>两个<span style="color: black;">能够</span>找到别人买好的主题，<span style="color: black;">供给</span>的下载网站，但仅<span style="color: black;">做为</span>学习之用，千万不要直接用于<span style="color: black;">商场</span>，毕竟现在互联网<span style="color: black;">针对</span>版权的<span style="color: black;">注重</span>已不是过去的<span style="color: black;">状况</span>。否则打官司到破产，不要告诉我<span style="color: black;">无</span>提醒你。想要的<span style="color: black;">朋友</span>麻烦去我<span style="color: black;">微X</span>找我，聪明的你相信这不是问题，去回复关键词 “试用WP模板网站”，<span style="color: black;">就可</span>拿到，<span style="color: black;">亦</span><span style="color: black;">能够</span>回复“Flatsome”得到该主题的链接。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3，安装Flatsome主题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">提前准备好一个干净的WP网站，最好不要安装任何插件。<span style="color: black;">以避免</span>产生<span style="color: black;">有些</span>未知的bug。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下载zip包后，要解压找到主题文件下的包进行安装。千万不要直接把下载的zip上传到主题，那样只会失败。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7523edcfe0584087915443cfaf25c5f1~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=R0CdaPWMTsFPy0zWii%2BO32cXad0%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">安装完成后，<span style="color: black;">能够</span>立即激活，一步步地<span style="color: black;">根据</span>指示安装，主题会提示你来安装<span style="color: black;">咱们</span>的Woo插件。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3221d60103404baf99764ae8cf42eb59~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=2rn67ZGNV1ddy0pxxD7JaH7K%2FGQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">无</span>的内容，<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">选取</span>跳过。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e60fb1863fa64f21848b9a54fa35d59f~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=Xah3dtbSuwHNldU45YDVCsNz0f8%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span>会从零<span style="color: black;">起始</span>设计页面，子主题<span style="color: black;">亦</span>不需要，先跳过。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5fecfd0f5cd3458c861a2144239bb61b~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=l9H7VYoE77uFkLRLimJL8ruswjo%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">默认插件的话，还是有必要的，点击继续。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/59adee2d0e0045faa481c0f0a0213489~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=hM1Ejn1kYc4iTUc6NLT35BUHX9s%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">插件安装完成后，<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">按照</span>需要，添加<span style="color: black;">有些</span>demo数据。后面不需要了再删除<span style="color: black;">就可</span>。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/23199e3c4ae149c0920cf0d6c90dd56a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=KMhEIea43KqlOuHFdwk%2FoJH4Dg8%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span><span style="color: black;">按照</span>自己的需要，设置一下logo，和首页样式，当然不设置<span style="color: black;">亦</span><span style="color: black;">能够</span>。后面<span style="color: black;">能够</span>更改。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3115c4588f1b44eea57952a7f06e4d4b~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=%2FZYqzUwMytInzQu68qkcTRq9Dbo%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下一步，下一步，就<span style="color: black;">能够</span>去<span style="color: black;">瞧瞧</span>自己的网站了。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/07f53a238e564afa8842d82446c24f2f~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=lZFqZhMVzSVIrbHI47D%2F44lE9Mo%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">好了，至此，<span style="color: black;">咱们</span>的Woo和主题就安装完<span style="color: black;">成为了</span>，打开首页。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/94d358aae47d47e5ad92067bda002891~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=0NfShkmgp%2FFmOEsj%2Ffh1ZiJKYwo%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/58f8cea536d742a69623644547bee986~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=tXZzTpU1ph4O3hEnivt2fn1i6gA%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">* <span style="color: black;">倘若</span><span style="color: black;">拜访</span>其他页面，有404的<span style="color: black;">状况</span>，请参考我前面的博文，对nginx进行简单的配置设置<span style="color: black;">就可</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">nginx的配置代码是</p><span style="color: black;">if</span> (-f <span style="color: black;">$request_filename</span>/index.php){
<span style="color: black;">rewrite</span> (.*) <span style="color: black;">$1</span>/index.php;
}
<span style="color: black;">if</span> (!-f <span style="color: black;">$request_filename</span>){
<span style="color: black;">rewrite</span> (.*) /index.php;
}<h1 style="color: black; text-align: left; margin-bottom: 10px;">Woo的基本设置</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为了提前看到woo的主页，<span style="color: black;">咱们</span>需要对Woo进行<span style="color: black;">基本</span>的设置。<span style="color: black;">第1</span>步，填写<span style="color: black;">位置</span>，<span style="color: black;">意见</span>用当地语言。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8ea6d978d6ff4994b15fdb880fe277ac~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=ayjKK2t1ItIRbfg7S6qQomnCjeM%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">按照</span>自己的<span style="color: black;">制品</span>类型<span style="color: black;">选取</span>行业，<span style="color: black;">能够</span>多选。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/59d2535a9c1846ccbc62c07843152db9~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=fUAo3j3D1gnS3iuiqAHi3GUePbI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在最后一步，用自己的主题就行了。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/831310c384814e65a96a296750e89ef5~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728357566&x-signature=1rdnoP%2BBw0YYCo2QhulCjnEBQy4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">到<span style="color: black;">此刻</span>，<span style="color: black;">咱们</span>的Woo就<span style="color: black;">安排</span>好了。下一章<span style="color: black;">咱们</span><span style="color: black;">起始</span>进行页面的设置。</p>
哈哈、笑死我了、太搞笑了吧等。
页:
[1]