最新消息:为了本站的未来,希望大家能广为分享,另期待您投稿外贸人建站QQ交流群:201706683,验证请输入:卡拉科技

Modernize主题的短代码使用和自建站问题汇总

WP建站实例教程 Tony 3890浏览 0评论

通过前面2篇文章的介绍,加上各位自己的摸索,相信你基本熟悉了Modernize主题特性。对于本主题模块化操作,我建议是大家将每个模块都添加一下,尝试着排版来熟悉它的功能。作为本主题的最后一篇介绍,我们讲一下排版时用到的一些短代码,另外还有主题面板里的一些设置。

 1,显示短代码按钮

默认情况下,短代码是隐藏的,如图点击展开所有按钮即可。这些短代码按钮相当于一个快捷操作,不使用这些按钮,我们依然可以在内容区域手动输入。当然了,如果不采用内容区域而采用模块拼接,就不需要了解大部分短代码的功能了。

2014-04-20 20-57-26

2,排版时灵活使用divider和space短代码

默认的DIVIDER代码插入是[divider scroll_text=”SCROLL_TEXT”],可将SCROLL_TEXT改为“Go to Top”,当然也可以不使用这个文字而直接采用[divider],divider的作用是插入分隔线。但在实际操作时会发现,分隔两部分内容时,下面与分隔线的距离太近,显示很不协调。这里我们要使用到space短代码,紧接着上面的短代码加入:[space height=”10″],数值“10”可任意修改。

3,更改portfolio为products

地址栏的URL中显示portfolio总是看着不舒服,改为products会比较顺眼,很高兴的是此主题支持我们在后台修改(很多主题并不支持)。进入主题面板即可看到如图,将其改为products,接着save changes。为确保修改生效,请进入setting ->Permalink,将固定链接先切换到默认项->保存,接着再切换到你预设的项目 ->保存。—-大家一定要注意这个操作,在很多涉及到修改源码/安装插件导致前台页面链接失效(出现404错误)时,这样的操作能够起到重置链接数据的作用。

2014-04-20 21-14-12

4,启用自适应

Modernize是支持自适应的,意思是网站在手机和平板上都能自动适应屏幕而达到很好的浏览体验。默认是关闭这项功能,请进入主题面板开启ENABLE RESPONSIVE项。

5~N,占位编辑(根据用户和留言反馈,我们会将新的知识点归纳在此。欢迎大家在使用中将问题通过评论反馈,不要旺旺或QQ提问,谢谢配合!)

转载请注明:卡拉科技 » Modernize主题的短代码使用和自建站问题汇总

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (3)

  1. 你好,请教一个问题,我在这个模板中装了面包屑导航后,面包屑导航就和首页幻灯片之间多了一道白色的,很不好看。请问有办法去掉吗。现在我只有关掉幻灯片才看不出来。谢谢回复。面包屑是用的Breadcrums这款
    卡拉不卡3年前 (2014-05-05)回复
    • 面包屑的显示也是由CSS来控制的,建议自定义一下面包屑的CSS,另外可以尝试下在其前后添加clear代码。如果不懂CSS,恐怕这个一两句话说不清,建议找专业人士操作。
      Tony3年前 (2014-05-09)回复
  2. 楼主好。感谢分享,以前就看过这个主题。有二个问题向楼主请教。1: 如果改变导航条的长度的话怎么改导航条的CSS呢。 2: 您做的那个太阳能站产品页面banner下面有个面包屑导航,就是 hone>products>soloar 这样的,请问这个是如何加上去的。 您的产品页用的Portfolio 还是 post blog页面? 教程如果接下来讲下header和footer如果修改的就更好了。往LZ回复。
    外贸WP3年前 (2014-07-28)回复