从零开始搭建外贸网站之组件修改-Day 7

2019-09-11 0 2,815

今天我们将对网站的一些细节进行修改,如Header, Footer, Menu等。

首先我们对菜单栏进行修改,打开网站后台,点击Theme Option进入主题设置界面,然后点击Header进入Header设置。

从零开始搭建外贸网站之组件修改-Day 7

在这里我把它改成Logo Left, Menu Right,然后Header size改成 Slim,Style改成Default。大家也可以根据自己的喜好来调整不同的风格。

从零开始搭建外贸网站之组件修改-Day 7

然后Header Behavior我勾选上Sticky header,这样菜单栏就可以跟随滚动。

从零开始搭建外贸网站之组件修改-Day 7

接下来我们把社交信息和邮箱添加在顶部,在Extra Elements里面选择社交图标和额外文字的显示方式,如下图。社交图标我们可以在Social Profiles里面进行编辑。

从零开始搭建外贸网站之组件修改-Day 7

设置完成后我们点击Save all changes来进行保存。我们在新窗口打开网站看看实际效果如下图。我们可以看到菜单栏的背景看起来不是很和谐,这个是由于当前Demo自定义菜单栏的样式导致的。不过不用担心,我们接下来找到该样式并进行删除即可。

从零开始搭建外贸网站之组件修改-Day 7

我们回到后台的Theme Options找到Advanced Styling,在这里我们可以找到影响菜单样式的一些定制样式,我们点击对应样式右下角的X图标把他们删除即可。总共有5个带Main Menu字眼的样式,我们把他们都删除掉,然后点击Save all changes来保存。

从零开始搭建外贸网站之组件修改-Day 7

完成后我们看看最后的效果如下。

从零开始搭建外贸网站之组件修改-Day 7

接下来我们修改Footer,也就是网站底部的内容。我们先进入后台的Appearance,然后找到Widgets设置。这里我们可以看到Footer中四个组件,对应Footer的内容。

从零开始搭建外贸网站之组件修改-Day 7

我们点击右边的小三角形展开里面的内容来进行修改,这里我把Text的内容换成来自己的文案,然后删掉Column3的内容,把Enfold Child Facebook Like Box拖进去然后更换成自己的链接。在最后的Latest Portfolio里面勾选需要显示的类目,然后点击各个Save把所有修改进行保存。到这里Footer的大致修改就可以了。

从零开始搭建外贸网站之组件修改-Day 7

接下来我们对网站的主菜单进行修改,我们进入网站后台的Appearance,点击Menus进入菜单编辑界面然后点击Create a new menu来新建一个菜单,自定义一个菜单名字(这里我直接写New Menu)然后点击Create Menu按钮。

从零开始搭建外贸网站之组件修改-Day 7

点击View all然后把需要的页面勾选上,这里出现两个Home我们可以先都勾选上,到下一步再删掉其中不用的一个。

从零开始搭建外贸网站之组件修改-Day 7

点击Add to Menu之后我们可以在右边看到添加的这些页面,其中有两个Home,一个是Custom Link,另一个是Page,这里我们把Page或者Custom Link的删掉,点击右侧的三角形然后点击下面的Remove即可。(这两者指向的都一样,Custom Link的是在主题设置的Home Page链接,Page的就是页面)。

从零开始搭建外贸网站之组件修改-Day 7

接下来我们把产品也添加到菜单里面来,点击右上角的Screen Options,然后勾选Portfolio Items,这样下面就会有这个选项出现。

从零开始搭建外贸网站之组件修改-Day 7

跟之前一样,勾选上需要的内容然后点击Add to Menu。接下来我们通过拖拽的方式来跳转菜单的顺序和层次如下,再勾选上Enfold Child Main Menu,最后点击save menu来进行保存即可。

从零开始搭建外贸网站之组件修改-Day 7

接下来我们需要将网站不需要的页面和文章、图片等删掉。进入后台点击Post > All Posts,勾选全部然后选择Move to Trash,最后点击Apply即可。同样需要删除的还有Pages,也是用同样的方式勾选然后批量删除。

从零开始搭建外贸网站之组件修改-Day 7

Media这里有个Bulk Select,点击之后可以批量选择然后删除。

从零开始搭建外贸网站之组件修改-Day 7

到这里我们的网站基本上就做好了,其他的一些SEO和速度优化之类的教程我们会在后续的文章中继续分享。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

公告: 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。赞助本站VIP会员免费提供技术服务以及远程协助。 须知:本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

Lee's Blog SOHO 从零开始搭建外贸网站之组件修改-Day 7 https://www.vnlee.com/day-7/

相关文章

发表评论
暂无评论