伏都教出版社

我最近喜欢上了Yoast的SEO插件。到目前为止，它只是简单的工作。现在我不是那种对这些事情太担心的人。我在这里和那里应用了一些小的调整，也许它会有所帮助。但是这个插件提供了很多我喜欢的东西，比如面包屑，以及对我的.htaccess文件和robots.txt的轻松访问。只有少数事情需要改变才能享受这个插件。让我们深入研究一下。

因此，如果您之前继续学习，我们已经将header.php复制到了我们的子主题中。就像我在那篇文章中提到的那样，我认为最好这样做，因为标题需要做很多更改。我们在这里要做的第一件事是为插件准备好标题。这不是你从帖子或任何东西中看到的标题。这是搜索引擎搜索到的标题，您也可以在浏览器的顶部看到它。

因此，在header.php中，您会发现：

<标题><？php（电话）/**根据正在查看的内容打印<title>标签。*/全局$page，$paged；wp_title（'|'，true，'right'）；//添加博客名称。博客信息（“name”）；//为主页/首页添加博客描述。$site_description=get_bloginfo（'description'，'display'）；if（$site_description&&（is_home（）||is_front_page（）））echo“|$site_description”；//必要时添加页码：if（$paged>=2||$page>=2）echo“”。sprintf（__（'第%s页'，'twentyen'），最大值（$paged，$Page））；?></标题>

里面有各种各样的东西。它有助于写出一些格式很好的标题。但是，如果你想让Yoast的插件充满趣味（你也这么做了！），那么就用这个简单的代码替换掉所有这些东西：

<标题><？php wp_title（“”）；？></标题>

很简单吧？换掉这个大的旧块可以让Yoast的插件正确地控制标题部分。否则，您会得到一些双重输出，并且通常会得到不可预测的结果。

现在，让我们看看插件的另一个很酷的功能。面包屑。它们可能对SEO有好处，在某些情况下可能对您的用户有好处。不管怎样，我喜欢它们。故事到此结束。如果你想使用它们，我就是这么做的。现在，这部分有点主观，您要做什么取决于您想要面包屑的位置，以及您想要它们的样式。我把它们放在header.php的末尾，在打开主div的最后一行下面。这是我的代码：

<div id=“main”><?php if（function_exists（'yoast_breadcrumb'））{yoast_breadcrumb（'<div id=“navCrumbs”><p id=“面包屑”>'，'</p></div>'）；} ?>

这就是显示面包屑所需的全部内容。现在样式对我来说有点不太合适，所以我不得不添加和编辑一些css。这是新的东西。

#导航导航{字体大小：1.1em；边距-底部：15px；}p#面包屑{border-top：2px固体#999999；border-bottom:2px纯色#999999；填充：10px 0；}

没什么大不了的，我只是调整了一些间距，使大小和边框恰到好处。现在仍然有一个很大的差距，我们通过一个小的编辑来修复。

TwentyTen的默认css如下：

#主要{明确：两者都有；溢出：隐藏；填充：40px 0 0 0；}

我需要为我的面包屑修复它。我将其更改为：

#主要{明确：两者都有；溢出：隐藏；填充：15px 0 0 0；}

具体如何操作取决于您的设置。我最近决定将所有的二十世纪css复制到我的儿童主题style.css中。所以我直接编辑它。如果您使用的是@import规则，那么只需复制该代码块来覆盖#main的二十年规则。

这就是我今天对header.php进行的所有黑客攻击。但明天将是超级飞天。我计划删除标题上方的文本链接。但它也是主页的链接。为此，我们将把整个标题图像变成一个链接。一言为定！

本次比赛将于2012年2月16日结束。您可以使用每种方法每天输入一次！

我们昨天花了很多时间研究如何在2014年摆脱所有的绿色，并建立一种新的颜色。我喜欢它的外观，但还有一件事困扰着我。这些年来，我已经发过几篇关于同一件事的帖子。我不喜欢这个主题有多狭隘！好吧，这里有一个快速解决方案来改变这种情况！

我只是设置了这个，还没有彻底测试每个细节。现在我觉得一切都很好，但和往常一样，如果你发现我遗漏了什么，请随时给我留言，我会在这里调整我的代码！

这里只需要考虑一下，我们需要拿出我们的数字。我会给你默认值和我的更改，你可以自己做决定。现在再次声明一下，我几乎可以肯定，在开发原始主题时使用了一些比率和公式——我没有使用任何比率和公式。我只是把东西放在我想要的地方，然后猜其余的。hentry的786px是我需要的宽度，以确保我的特色图片与左侧边栏相匹配。老实说，我通过反复试验找到了这个数字（我从752开始，但图像有一个缺口，所以我增加了这个数字，直到它完美为止）。现在看起来不错，但可能需要对我的数据进行一些微调。

• 总体默认最大宽度为1260px，我将其增加到1420px
• 内容区域（hentry）列是672px，我将其增加到786px
• 实际内容是474px，我将其增加到654px

所以现在我只是浏览了CSS looknig中的任何默认条目，并将它们更改为我的。以下是我想到的：

.站点{最大宽度：1420px；}.站点标头{最大宽度：1420px；}.亨利{最大宽度：786px；}.网站内容.条目标题，.网站内容.入口内容，.网站内容.条目摘要，.网站内容.入口-元数据，.页面内容{最大宽度：654px；}.后导航，.图像导航{最大宽度：654px；}.档案头，.页眉{最大宽度：654px；}贡献者信息{最大宽度：654px；}.注释-区域{最大宽度：654px；}.site-main.mu_register，宽柱>h2，.widecolumn>表单{最大宽度：654px；}

这将进入@import行下的子主题的style.css文件（如果您不熟悉子主题，请参阅此处的writeup）。您可以保存并刷新页面以将其检出。看起来不错，但我们还有一件事要处理。

在您的子主题的functions.php文件中，您需要添加以下内容

$content_width=654；//更改默认指端尺寸函数voodoo_twentytwelve_setup（）{set_post_thumbnail_size（786410，真）；}add_action（'after_setup_theme'，'voodoo_twentytwelve_setup'，11）；

在开始的php标记之后。这样可以调整缩略图/特色图像以及任何嵌入。您可以随意调整图像高度410以满足您的需要。

我们又做了一个快速调整。到目前为止，我这边一切看起来都很好！那么，你计划调整一下2014年的主题吗？我错过什么了吗？欢迎在评论中告诉我！

我最近看到了几个帖子，告诉我如何使用谷歌文档监控我的网站的正常运行时间。它们都工作得很好，一个是针对单个站点。这对许多用户来说已经足够了，您可以使用多个副本，1个来监视每个站点。下一个是受第一个的启发，但允许在一张表中包含多个站点。这些是很好的工具，设置起来很容易。过来看：

我所做的就是按照简单的指示去做。我已经测试了这两个，都很好，所以只需根据您的喜好选择一个即可。设置并运行它。下面是它的外观（在我的手机上）：

这是它的缺点。它显示了我的网站关闭的频率。这里一分钟，那里一分钟。几次在15或20分钟的街区内倒下。这些表格也会为你记录起起伏伏的时间，此外，无论你的网站何时起起伏伏，你都会收到电子邮件。

我绝对推荐你玩这个……它可能会把你带到一个新的主机！

我猜是211。它有很多有趣的功能，看起来很不错。然而，有几件事我不喜欢。页眉有点大。所以我需要注意这一点。另外，虽然它的宽度很灵活，但最大宽度对我的口味来说有点太窄了。另外，我需要更宽的侧边栏，我不喜欢那里看起来那么拥挤。虽然我在处理标题，但我有自己的VoodooPress徽标，无需将网站名称放在最上面。我要把它去掉，同时重新定位搜索和网站描述，以覆盖我的标题图像。最后，我喜欢我的小部件有自己的家，它们需要一个漂亮的盒子来将它们与内容分开一点。完成这一切很容易，看看吧！

所以我需要做的第一件事是拓宽主题的最大宽度。在我的一些示例中，您会注意到一些额外的css。我还减少了一些地方的利润。2011年的空白太多了，不适合我的口味。有些人喜欢这样，但嘿，这就是我喜欢的！在我们深入讨论这一点之前，请确保您已经设置了您的孩子主题。如果你忘了怎么做，就跑过来看看。请记住，这个教程是为21岁学生准备的。你只需要调整标题和导入规则来引用211。

以下是主题宽度在twenty-11's style.css中设置的位置：

/*=结构----------------------------------------------- */车身{填充：0 2em；}#第页{边距：2em自动；最大宽度：1000px；}

实际上，您只需要调整#页面中的最大宽度。这是我的最终观点：

#第页{边距：1.5em自动；最大宽度：1050px；border-top：15px纯色#bbb；-webkit-border-radius：15像素；-moz边界半径：15px；-o边半径：15px；边距：15px；}

老实说，就是这样。你会看到我在里面有一些额外的东西。我调整了边距以减少侧面的排水沟，并在顶部添加了一个考虑周全的边框。这只是为了我的视觉品味，当我从标题图像上方删除所有信息时，它看起来有点粗糙。我喜欢这样一个想法，即在顶部有一点视觉兴趣。

这样一来，我意识到，如果主题更宽，我需要更宽的标题图像。这非常简单。我刚刚在我的子主题中制作了一个functions.php文件，并添加了（注意：这是添加过滤器的新更新代码，这是首选的方法）：

//自定义标题尺寸add_filter（'twentyeven_header_image_height'，'voodoo_header_cheight'）；函数voodoo_header_height（$param）{返回175；}add_filter（'twentyeven_header_image_width'，'voodoo_header_ width`）；函数voodoo_header_width（$param）{返回1050；}

为了便于参考，下面是我用来调整页眉图像的旧函数。这很有效，但我们的一位读者在评论中指出，我们没有使用最好的方法。所以我建议您使用上面的代码，下面的代码只是为了进行比较。

//自定义标题尺寸add_action（'after_setup_theme'，'voodoochild_theme_setup'）；如果（！function_exists（'voodoochild_theme_setup'））：函数voodoochild_theme_setup（）{define（'HEADER_IMAGE_HEIGHT'，apply_filters（'twentyeven_HEADER_IMAGE_HEIGHT'，175））；define（'HEADER_IMAGE_WIDTH'，apply_filters（'twentyeven_HEADER_IMAGE_WIDTH'，1050））；}endif；

如果您启动了一个全新的functions.php文件，不要忘记在顶部打开php标记。好的，现在使用上述函数，我将211的标题图像从1000x288px更改为1050x175px。当然，您可以只计算宽度并去掉高度线，或者使用不同的值。

有了新的标题图像后，您通过标题菜单或使用特色图像上传器上传的任何新标题都将具有该大小。但我已经让VoodooPress运行了一段时间，它以前使用的是twentyen，它有不同的页眉大小。如果你已经有了带有缩略图的帖子，你的网站很可能看起来不太好。没问题，我已经帮你解决了！在这里查看这个方便的插件。它会重新生成你的缩略图，让一切看起来都很好。

最后一件事我需要处理，以使我的头球正常工作。有时我喜欢使用比页眉小的图像。默认情况下，如果您这样做，它将不会用作标题图像。嗯，我复制了211年的header.php并把它放在我的主题中。我需要进一步调整一些东西，所以我需要使用我自己的副本。我在header.php的底部找到了这段代码：

has_post_thumbnail（$post->ID）&&（/*$src，$width，$height*/$image=wp_get_attachment_image_src（get_post_thumbnail_id（$post->id），数组（HEADER_image_width，HEADER_image_width））&&$image[1]>=标题_image_WIDTH）：//休斯顿，我们有了新的头球图像！

我刚刚删除了

&&$image[1]>=标题_image_WIDTH

所以我留下了：

has_post_thumbnail（$post->ID）&&（/*$src，$width，$height*/$image=wp_get_attachment_image_src（get_post_thumbnail_id（$post->id），数组（HEADER_image_width，HEADER_image_height））：//休斯顿，我们有了新的头球图像！

这使得小于最小尺寸的特色图像仍然可以使用。所以我们在这里已经很接近了。我们有一个更宽的主题，更宽的标题图像来适应主题，还有更多的标题图像大小选项。明天，我们将完成这项工作。调整剩余的空白，再重新调整标题，并美化小部件区域。之后，我会贴上我的header.php和style.css代码，以防我忘了什么，这样你就可以查看我目前的成品了。一旦我按照自己的喜好完成了一个不错的基本儿童主题，就是时候寻找新的乐趣了。

我需要一份VoodooPress的联系表。通常我使用cforms。它的功能非常强大，但对于一个简单的表单来说似乎太强大了。我决定这次试试Contact form 7插件。我遇到了一些挑战，让它与我的21岁儿童主题完美结合。但这是一次很酷的学习经历。让我们看看我做了什么。除了二十一岁以外，还有很多信息可能对你的主题有所帮助，它只是专注于此。

请注意，下面显示的代码发生了一些我无法理解的事情。某些代码位被解析为数字1。您可以看到，所有缺少的是显示字段的CF7插件的代码位。我希望你能继续这样做。

显然，这里的第一步是安装并激活插件。然后继续设置表单。您可以使用默认值，也可以创建自己的表单。我不打算详细介绍如何配置表单，因为他们的网站上有很多相关信息。但需要注意的一点是，您可能希望稍微更改表单的布局。我真的不喜欢默认的布局。以下是您获得的代码：

<p>您的姓名（必填）<br/></p><p>您的电子邮件（必填）<br/>[电子邮件*您的电子邮件]</p><p>主题<br/></p><p>您的信息<br/>[textarea your-message]</p><p>[提交“发送”]</p>

对我来说，它似乎没有那么多语义，所以我继续重做了。你真的只需要把东西放在方括号里，剩下的就由你决定了。因此，这是上面的表格，以我喜欢的方式再次布局。

<fieldset class=“name”><label>您的姓名（必填）</label></fieldset><fieldset class=“email”>[电子邮件*您的电子邮件]<label>您的电子邮件（必填）</label></fieldset><fieldset class=“subject”><label>主题</label></fieldset><fieldset class=“message”>[textarea your-message]<label>您的信息</label></fieldset><fieldset class=“submit”>[提交“发送”]</fieldset>

当然你不需要遵循这一点，我只是想告诉你，你可以在插件的表单编辑区随意编写代码。而且，类在字段集上是不必要的，可以说是字段集。我把它们放在那里是出于习惯，以防以后我想把它们都设计好。我现在甚至都不用。

在我设置好表单后，我注意到布局太糟糕了，放得太温和了。我们在这里有三个主要问题来控制我们自己的布局。尽管我们使用的是一个二十岁的儿童主题，但二十岁的表单css正在作用于我们的表单。此外，联系人表单7也有自己的样式。最后还有一个自动功能，它在源代码中添加了段落和换行符。

我想做的第一件事就是摆脱二十岁的影响。这很容易。这里有很多方法可以完成相同的任务，但目标是确保页面上的表单不再位于entry-content-div类中。我认为最简单的方法是制作页面模板。如果您不熟悉页面模板，请阅读！它们非常有用。此页面模板是二十个（来自WP 3.1）page.php和loop-page.php的组合。我只是将所有内容合并到一个文件中。我在这里只换了一行。我在这里更改了div class=条目内容：

<h1 class=“entry-title”><？php the_title（）；？></h1><?php}？><div class=“entry-content”><?php the_content（）；？>

阅读div class=“表单内容”。我只将此页面用于联系人表单，所以我只需要在条目内容中删除条目内容表单，因为它是二十种样式的表单。如果我不太清楚，或者你只是想看看我做了什么，看看完整的模板

<?php（电话）/*模板名称：联系人表单*/获取页眉（）；？><div id=“container”><div id=“content”role=“main”><?php if（have_posts（））while（haver_posts））：the_post（）；？><div id=“post-<？php the_id（）；？>”<？php post_class（）；？>><?php if（is_front_page（））{？><h2 class=“entry-title”><？php the_title（）；？></氢气><?php}其他{？><h1 class=“entry-title”><？php the_title（）；？></h1><?php}？><div class=“form-content”><?php the_content（）；？><?php wp_link_pages（数组（'before'=>'<div class=“page-link”>'.__（'pages:'，'twentyten'），'after'=>'</div>'）；？><?php edit_post_link（__（'编辑'，'twentyten'），'<span class=“edit-link”>'，'</span>'）；？></div><！--。条目内容--></div><！--#发布-##--><?php comments_template（“”，true）；？><?php endwhile；//循环结束。？></div><！--#内容--></div><！--#容器--><?php get_sidebar（）；？><?php get_footer（）；？>

您只需将其保存为名为contact.php的子主题中的一个新文件，并将其应用于页面，就可以解决大部分样式问题。

接下来是Contact Forms 7样式。我们可以非常容易地摆脱它。只需将其放入您的函数.php：

//DEREGISTER联系人表格7样式add_action（'wp_print_styles'，'voodoo_delectrister_styles'，100）；函数voodoo_disregister_styles（）{wp_deregister_style（“联系人表单-7”）；}

现在，如果你计划让Contact Forms 7处理你的造型，那很酷。但我想做我自己的。是的，我也会很快与大家分享。但是请记住，在前面的两个步骤之后，您的表单上就没有css了。它看起来很恶心。但这很酷。让我们解决最后一个问题，然后你就可以开始做造型了。我会给你看我自己的表格css，里面塞满了css3。

好吧，现在二十年代的默认造型没有我们的掌控。而且我们没有Contact Form 7的默认样式。为什么表单看起来仍然有一些样式？这是因为有一个自动功能，可以自动在源代码中插入段落和换行符。如果您从浏览器中查看输出源，就会看到它们。让我们来获取它们！您需要在主机上使用ftp或文件管理器来适应这一步骤。我们将编辑wp-config.php。我的规则是，在没有备份的情况下，千万不要接触这个文件。备份了吗？很好！您只需向下滚动，找到底部的停止编辑快乐博客行，并在该行上方添加一行代码，使其看起来像这样：

define（'WPCF7_AUTOP'，false）；//设置为false以删除<br>标记/*就这些，停止编辑！快乐博客*/

我的朋友们，就是要把你的联系方式上的外部影响剥离掉。如果你现在查看你的联系形式，你会非常讨厌它。根本没有造型！现在，您可以自由地将自己的样式添加到子主题的style.css中，并使其按您的预期实际工作。想看看我的吗？当然！就像我之前说的，里面塞满了CSS3的糖果。阴影、Alphas、渐变，甚至webkit浏览器的动画。我觉得它们很好地结合了大胆但不过分的风格。如果你还没有接触过CSS3，那就有好消息了。对于尚不支持它的浏览器，一切都会很好地降级。它在那些这样做的浏览器上非常酷，在IE等浏览器上看起来是一个很好的干净表单。你可以在我的联系人页面上看到它。不管怎样，这是我的css，请注意，只有当你像我上面那样填写表格时，这才有效！你可以有不同的主题，当然，我实际上有更多。只需要匹配布局样式。

/*联系表7特定人员*/.wpcf7型{左边距：50像素；背景：#9e9786；背景：rgba（1581511340.6）；填充：15px；边界：无；-webkit-border-radius:7px；-moz边界半径：7px；-o边半径：7px；边距：7px；}.wpcf7表单字段集{边距：0 0 10px 0；}.wpcf7-form字段集标签{显示：块；font-weight：粗体；线高：1.4；颜色：#666；颜色：rgba（0、0、0和0.6）；文本阴影：0 1px 1px#fff；左边边距：10px；}.wpcf7-form字段集：last-child{边距：0；}.wpcf7-form fieldset输入[type=“text”]，.wpcf7-form字段集文本区域{宽度：215px；填充：5px 8px；字体大小：1.2em；颜色：#666；边界：无；背景图片：-webkit-gradient（线性，0%0%，0%12%，从（#999）到（#fff））；背景图像：-moz-liner-gradient（0%12%90deg，#fff，#999）；背景：#FFFFFF url（'images/grad.jpg'）left top repeat-x；方框阴影：rgba（0,0,0，0.1）0px 0px 8px；-moz-box-shadow：rgba（0,0,0，0.1）0px 0px 8px；-webkit-box阴影：rgba（0,0,0，0.1）0px 0px 8px；-webkit-border-radius：4px；-moz边界半径：4px；-o边半径：4px；边距：4px；}.wpcf7-form字段集文本区域{宽度：430px；}.wpcf7表单输入[type=“submit”]{填充：8px 15px；字体系列：Helvetica，Arial，sans-serif；font-weight：粗体；线路高度：1；颜色：#444；边界：无；文本阴影：0 1px 1px rgba（2552552550.85）；背景图片：-webkit-gradient（线性，0%0%，0%100%，从（#fff）到（#bbb））；背景图像：-moz-liner-gradient（0 100%90deg，#fff，#bbb）；背景：#FFFFFF url（'images/grad.jpg'）左上重复-x；-webkit-border-radius:23px；-moz边界半径：23px；-o边半径：23px；边距：23px；-webkit-box-shadow:0 1px 2px rgba（0,0,0,1.5）；-moz-box-shadow:0 1px 2px rgba（0,0,0,1.5）；方框阴影：0 1px 2px rgba（0，0，0，0.5）；}.wpcf7-form fieldset input[type=“text”]：焦点，.wpcf27-form字段集文本区域：焦点，.wpcf7-form fieldset input[type=“text”]：悬停，.wpcf27-form字段集文本区域：悬停{边框：1px实心#401f1f；-webkit-box-shadow:0 0 12px rgba（64、31、31、0.5）；-moz-box-shadow：0 0 12px rgba（64、31、31、0.5）；箱阴影：0 0 12px rgba（64，31，31，0.5）；}@-webkit-关键帧脉冲{0% {-webkit-box-shadow:0 0 12px rgba（64、31、31、0.2）；}50% {-webkit-box-shadow:0 0 12px rgba（64、31、31、0.9）；}100% {-webkit-box-shadow:0 0 12px rgba（64、31、31、0.2）；}}.wpcf7-form fieldset input[type=“text”]：焦点，.wpcf7-form字段集文本区域：焦点{-webkit-animation：脉冲1.5s无限缓入；}.wpcf7-form fieldset input[type=“submit”]：悬停，.wpcf7-form fieldset input[type=“submit”]：焦点{-webkit-animation：脉冲1.5s无限缓入；}

真是满眼都是，嗯？那里有很多很酷的东西要看。如果你不太了解CSS3或样式表单，那么谷歌就是你的朋友。这是我学到一切的地方。还有一点需要注意的是，我的css将跨站点设计所有Contact Form 7表单。如果您想以单个表单为目标，则需要将.wpcf7-form替换为为每个表单获取的特定于表单的ID。您可以在浏览器源代码中看到它。

这就是清理CSS影响和使表单样式化的方法。作为对那些坚持到最后的人的一点奖励，这里有一个性能改进。默认情况下，Contact Form 7在每个页面上加载它的javascript。如果页面上没有表单，我们不需要加载它。查看functions.php文件的以下小片段：

//取消登记联系人表格7所有页面上的脚本，无表格add_action（'wp_print_scripts'，'voodoo_disregister_javascript'，100）；函数voodoo_delectrister_javascript（）{if（！is_page（'contact-us'））{wp_deregister_script（“合同格式-7”）；}}

这对我很有用。它只加载我的联系人表单页面上的脚本，该页面名为“contact-us”。显然，您需要将其替换为页面名称。如果您有多个页面，这很酷，只需确保将它们放在数组中，例如：

//注意：这只是上面块中的一行，用于说明使用阵列if（！is_page（数组（'contact-us'，'contact-them'，'conact-someone-else'））{

就这样。在这里，你有联系方式7的来龙去脉，并将其用于21岁的儿童主题。我希望你学到了一些东西。我知道我今天做了！

我今天遇到了一个有趣的问题。我博客上的播客插件在升级时崩溃了。音乐播放器仍然工作，但下载链接消失了。现在该网站依赖于音乐下载。我就是不能那样。开发人员正在寻找修复程序，但我现在需要该功能。所以我想出了一个漂亮的创可贴。

我做的第一件事是看看音乐是如何被包含在我的帖子中的。我在后台填写了一个小表单，音乐被插入到我的帖子中，有一个播放器，还有链接等等。我注意到这都是用自定义字段完成的。一旦我输入了音乐信息并保存了帖子，就会创建一个名为enclosure的自定义字段。这个附件将所有信息都包含在价值中，以使一切正常运行。我的直觉就是呼应

获取post_meta（$post_id，$key，$single）；

在a href链接中使其工作。但我遇到了一个问题。实际设置的值如下：

指向媒体的url
文件大小
文件类型
编码信息

我们有多行数据。我最初认为，如果将$single值设置为true，它将只回显第一行。您可以在这里阅读有关$single值和所有自定义字段的信息。事实并非如此。如果有多个具有相同键的键值对，则$single设置为true只获取第一个值。我有一个多行值，只需要第一行，即媒体的url。

所以我在谷歌上搜索了一下，发现了这篇文章。本文向我展示了如果设置了多行值，我可以包括

$items=get_post_meta（$post->ID，'ItemInfo'）；

在我的循环中获取整个值。

然后，它将在一个数组中返回所有内容，我可以在foreach循环中分解这些内容，通过强制执行自定义字段值中的换行符来分解多行值。该网站上给出的示例代码如下所示：

foreach（$items作为$item）{$item=nl2br（$item）；列表（$name，$src，$price，$desc）=爆炸（'<br/>'，$item）；echo“<div class=”item“>”；echo“<h2>$name</h2>”；echo“<img src=”“.trim（$src）.”“/>”；echo“<br/>价格：$Price”；echo“<br/>描述：$desc”；echo“</div><br/>”；}

如果你看看我提供的链接，它会更有意义，我只是在这里总结一下。现在我不需要所有的信息输出。我只需要第一行输出（媒体url）作为下载链接。因此，我引用了给定的示例代码，并对其进行了调整，以供自己使用。下面是我很快想到的：

<?php if（get_post_meta（$post->ID，“enclosure”，true））：？><?php$items=get_post_meta（$post->ID，“附件”）；？><?php foreach（$items作为$item）{$item=nl2br（$item）；列表（$name，$src，$price，$desc）=爆炸（'<br/>'，$item）；echo“下载”；} ?><?php-endif；？>

它工作得很好。我们在第1行设置为仅在机柜密钥实际存在时执行代码。然后在第二行，我们获取与enclosure键相关的值，并将其吐出一个数组。我们在换行符上分解每一行，并将其分配给一个变量。然后我只需要第一行，它被分配给$name，所以我只是在链接中输出$name。

我知道这在将来对我很有用。所以我只是想和你分享一下信息，以防你遇到类似的情况。在插件修复之前，我的下载仍然有效，我很高兴！

在过去的三天里，我们完成了不少工作。首先，我们建立了一个表单，从前端发布。一旦我们设置好了表单，我们就添加了一些代码，以允许图像与表单一起上传。最后，我们添加了在表单上使用自定义元框的功能，以收集自定义字段中的其他信息，供我们使用。这是很多代码。另外，我在编写代码时遇到了一些困难，这些代码有时有效，有时无效。我都修好了。我想最好把我的完整代码放在一篇文章中，这样我们就可以一起复习了。

让我们看看代码。现在我只想把我这里的东西给你看看。我不会花太多时间解释它。如果你有问题，你可以随时回到上面链接的原始帖子。首先，让我们看看主表单页面。现在请记住，我使用了一个2010儿童主题。所以我的代码将反映这一点。根据您使用的主题，您的可能略有不同。如果你还记得我制作了一个页面模板，保存在一个基本循环中，并将其添加到我的表单和处理代码中。以下是完整的最终结果：

<?php（电话）/*模板名称：葡萄酒价格表*/?><?php（电话）if（'POST'==$_SERVER['REQUEST_METHOD']&&！空（$_POST['action']）&&$_POST['action']==“new_POST”）{//进行一些次要的表单验证以确保有内容if（isset（$_POST['title']））{$title=$_POST[“标题”]；}其他{echo“请输入葡萄酒名称”；}if（isset（$_POST['description']））{$description=$_POST['description']；}其他{echo“请输入一些注释”；}$tags=$_POST['POST_tags']；$winerating=$_POST['winerating']；//将表单输入添加到$new_post数组$new_post=数组(“post_title”=>$title，“post_content”=>$description，“post_category”=>数组（$_post['cat']），//也可用于自定义分类法'tags_input'=>数组（$tags），'post_status'=>'publish'，//选择：publish、preview、future、draft等。“post_type”=>“post”，//'post'，page'或使用自定义帖子类型“葡萄酒评级”=>$葡萄酒评级);//保存帖子$pid=wp_insert_post（$new_post）；//将逗号分隔的标签作为单独的标签wp_set_post_tags（$pid，$_post['post_tags']）；//重新定向到新的保存帖子$link=获取permalink（$pid）；wp_redirect（$link）；//添加我们的自定义字段add_post_meta（$pid，‘rating’，$winerating，true）；//插入我们的媒体附件if（$_FILES）{foreach（$_FILES作为$file=>$array）{$newupload=插入附件（$file，$pid）；//$newupload返回文件的附件id//刚刚上传。现在就做你想做的。}}//结束文件的IF语句}//结束以整个表单开头的IF语句//发布POST YOdo_action（“wp_insert_post”，“wp_ insert_ppost”）；?><?php get_header（）；？><div id=“container”><div id=“content”role=“main”><?php if（have_posts（））while（haver_posts））：the_post（）；？><div id=“post-<？php the_id（）；？>”？php post_class（）；？>><?php if（is_front_page（））{？><h2 class=“entry-title”><？php the_title（）；？></氢气><?php}其他{？><h1 class=“entry-title”><？php the_title（）；？></h1><?php}？><div class=“form-content”><?php the_content（）；？><!-- 葡萄酒评级表--><div class=“wpcf7”><form id=“new_post”name=“new_pos”method=“post”action=“”class=“wpcf7-form”enctype=“multipart/form-data”><!-- 帖子名称--><fieldset name=“name”>葡萄酒名称：<input type=“text”id=“title”value=“”tabindex=“5”name=“title“/></fieldset><!-- 帖子类别--><fieldset class=“category”>类型：<?php wp_dropdown_categories（'tab_index=10&taxonomy=category&hide_empty=0'）；？></fieldset><!-- 发布内容--><fieldset class=“content”>说明和注释：<textarea id=“description”tabindex=“15”name=“description”cols=“80”rows=“10”></textarea></fieldset><!-- 葡萄酒评级--><fieldset class=“winerating”><label for=“winerating”>您的评级<input type=“text”value=“”id=“winerating”tabindex=“20”name=“wineration”/></fieldset><!-- 图像--><fieldset class=“images”><label for=“bottle_front”>瓶子前面<input type=“file”name=“bottle_front”id=“bottlete_front“tabindex=”25“/></fieldset><fieldset class=“images”><label for=“bottle_rer”>瓶子背面<input type=“file”name=“bottle_rer”id=“bottlet_rer“tabindex=”30“/></fieldset><!-- 帖子标签--><fieldset class=“tags”>其他关键字（逗号分隔）：<input type=“text”value=“”tabindex=“35”name=“post_tags”id=“post_tags”/></fieldset><fieldset class=“submit”><input type=“submit”value=“Post Review”tabindex=“40”id=“submite”name=“subment”/></fieldset><input type=“hidden”name=“action”value=“new_post”/><?php wp_nonce_field（“新发布”）；？></form></div><！--结束WPCF7--><!-- 表格结束--><?php wp_link_pages（数组（'before'=>'<div class=“page-link”>'.__（'pages:'，'twentyten'），'after'=>'</div>'）；？><?php edit_post_link（__（'edit'，'twentyten'），'<span class=“edit-link”>'，'</span>'）；？></div><！--。条目内容--></div><！--#发布-##--><?php comments_template（“”，true）；？><?php endwhile；//循环结束。？></div><！--#内容--></div><！--#容器--><?php get_sidebar（）；？><?php get_footer（）；？>

因此，该表单中包含所有三个教程的代码。它包含前端表单的基本帖子。它具有允许上传图像的代码。它还包含自定义字段元框代码。我们需要的下一位代码位于functions.php中。这是允许上传图像的位。

函数insert_attachment（$file_handler，$post_id，$setthumb='false'）{//检查以确保上传成功if（$_FILES[$file_handler]['error']！==UPLOAD_ERR_OK）__return_false（）；require_once（ABSPATH.“wp-admin”.'/includes/image.php'）；require_once（ABSPATH.“wp-admin”.'/includes/file.php'）；require_once（ABSPATH.“wp-admin”.'/includes/media.php'）；$attach_id=media_handle_upload（$file_handler，$post_id）；如果（$setthumb）更新post_meta（$post_id，'thumbnail_id'，$attach_id）；返回$attach_id；}

这就是发布部分。我将再添加一些代码，这些代码是您在表单中显示额外内容所需的。例如，我表单中的图像将上传并附加到帖子中，最后一个图像将成为特色图像。但贴在帖子上的图像没有设置为显示。以下是循环中用于实际显示图像的代码：

<div class=“wineBottles”><?php（电话）$args=数组（“post_type”=>“attachment”，“numberposts”=>-1，“post_status”=>null，“post-parent”=>$post->ID）；$attachments=get_posts（$args）；if（$附件）{foreach（$附件作为$附件）{？><div class=“wineImage”><span class=“wineTitle”><?php echo apply_filters（'the_title'，$attachment->post_title）；？></span><?php the_attachment_link（$attachment->ID，false）；？></div><?php｝}?></div>

正如我之前所说，这里添加了一些不同的css选择器。您需要将它们替换掉，或在您的css中定义它们。我不会在本教程中涉及到造型方面的内容，因为这是个人喜好的问题。最后，我们需要一段代码来显示表单中自定义字段中的数据。这也会出现在您的循环中，无论您想在哪里输出数据。无论您需要什么数据，您都需要对其进行更改，这是一个非常基本的示例：

<div class=“wineRating”><?php if（get_post_meta（$post->ID，“rating”，true））：？><?php echo get_post_meta（$post->ID，“rating”，true）；？><?php-endif；？></div>

这就是全部。到目前为止，我使用的每一段代码都是为了让我的帖子从前端表单正常工作。我希望这对你有所帮助。现在，拿着它跑吧，一旦你明白了这一切是如何运作的，你就可以做很多事情了。

更新：@trusktr帮了我一把，在wordpress回答网站上留言。我还没有机会玩这个，但想尽快把它放在这里，供用户使用。Trusktr报告说，在顶部的验证代码中发生了变化：

isset（$_POST['description']）到$_POST['description']！=''

解决我们的问题，并在表单不应该发布时阻止表单发布。如果有人在这件事上捣乱，请告诉我们结果如何！