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

今天我们将对网站的一些细节进行修改,如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和速度优化之类的教程我们会在后续的文章中继续分享。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注