代码文档与高级定制

如果您是开发人员或希望对您的内容进行高级定制的用户,则此页面是为您服务的。

话题

CSS助手

通常,你会想“轻推”一个元素而不创建一个全新的类。下面包含的帮助类将帮助您创建平衡的内容。下面是可用的类:

// text alignment
.text-center
.text-center
.text-right
.text-left
.text-justify

// mobile-specific
.m-center
.m-hide

// element floats
.aligncenter
.alignright
.alignleft

// text colors
.brand // primary color from theme options
.brand-alt // secondary color from theme options
.text_white
.text_black
.text-gray 
.text-dark 

// margin offsets


.mv0 // remove top and bottom margin (v = vertical)
.mh0 // remove left and right  margin (h = horizontal)

.mt0 // remove top margin
.mb0 // remove bottom margin

// 10 - 90 [property]+[axis]+[value]
.mt10  // margin-top 10px
.mb20  // margin-bottom 20px
// .mb30,.mb40,.mb50...etc

// padding offsets

.pv0 // remove top and bottom padding (v = vertical)
.ph0 // remove left and right  padding (h = horizontal)

.pt0 // remove top padding
.pb0 // remove bottom padding

// 10 - 90 [property]+[axis]+[value]
.pt10 // padding-top 10px
.pb20 // padding-bottom 20px
// .pb30,.pb40,.pb50...etc

.remove_top // remove all top填充和边距〉.ReleVeButo/ /删除所有底部填充和边距〉//插入集.挤压/ / 10%填充左+右箭头.挤压更多/ / 20%填充左+右

SASS与CSS定制

默认情况下,子主题自动导入父主题的样式表。在大多数情况下,我们建议把这个放在适当位置,并在初始导入之后添加“重写”。这减少了错过任何CSS更新的机会。

无论如何,客户都是客户,我们必须时常深入研究代码。在这种情况下,您有两个选项:a)将父主题样式的内容复制到您的子主题样式CSS中。如果你熟悉萨斯包括完整的源代码。后一种选项要求您的站点在本地运行。要使用SASS源,只需将SASS-SRC.ZIP提取到主题目录中,运行NPM安装然后发出咕噜声。

如果有足够的兴趣的话,我们会在稍后发布一个视频教程。让我们在推特上知道!

布局钩子

如果需要添加或修改标记,有很多钩子允许这样做。在某些情况下,您可能希望完全重写函数,而在其他情况下,您可能希望稍作更改。参见子主题函数.PHP,例如使用。

SMPLIX Head())SMPPLAI CONTRON WRAPAPOPEN()SMPPLY BEOPRORY环()SMPPLY BEXPROCENCEL()SMPPLA-后缀()SMPPLA-后环()SMPPLY BeaBeEnWestSub Bar()SMPPLA后Sead StBar():SMPPLION CONTROR RAPAPHOLL())************************