通过文章：如何选择及购买Shopify主题，我们已经明白了如何选择适合自己店铺的主题。不过无论你是选择免费主题还是付费主题，都还得根据自己的需要对网站主题进行自定义设置，今天我就通过演示站点ExportB2C来展示目前最受欢迎的一款免费主题Brooklyn-布鲁克林的安装和自定义设置。

当你注册完Shopify然后打开后台依次点击-Onlinestore-Themes这时候就可以看到系统目前默认的是一款名为Debut的主题，接下来我们需要找到Brooklyn-布鲁克林主题进行安装。

在找Brooklyn-布鲁克林主题之前，你可能还会有2个疑问：

1．Shopify后台共支持上传多少个主题呢？

Shopify系统默认可以总共上传多达20个主题，但需要注意的一次只能展现一个主题，会出现在Currenttheme板块（正如上图看到的Debut主题）其它未发布的主题会出现在Morethemes-更多主题板块。

2.Actions按钮下面的都是什么意思（上图所示）？

Ok，了解了上面按钮的含义后接下来我们正式安装以及自定义设置Brooklyn-布鲁克林主题。

一，安装Brooklyn-布鲁克林主题：

安装非常简单，如下操作演示图所示依次点击Explorefreethemes-找到Brooklyn-Add便可完成安装。

安装完成后在Morethemes找到Brooklyn（需注意主题安装后不会自动发布）如下图所示依次点击Actions-Publish（发布主题），便可正式启用。

二，自定义设置Brooklyn-布鲁克林主题

点击Customize进入自定义设置（自定义设置前建议先进行主题备份操作，非常重要！！！）

Customize-自定义设置主题主要是对店铺各个页面布局，字体，颜色，内容等进行修改设置。

整个主题界面的结构：

主要4个部分：Sections，Themesettings，页面切换板块，视图切换板块。

OK，接下来我们一步步进行自定义设置：

1.店铺Logo，导航栏，公告栏设计

首先从店铺的首页-Homepage开始，设置Sections中Header部分，主要包括Logo设计，店铺导航栏设计和AnnouncementBar设计：

不必多说，设置一个体现店铺个性的Logo有助于我们更好地宣传店铺形象。刚开始如果不想花钱找人设计的话，推荐以下两个免费Logo设计的途径：

https://www.oberlo.com/tools/logo-maker

https://hatchful.shopify.com/

操作非常简单，只需要填下你的产品所属类型，选择心仪的图标，想要的风格，另外添加店铺名称和宣传语等，便可以得到Logo源文件进行下载上传到自己的店铺。

需要注意的是Logo和HomepageLogo的区别在于Logo显示在所有店铺页面上，而HomepageLogo主要显示在主页幻灯片Slide上的（当主页幻灯片颜色同Logo接近的情况下可用PS更改下Logo颜色），如果Logo在Slide上可清晰展示，HomepageLogo不用去设置。

导航栏设计我认为是用户体验中最最重要的一部分，主要包括网站顶部导航栏和底部footermenu的设置。依次点击Editmenu-Addmenuitem可分别增加导航内容。常见的Brooklyn主题导航栏如下，下面这3个导航栏都是PC端展示的效果，需要注意的是当顶部导航栏内容过多的时候便会以Sidebar-侧边栏形式来呈现（图3），在移动端的话无论导航栏内容多少，最终都是侧边栏显示的。

图3

---

免责声明：文章内容不代表本站立场，本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺，仅供读者参考；文章版权归原作者所有！本站作为信息内容发布平台，页面展示内容的目的在于传播更多信息；本站不提供任何相关服务，阁下应知本站所提供的内容不能做为操作依据。市场有风险，投资需谨慎！如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。