为我们的WordPress主题创建简码

自从我们开始这个项目以来，我们一直希望它有我们自己的标签，这就是为什么我们在其中使用第二个模板的原因 DesdeLinux，它是由我们100％创建的。

然后是其他版本，尽管我们可以购买或租用某些Web服务来创建我们的设计，例如 StudioDWeb.com，或购买已在中创建的模板 ThemeForest.net，我们一直希望拥有自己的产品，以适应我们的需求并停下来 WebDevelopment.com 可以帮忙😀

无论如何，我对Web设计和开发充满热情，并且我已经在为 DesdeLinux 我将向您展示其外观的屏幕截图。

这个想法不是要摆脱我们已经适应的范围，因此许多要素保持相同或相似的方式。 我从首页开始

这是文章的样子：

如您所见，这符合我们的标准，并且我们添加了新的 简码 条款的详细说明。

这就是为什么我想与您分享如何创建其中一个（信息之一）的情况，以防您想将它们包括在以下主题中 WordPress。 我的意思是这样的：

我不是使用此CMS进行编程的专家，因此，我不会尝试解释这种方式的原因和工作方式，我只会向您展示如何做到这一点。

为此，我们使用了“瑞士军刀” WordPress，我的意思是文件 function.php 通常在几乎所有主题中都可以找到。

带有简码的 Function.php 示例 DesdeLinux

我们将在此文件中执行的操作是添加我们的ShortCode的结构，当然还要添加显示它的标签。 因此，让我们开始吧。

在Function.php内部

在我们的function.php文件中，我们将放置ShortCode的HTML结构，但这并不是简单地像这样放置HTML标记。 我们会有这样的事情：

//资讯功能infobox（$ atts，$ content = null，$ code =“”）{$ return =' '; $ return。= $ content; $ return = =' '; return $ return; } // ShortCode add_shortcode（'info'，'infobox'）;

从这里我们澄清了几件事。 首先，当我们使用两个条形图时，我们将这一行注释掉，因此 //资讯 这只是一条评论。

函数的名称，在这种情况下 信息框 可以将其更改为我们想要的任何名称，但必须与最后一行中使用的名称匹配。

例如：

$ return。= $ content;

可变的 $内容 默认情况下，这是我们放置在ShortCode中的内容所在的位置，如果我们不放置任何内容，它将返回null值。

现在，ShortCode的名称就是我们设置的名称：

add_shortcode( 'info', 'infobox' );

在哪里可以改变 info 为了我们想要的现在，使它看起来像示例，我们必须输入：

[ info ]Este será el ShortCode de ejemplo[ /info ]

尽管当然没有空格，但我放置了空格，因为显然会激活ShortCode。

简码样式

如果您看上面的一行，没有PHP代码和变量，纯HTML中的ShortCode将会是这样的：

<div class="alert-info"></div>

因此，我们只需要应用CSS样式。

.alert.alert-info {background：＃d9edf7 url（info.png）不重复7px 50％； border-radius：4px; 边框：1px实线＃bce8f1; 颜色：＃3a87ad; font-size：14px; 边距：15px 15px; 填充：15px 15px 15px 50px text-align：left}

就这样..我重复一遍，我不是程序员或类似的人，我给出的解释是我如何理解ShortCode的工作方式😛