یک صفحه گزینه های تم وردپرس با فیلدهای کربن بسازید

]
منبع: https://webdesign.tutsplus.com/build-a-wordpress-theme-options-page-with-carbon-fields–cms-108610t

1	use Carbon_Fields\Container;
2	use Carbon_Fields\Field;
3
4	function crb_attach_theme_options() {
5	Container::make( 'theme_options', __( 'Theme Settings', 'playground' ) )
6	->set_page_menu_position( 4 )
7	->set_icon( 'dashicons-admin-settings' )
8	->add_tab(
9	__( 'Header', 'playground' ),
10	array(...),
11	)
12	->add_tab(
13	__( 'Contact', 'playground' ),
14	array(...)
15	)
16	->add_tab(
17	__( 'Socials', 'playground' ),
18	array(...)
19	)
20	->add_tab(
21	__( 'Footer', 'playground' ),
22	array(...)
23	);
24	}
25	add_action( 'carbon_fields_register_fields', 'crb_attach_theme_options' );
26
27	function crb_load() {
28	require_once( 'vendor/autoload.php' );
29	\Carbon_Fields\Carbon_Fields::boot();
30	}
31	add_action( 'after_setup_theme', 'crb_load' );

1	Field::make( 'header_scripts', 'header_scripts', __( 'Header Scripts', 'playground' ) ),
2	Field::make( 'rich_text', 'header_ribbon', __( 'Ribbon', 'playground' ) )
3	->set_conditional_logic(
4	array(
5	array(
6	'field' => 'show_header_ribbon',
7	'value' => true,
8	),
9	)
10	),
11	Field::make( 'color', 'header_ribbon_text_color', __( 'Ribbon Text Color', 'playground' ) )
12	->set_conditional_logic(
13	array(
14	array(
15	'field' => 'show_header_ribbon',
16	'value' => true,
17	),
18	)
19	),
20	Field::make( 'color', 'header_ribbon_bg_color', __( 'Ribbon Background Color', 'playground' ) )
21	->set_conditional_logic(
22	array(
23	array(
24	'field' => 'show_header_ribbon',
25	'value' => true,
26	),
27	)
28	),
29	Field::make( 'checkbox', 'show_header_ribbon', __( 'Show Ribbon (Top Header)?', 'playground' ) )->set_option_value( 'yes' ),

1	<?php
2	$show_header_ribbon = carbon_get_theme_option( 'show_header_ribbon' );
3	?>
4
5	<header class="site-header">
6	<nav>
7	<?php
8	if ( $show_header_ribbon ) :
9	$header_ribbon = carbon_get_theme_option( 'header_ribbon' );
10	$header_ribbon_text_color = carbon_get_theme_option( 'header_ribbon_text_color' ) ? carbon_get_theme_option( 'header_ribbon_text_color' ) : '#000';
11	$header_ribbon_bg_color = carbon_get_theme_option( 'header_ribbon_bg_color' ) ? carbon_get_theme_option( 'header_ribbon_bg_color' ) : 'transparent';
12	?>
13	<div class="header-top" style="color: <?php echo esc_attr( $header_ribbon_text_color ); ?>; background: <?php echo esc_attr( $header_ribbon_bg_color ); ?>">
14	<?php echo wp_kses_post( $header_ribbon ); ?>
15	</div>
16	<?php endif; ?>
17	<div class="header-bottom">A nice header here</div>
18	</nav>
19	</header>

1	Field::make( 'textarea', 'address', __( 'Address', 'playground' ) ),
2	Field::make( 'text', 'address_directions', __( 'Address Directions', 'playground' ) )->set_attribute( 'type', 'url' ),
3	Field::make( 'text', 'phone', __( 'Phone', 'playground' ) )->set_attribute( 'type', 'tel' ),
4	Field::make( 'text', 'email', __( 'Email', 'playground' ) )->set_attribute( 'type', 'email' ),
5	Field::make( 'select', 'newsletter_form', __( 'Select Newsletter Form', 'playground' ) )
6	->add_options( 'get_all_forms' ), // or set

1	function get_all_forms() {
2	$all_forms_array = array();
3	$all_forms = get_posts(
4	array(
5	'post_type' => 'wpcf7_contact_form',
6	'posts_per_page' => -1,
7	)
8	);
9
10	foreach ( $all_forms as $form ) :
11	$all_forms_array( $form->ID ) = esc_html( $form->post_title );
12	endforeach;
13	return $all_forms_array;
14	}

میدان های کربن چیست؟

1	<?php
2	$address = carbon_get_theme_option( 'address' );
3	$directions = carbon_get_theme_option( 'address_directions' );
4	$phone = carbon_get_theme_option( 'phone' );
5	$email = carbon_get_theme_option( 'email' );
6	$newsletter_form = carbon_get_theme_option( 'newsletter_form' );
7	?>
8
9	<address>
10	<?php echo wp_kses_post( $address ); ?>
11	<a href="<?php echo esc_url( $directions ); ?>" target="_blank">
12	<?php esc_html_e( 'See Map', 'playground' ); ?>
13	</a>
14	<a href="<?php echo esc_url( 'tel:' . $phone ); ?>">
15	<?php echo esc_html( $phone ); ?>
16	</a>
17	<a href="<?php echo esc_url( 'mailto:' . $email ); ?>">
18	<?php echo esc_html( $email ); ?>
19	</a>
20	</address>
21
22	<div>
23	<?php echo do_shortcode( '(contact-form-7 id="' . esc_attr( $newsletter_form ) . '")' ); ?>
24	</div>

1	<?php
2	Field::make( 'complex', 'socials' )
3	->set_layout( 'tabbed-horizontal' )
4	->add_fields(
5	array(
6	Field::make( 'text', 'social_title', __( 'Social Title', 'playground' ) ),
7	Field::make( 'text', 'social_url', __( 'Social URL', 'playground' ) )->set_attribute( 'type', 'url' ),
8	Field::make( 'text', 'social_icon', __( 'Social Icon', 'playground' ) )
9	->set_attribute( 'placeholder', 'Add a class from the Font Awesome library' ),
10	)
11	),

1	<?php
2	$socials = carbon_get_theme_option( 'socials' );
3	?>
4
5	<ul>
6	<?php
7	foreach ( $socials as $social ) :
8	//https://github.com/WordPress/WordPress-Coding-Standards/issues/1029
9	/* translators: %s: social channel */
10	$title = sprintf( __( 'Find us on %s', 'playground' ), $social('social_title') );
11	?>
12	<li>
13	<a href="<?php echo esc_url( $social('social_url') ); ?>" aria-label="<?php echo esc_attr( $title ); ?>" title="<?php echo esc_attr( $title ); ?>" target="_blank">
14	<i class="<?php echo esc_attr( $social('social_icon') ); ?>" aria-hidden="true"></i>
15	</a>
16	</li>
17	<?php endforeach; ?>
18	</ul>

1	<?php
2	$footer_text = carbon_get_theme_option( 'footer_text' );
3	$footer_text_color = carbon_get_theme_option( 'footer_text_color' ) ? carbon_get_theme_option( 'footer_text_color' ) : '#000';
4	$footer_bg_color = carbon_get_theme_option( 'footer_bg_color' ) ? carbon_get_theme_option( 'footer_bg_color' ) : 'transparent';
5	?>
6
7	<footer class="site-footer" style="color: <?php echo esc_attr( $footer_text_color ); ?>; background: <?php echo esc_attr( $footer_bg_color ); ?>">
8	<div class="container">
9	<?php echo wp_kses_post( $footer_text ); ?>
10	</div>
11	</footer>