www.wpcitation.com/

Tag: BoxShop主题

  • BoxShop主题保姆级教程

    1.了解 BoxShop 主题

    虽然BoxShop主题在现在看来有点过时，但他的优化速度以及主题功能总体我非常推荐 ，它就是一个适合电商网站的 WordPress 主题。其他的行业不适合。这个主题安装起来非常简单，尤其是通过 WPBakery Page Builder 的拖放功能，即使不懂代码也能快速搭建出专业的电商网站。我当时购买主题时没有遇到什么额外的付费功能，主题本身提供的功能已经非常全面。从2018年到现在，全球已经有超过10,000＋的用户在使用它，说明它的口碑还是很不错的。它的优点在于模板丰富、页面加载速度快，尤其适合时尚类和生活方式类的店铺。对于新手来说也非常友好，几乎没什么学习曲线，轻松上手！

      此处内容已隐藏，请付费后查看

  • 详解BoxShop主题页脚设置：打造专业化电商网站底部设计（07）

    详解BoxShop主题页脚设置：打造专业化电商网站底部设计（07）

    在本期内容中，我们将深入探讨如何设置BoxShop主题的页脚部分。页脚是网站设计中不可忽视的部分，它不仅承担了重要的导航功能，还能提升网站的整体专业度和用户体验。通过本篇指南，你将学会如何轻松定制BoxShop主题的页脚模块，包括菜单排列、版权信息、社交按钮等，确保你的电商网站在细节上也能做到尽善尽美。
    步骤：网站后端→Footer Blocks→Footer home main或者Fooler home main copyright

    图片[1]-361Sale WordPress Care

    Footer Block：页脚块

    图片[2]-361Sale WordPress Care

    如上图，他会被分为两部分

    图片[3]-361Sale WordPress Care

    一个是页脚上方菜单排列，一个是网站版权

    图片[4]-361Sale WordPress Care

    他是由简码排列出间隙和空间，我们只需要替换内容，加入超链接，

    每个模版不一样，页脚也会有区别，如果有放logo的地方，就替换掉logo就行，尺寸和标头尺寸一样即可

    图片[5]-361Sale WordPress Care

    如上图，版权也是替换内容即可

    图片[6]-361Sale WordPress Care

    对应的前端效果

    当然还有如果调整不到的，需要到小部件设置
    步骤：网站后端→Footer Blocks→Widgats

    图片[7]-361Sale WordPress Care

    Footer supermarket 2 social：对应前端的设计按钮

    图片[8]-361Sale WordPress Care

    总结
    通过本期的讲解，相信你已经掌握了BoxShop主题页脚设置的基础技巧。无论是调整菜单、替换版权信息，还是配置社交按钮，这些操作都将帮助你提升网站的整体效果。下期我们将继续为你带来更多实用的主题设置技巧，敬请关注！

  • 全面解析BoxShop主题设置：让你的网站设计更加出色（06）

    全面解析BoxShop主题设置：让你的网站设计更加出色（06）

    在这期的内容中，我们将深入探讨BoxShop主题的各项设置，帮助你充分利用这一强大的WordPress主题，让你的网站在外观和功能上都达到最佳效果。无论你是新手还是经验丰富的站长，通过这篇指南，你将学会如何设置主题中的关键选项，轻松定制出一个符合你需求的专业网站。

    步骤：网站后端→Appearance→Theme Options

    图片[1]-361Sale WordPress Care

    这是主题的所有选项

    图片[2]-361Sale WordPress Care

    如上图General（一般的）：更换网站的logo和手机端logo

    图片[3]-361Sale WordPress Care

    Color Scheme（颜色）：网站的主色和其他地方的颜色

    图片[4]-361Sale WordPress Care

    Typography：网站各个地方的字体调整

    图片[5]-361Sale WordPress Care

    Header：标头的样式，你可以使用默认的，也可以换成你想要的

    图片[6]-361Sale WordPress Care

    这是标题上方的一个展示区域，你可以放电话或者邮箱或者其他的，看实际情况调整

    图片[7]-361Sale WordPress Care

    以及面包屑展示的样式，和面包屑的背景，如下图，展示和不展示的区别

    图片[8]-361Sale WordPress Care
    图片[9]-361Sale WordPress Care
    图片[10]-361Sale WordPress Care

    WooCommerce：（商店）

    Product Category：（商店分类）；商店目录

    Product Details：(商品详情页)

    总结
    通过本期的讲解，相信你已经掌握了BoxShop主题的基础设置。熟练运用这些选项，你将能够打造一个更加个性化、功能更强大的电商网站。下期我们将继续深入探讨更多实用的主题技巧，敬请期待！

  • 深入解析BoxShop主题：自定义模块和高级DIY技巧（05）

    深入解析BoxShop主题：自定义模块和高级DIY技巧（05）

    上期我们讲述了怎么用WPBakery Page Builder来编辑BoxShop主题，今天，我们将深入探讨BoxShop主题所提供的各种模块以及如何进行高级自定义，帮助您充分利用这些强大的功能来提升网站的功能性和视觉效果。

    步骤：网站后端→WPBakery Page Builder→＋

    图片[1]-361Sale WordPress Care

    如下图，其他页面都在basel主题， 有讲过，今天我们主要讲述主题带的模块

    图片[2]-361Sale WordPress Care

    你们肯定很好奇，为什么所有的模块都带有TS的开头，如下图

    图片[3]-361Sale WordPress Care

    如下图，这个主题叫sky（天空），这里就是主题的模块了，这个主题的创始人一定很向往天空

    图片[4]-361Sale WordPress Care

    常见的模块就不讲了，我们讲述不常见的，但你又不能理解的
    步骤：网站后端→WPBakery Page Builder→TS Feature

    图片[5]-361Sale WordPress Care

    如上图，比如第一个TS Feature（功能），你肯定疑惑这个能做什么呢

    图片[6]-361Sale WordPress Care

    如上图，我们看到有图标的class和标题还有描述，我给你看一张图，你就知道了，但不是每个模版都适合，我只是展示给你看他能做什么

    图片[7]-361Sale WordPress Care

    如上图，这就是容器一分为三，分别添加了，一个图标和标题和描述。当然如果你不会设置的话，就会出现下面的效果

    图片[8]-361Sale WordPress Care

    步骤：网站后端→WPBakery Page Builder→TS Price Table
    TS Price Table（价格表）

    图片[9]-361Sale WordPress Care
    图片[10]-361Sale WordPress Care

    这个模块一般是用不上的，但你们可以想象一下他可以用做啥，欢迎探讨

    图片[11]-361Sale WordPress Care

    TS Testimonial（感言）：可以用来作为评价展示，如下图

    图片[12]-361Sale WordPress Care
    图片[13]-361Sale WordPress Care

    在模块里，只能设置展示数量和其他的设置，但内容并不在这里设置，需要到网站后端面的Testimonials里面的编辑更换头像或者内容，如下图，你是否看到每一个有三个重复的，这是因为导入模版的时候起码导入了三次，所以我们需要替换或者删除它

    图片[14]-361Sale WordPress Care

    步骤：网站后端→WPBakery Page Builder→TS Product Deals slider或TS Products widget
    TS Products widget（产品小部件）和TS Product Deals slider（产品优惠滑块）

    图片[15]-361Sale WordPress Care

    请注意产品小部件是可以展示产品独特的功能，比如打折或者什么专区配合图片，如下图

    图片[16]-361Sale WordPress Care

    产品优惠滑块是需要产品在上架产品的时候设置了打折价格和打折时间才会有显示的

    图片[17]-361Sale WordPress Care

    步骤：网站后端→WPBakery Page Builder→TS Products in Categary Tabs或TS Products in Categary Tabs 2

    TS Products in Categary Tabs（分类标签中的 TS 产品 ）

    TS Products in Categary Tabs 2（分类标签中的 TS 产品 2）

    这个就是在一个模块可以展示多个分类，类似于之前提到的选项卡

    图片[18]-361Sale WordPress Care
    图片[19]-361Sale WordPress Care
    图片[20]-361Sale WordPress Care

    两张不同的风格，以及选项可以在上面和侧面，大家根据实际情况调整

    图片[21]-361Sale WordPress Care

    如上图设置横向或者竖向的选项

    总结

    本期的教程到此结束。希望通过今天的详细讲解，您已经对BoxShop主题的模块和自定义选项有了更深入的了解和掌握。下期我们将继续探讨BoxShop主题的其他高级功能和更多细节操作，敬请期待！

  • 如何高效装修与排版BoxShop主题：全面指南（04）

    如何高效装修与排版BoxShop主题：全面指南（04）

    欢迎大家来到本期教程！今天我们将深入探讨如何装修和排版BoxShop主题，这是一个功能强大且灵活的WordPress主题。与之前的主题不同，这次我们会集中讲解如何在后台使用WPBakery Page Builder进行编辑和设置。在本指南中，我们将详细分解每一个步骤，帮助你快速掌握如何高效地管理和自定义你的BoxShop主题，让你的网站更具吸引力和功能性。

    步骤：网站后端→pages→Home→WPBakery Page Builder

    图片[1]-361Sale WordPress Care

    先找到pages（页面）然后再去找寻HOME(首页），如下图

    图片[2]-361Sale WordPress Care

    根据模版的不同，首页名字也会有区别，请认准有Front Page（首页），这种才是设置好的主页，一般都是设置好的，如果没有的话，要去其他地方调整一下

    图片[3]-361Sale WordPress Care

    点击编辑，进入，如上图

    图片[4]-361Sale WordPress Care

    然后我们会得到一个这样的界面，其实也是WPBakery Page Builder 编辑器来编辑的，之前Basel主题也是WPBakery Page Builder编辑器，但是那是前端可视化编辑，而这个只支持后端编辑，你需要在后端设置保持好后，再去前端看下效果，这样会有优点和缺点，优点是前后端分离，就不会出现误操作导致的结果，缺点是不能看到直接的效果，更多Basel主题的WPBakery Page Builder编辑器可以通过链接查看

    让我们继续

    图片[5]-361Sale WordPress Care

    这是后端

    图片[6]-361Sale WordPress Care

    对应前端的效果

    图片[7]-361Sale WordPress Care

    设置好对应的图片，图片很简单，就在这里详细的讲解了，可以去看看Basel主题的WPBakery Page Builder编辑器内容就知道啦，或者大家翻译下也是很好能理解的

    图片[8]-361Sale WordPress Care

    这是一个多选项的产品的模块，如果你需要添加选项，则需要添加Tabs（标签），选择+号添加，或者在选项后面的+号添加

    图片[9]-361Sale WordPress Care

    选择新选项，加入一个产品模块

    图片[10]-361Sale WordPress Care

    Section（部分）这里设置新选项的名称，请确保下面的id每一个度不一样，否则无法会导致无法跳转

    然后就实现这个效果了，如下图

    图片[11]-361Sale WordPress Care

    步骤：网站后端→pages→Home→TS Banner2

    图片[12]-361Sale WordPress Care

    banner也就是图片，可以理解为横幅，这个没什么说的，但只要注意一点，图片的大小要一致，不然就看起来歪歪曲曲，可以使用一些图片工具去裁剪到统一的规格

    图片[13]-361Sale WordPress Care

    如上图，这种看起来就比较好看，当然不同屏幕的显示效果也是不一样的，上图是显示器

    图片[14]-361Sale WordPress Care

    下图就是笔记本电脑屏幕，你需要做一个取舍，因为是自适应的

    图片[15]-361Sale WordPress Care

    设置，主要是图片的跳转链接设置好就行

    图片[16]-361Sale WordPress Care

    这里还有一个鼠标的触碰效果，就是碰到图片的，大家根据实际情况去调整

    图片[17]-361Sale WordPress Care

    至于产品模块，如上图

    图片[18]-361Sale WordPress Care

    选择好产品名称，你可以在产品模块写名称，也可以当度加一个标题或文本去写名称，在选择产品的分类，如果不选择，则默认显示所有的产品，自动排序，然后就是产品展示的样式，以及一些展示的内容和细节，大家根据翻译即可

    图片[19]-361Sale WordPress Care
    图片[20]-361Sale WordPress Care

    至于博客和视频也非常的简单。如上图

    步骤：网站后端→pages→Home→TS Blog

    图片[21]-361Sale WordPress Care

    博客如果你不想展示特定的分类的博客的文章，就不要勾选，他默认是勾选了，所以在出现默认的文章删掉了，但你新写的博客不展示，那就是这里设置出了问题

    步骤：网站后端→pages→Home→Video Player

    图片[22]-361Sale WordPress Care

    这里插入的视频是链接的形式，不是嵌入的简码，所以要看清楚

    图片[23]-361Sale WordPress Care

    这个是就是主题自带的订阅模块了，如下图，他有几种样式选择，但一般选择默认的，比较符合这个模版

    图片[24]-361Sale WordPress Care
    图片[25]-361Sale WordPress Care

    选择好内容和样式就行，你如果需要背景图片，也可以加，但建议是默认的

    总结

    本期教程就到这里了，希望通过这次的详细讲解，大家对BoxShop主题的装修和排版有了更加清晰的理解和操作能力。在下一期，我们将继续探讨如何利用BoxShop主题自带的功能进行自定义设置，打造更符合你需求的独特网站。感谢大家的关注，我们下期再见！

  • 如何在BoxShop主题中使用Slider Revolution创建动态网站海报（03）

    如何在BoxShop主题中使用Slider Revolution创建动态网站海报（03）

    这期我们讲述BoxShop主题的海报（banner）的设置，其实很简单，和之前提到的Basel主题设置一样，这个工具不仅提供了易于使用的界面，还确保了海报在各种设备上都能完美展示。接下来，我们将详细介绍如何设置BoxShop主题的海报，确保您能够轻松地为您的网站添加视觉吸引力。

    步骤：网站后端→Slider Revolution→选择滑块，也就是海报banner

    图片[1]-361Sale WordPress Care

    他和Basel不一样的是，他不出出现很多个重复的，如果你只导入了一次模版，那他只有一个唯一的选择，不需要你一页一页去寻找合适的，这就方便很多

    图片[2]-361Sale WordPress Care

    如上图，进入编辑按钮

    图片[3]-361Sale WordPress Care

    这是一个修改后的页面，文本按钮模块都能拖动的

    Slider Revolution（滑动模块）海报是自适应的，比如在不同设备的大小

    图片[4]-361Sale WordPress Care

    这是显示器上的，如上图

    图片[5]-361Sale WordPress Care

    这是笔记本的页面，找到一个合适的界面

    新手建议修改文本就行，自动修改的还没有原来的好看

    图片[6]-361Sale WordPress Care

    <br>是跳行的符号，改动其他的文字即可

    图片[7]-361Sale WordPress Care

    如果需要文章跳行且居中，选择右侧第二个选项Line Break→Width Based

    图片[8]-361Sale WordPress Care

    按钮换成你需要的文本就行

    图片[9]-361Sale WordPress Care

    如果你不想要为每一个设备设置不同的展示样式，那就不要打开其他设备的设置，用一个也是够用的，手机端也是会自适应的

    图片[10]-361Sale WordPress Care

    这里可以设置单个模块展示的时间，以及先后顺序，你可以点击点击播放的按钮查看整个海报（banner）的预览效果

    图片[11]-361Sale WordPress Care

    其他页面也是一样的方式，如果你喜欢某一个页面，也可以复制下来，再去修改一些细节，更多的设置可以参考Basel主题网站海报（banner）和Basel主题网站海报（banner）两篇文章，下一期我们讲述更多的BoxShop主题的装修排版，设置等方法

    总结：
    通过上述步骤，您现在应该能够自信地使用Slider Revolution在BoxShop主题中创建和调整网站海报了。记住，简单的改动往往能带来显著的效果。我们期待看到您网站上那些美观、响应式的新海报！

  • 深入了解BoxShop电商主题菜单设计：打造超级菜单的终极指南（02）

    深入了解BoxShop电商主题菜单设计：打造超级菜单的终极指南（02）

    在上一期中，我们详细介绍了如何在BoxShop电商主题中导入演示数据。本期我们将进一步探讨如何设计菜单，尤其是如何设置和定制超级菜单。菜单是网站导航的重要组成部分，一个功能强大且美观的菜单可以极大地提升用户体验。在这篇文章中，我们将分步骤讲解如何在BoxShop主题中创建和设置超级菜单，帮助您打造一个专业的在线商店导航。

    图片[1]-361Sale WordPress Care
    图片[2]-361Sale WordPress Care

    如上图，这是最基本的一二级菜单，在其他的主题也讲述过，不知道的可以查看链接

    BoxShop主题的菜单是带超级菜单的

    图片[3]-361Sale WordPress Care

    如果想实现上述的效果则需要设置超级菜单，如下图

    图片[4]-361Sale WordPress Care

    选择合适的容器宽度（Columns），还有需要展示的栏目（Display A Widget Area）你可以理解为一个模块，需要到小部件（Widgets）设置，我们接着继续讲，上图选择的是TS Mega Menu Widget Area 1模块

    图片[5]-361Sale WordPress Care

    我们找到Appearance（外貌）→Widgets（小部件），就可以找到超级菜单可以设置的模块，如下图

    图片[6]-361Sale WordPress Care

    模块添加的内容如下图

    图片[7]-361Sale WordPress Care

    上图是文本加产品加图片三个模块形成的前端效果，如果你觉得不喜欢这里的模版，你可以自定义去添加模块，如下图

    图片[8]-361Sale WordPress Care

    下面我们讲述另一种超级菜单的方法

    图片[9]-361Sale WordPress Care

    如果要实现上述的效果，需要设置如下

    图片[10]-361Sale WordPress Care

    设置几列的规格，然后在描述里面设置标题和小标题，在插入超链接，然后设置整个菜单的背景

    具体设置我都圈出来了，如上图

    总结：
    ’通过以上详细的步骤，您已经掌握了在BoxShop电商主题中设计和设置菜单的方法，尤其是如何创建和定制超级菜单。一个设计合理的菜单可以极大地提升用户在网站上的导航体验，帮助他们快速找到所需的产品和信息。希望本指南对您有所帮助，期待您在使用BoxShop主题时能够设计出一个既美观又实用的菜单。下期我们将继续介绍更多关于BoxShop主题的功能和设置，敬请期待！

  • 使用BoxShop电商主题快速搭建专业在线商店的完整指南（01）

    使用BoxShop电商主题快速搭建专业在线商店的完整指南（01）

    在现代电子商务中，拥有一个功能齐全且视觉美观的在线商店至关重要。BoxShop电商主题是一个全面的电商模板，具备丰富的功能，并且支持使用WPBakery Page Builder进行可视化编辑，极大地简化了网站搭建的过程。在这篇文章中，我们将一步步讲解如何安装和使用BoxShop主题，帮助您快速创建一个专业的在线商店。

    图片[1]-361Sale WordPress Care

    这个是一个完全的电商主题模版，功能很多，是用WPBakery Page Builder编辑进行可视化编辑的

    我们购买后会有一个文件包，然后我们选择在网站后端的主题安装，如下图

    图片[2]-361Sale WordPress Care

    安装好我们会得到一个这样的画面，如下图

    图片[3]-361Sale WordPress Care

    步骤：网站后端→外貌→BoxShop lmporter

    我们然后再去选择可以导入的演示数据和模版，如下图，你可以点击自定义，也可以点击BoxShop lmporter（主题进口商）也就是演示模版，因为后端选择的是中文的，所以选项都是中文

    图片[4]-361Sale WordPress Care

    如下图可以进入到这个页面

    图片[5]-361Sale WordPress Care
    图片[6]-361Sale WordPress Care

    会有七个模版供你选择，悬着合适的，第一个是一个综合性的，其他都是电子，桌椅，眼镜，杯子，水果，鞋等等，根据你的产品来选择

    图片[7]-361Sale WordPress Care

    每个模版都有导入演示的选项，点击下一步等待导入完成就行

    图片[8]-361Sale WordPress Care

    这是第一个模版内容的前端照片

    图片[9]-361Sale WordPress Care

    总结：
    通过以上步骤，您已经成功安装并配置了BoxShop电商主题，并导入了适合您的演示数据。建议新手尽量保持原有的布局，只需修改文字和图片，即可打造一个专业且美观的在线商店。下一期，我们将继续深入探讨BoxShop主题的其他功能和设置，帮助您进一步优化您的电商网站。希望本指南对您有所帮助，祝您在电子商务的旅程中取得成功！