回到见解

使用ACF构建WordPress网站

3分钟阅读

回到见解

3分钟阅读

使用ACF构建WordPress网站

作者: 瑞安·科菲尔德(Ryan Corfield)
发表于 Web开发 于2018年10月17日上午12:00

高级自定义字段(ACF)是WordPress插件,可让您使用WordPress188手机app结构顶部的自定义字段来管理188手机app。使用ACF,可以添加多种字段类型,例如图像,文本,日期等。

插件的PRO版本允许您添加更多字段类型。我发现一个名为“弹性188手机app”的188手机app特别有趣。

让我们来看看它。

基本上,它允许您对可添加到页面中的布局中的字段进行分组。那是什么意思?好吧,这意味着您可以仅使用后端创建自己的页面模板。

好的,但是… how?

将您的页面想象成一个部分列表。首先,通过一个示例来展示布局的外观。

图1

 

如图所示,“博客摘要”和“股票行情”是两组具有各自配置的字段。

创建页面时,您可以看到可包含的布局列表。

图2

 

总结以上屏幕截图,“页面188手机app块”是添加到每个页面的“灵活188手机app”自定义字段。 “股票代码和博客摘要”是可以添加到页面的两个布局。因此,您的模板将是添加到页面的布局的组合。

就代码而言是什么意思?

实际上,您可以减少编写网站页面所需的代码。实际上,在下面的结构中,每个页面共享相同的代码,从技术上讲,这意味着我们只有一个模板,其中包括与添加到页面的布局有关的每个代码片段。让我们看看我们的模板page.php。

<?php 
	get_header(); 
?>

	<div id="primary" class="content-area">
		<main id="main" class="site-main">						

		<?php									

			// check if the flexible content field has rows of data
			if( have_rows('blocks') ):

			     // loop through the rows of data
			    while ( have_rows('blocks') ) : the_row();	        			
			    	
					get_template_part( 'template-parts/blocks/' . get_row_layout() );

			    endwhile;				

			endif;

		?>

		</main><!-- #main -->
	</div><!-- #primary -->

<?php

get_footer();

每个布局都在路径模板部分/块下的文件中定义,并在创建时标记为其选定名称。参考图1,template-parts / blocks文件夹将包含两个名为blogfeed.php和ticker.php的文件。

每次您想要创建一个新的布局时,您要做的就是在一个新文件中定义它,并将其放置在template-parts / blocks路径下。而已!

让我们总结一下使用ACF灵活188手机app的优势

  • 项目结构保持整洁。
  • 重用组件。相同的布局可以包含在不同的页面中。
  • 灵活性。页面结构与预定义模板无关。每个页面都可以具有自己的结构,而无需定义多个模板。
  • 代码更改降至最低。假设您需要在页面上滑动两个部分。您只需在后端中拖放布局即可。无需更改代码!

在不利方面,如果您为以前从未体验过ACF灵活188手机app方法的客户构建网站,则他们可能会觉得将188手机app作为某些默认组件(例如原始188手机app编辑器(wysiwyg)和精选功能)插入会感到困惑图片,不使用。但是,他们很快就会熟悉它们。

如果您发现本文有趣,并认为它可能会使 WordPress开发 比较容易,是时候给 ACF弹性188手机app a go.

您如何看待这篇文章?

爱它

有趣的

不适合我

做什么 [你] want to do next?

阅读更多博客。

看我们的工作。