按钮

在你的网站上添加按钮是一个很好的方式来吸引访问者的注意力。

要在内容中添加按钮，请使用按钮短代码，它将基本链接转换为按钮。montclair.edu上的按钮可以以不同的样式显示。要更改按钮的外观，请使用class属性。下面是关于按钮样式和示例代码的更多细节。

按钮的颜色

当你的按钮在白色或浅色背景上时，使用默认的或“鬼红色”的按钮样式。

[[button]<a href=“URL指向这里”>按钮复制到这里</a>[/button]]

[[button class="ghost-red"]<a href=“URL指向这里”>按钮复制到这里</a>[/button]]

当按钮位于深色背景上时，可以使用白色和鬼白色类。

类=“白色”类= " ghost-white "

按钮的宽度

您可以使用“full-width”类使按钮占用其容器的整个宽度。这里是三列中的三个按钮。

上面的布局将按钮与行和列短代码结合在一起。将下面的代码复制并粘贴到你的WordPress页面的文本编辑器中，就可以将3个按钮平均分成一行：

[[row][column class=“三分之一”][button class=“full-width“]<a href=“URL到这里”>Button1</a>[/button][/column][column class=”三分之一”][button class="full-width"]<a href=“URL到这里”>Button2</a>[/button][/column][column class="full-width"]<a href=“URL到这里”>Button3</a>[/button][/column][/row]]

如果您希望按钮的宽度反映其标签长度，可以使用按钮短代码。使用此短代码的按钮将在桌面分辨率下以混合宽度显示，但在移动分辨率下将以一致的宽度堆叠。

一个非常长的按钮标签短平均长度按钮

要制作一排按钮，将下面这段短代码复制粘贴到WordPress页面的文本编辑器中：

[[buttonrow][button]<a href="#"> a Very Long button Label</a>[/button][button]<a href="#">Short</a>[/button][button]<a href="#">平均长度button </a>[/button][/buttonrow]]

其他代码示例

各种样式的纽扣

[[button]<a href="#">默认样式</a>[/button]] [[button class=" Ghost - Red "]<a href="#">鬼红样式</a>[/button]] [[button class=" Ghost - Red Full - Width "]<a href="#">全宽鬼红样式</a>[/button]]

Buttonrow

[[buttonrow][button]<a href="#">默认样式</a>[/button][/buttonrow]]