هماهنگ کردن قالب وردپرس با المنتور elementor

سلام خدمت همه کاربران عزیز کابین وردپرس

هماهنگ کردن قالب وردپرس با المنتور elementor

امروز آموزش فوق العاده مهمی را برای شما تدارک دیده ایم .در این آموزش شما خواهید آموخت چگونه میتوانید قالب وردپرس خود را با افزونه وردپرس المنتور هماهنگ کنیدو و بتونید از امکانات این افزونه استفاده کنید.

افزونه المنتور چیست و چه کارایی دارد؟

یکی از صفحه ساز های قدرتمند جهانی است که به تازگی در حال فتح قله های موفقیت در بین کاربران وردپرسی است. افزونه المنتور با امکانات بسیار عالی که دارد می تواند در طراحی سایت به شما کمک کند.

مزیت المنتور چیست؟

از جمله مزیت های این افزونه وردپرس این است که بدون نیاز به دانش کدنویسی شما میتوانید وب سایت خود را کاملا شخصی سازی کنید.

معایب المنتور چیست؟

از جمله معایب این افزونه این است کعه این افزونه وردپرس حجم بالای دارد و البته خودش نیاز به آموزش داردو همچنین برخی از ویجت های ان در نسخه پولی وجود دارد پس نیازمند ان است که نسخه پیشرفته ان را خریداری کنید.

تفاوت نسخه پیشرفته و نسخه ساده این افزونه المنتور چیست؟

نسخه پیشرفته این افزونه چند ماه عرضه نسخه رایگان آن به بازار عرضه شد. نسخه پیشرفته المنتور (Elementor pro) علاوه بر اضافه کردن تعدادی ویجت ( مثل پست، نمایش نمونه کار، نظرات مشتریان، اسلایدر  و … ) امکان ساخت هدر و فوتر ، صفحات آرشیو ، صفحات بلاگ و محصول و …  دلخواه برای سایت را نیز فراهم کرده است که می توان از آن برای سفارشی سازی کردن هرچه بیشتر سایت مورد استفاده قرار داد.
با استفاده از نسخه پیشرفته المنتور شما هیچ محدودیتی در طراحی انواع سایت ها نخواهید داشت و می‌توانید با یک صفحه ساز تمام نیازهای خود در طراحی سایت را برطرف نمایید.

پیش نیاز استفاده از المنتور چیست؟

برای استفاده از افزونه وردپرس المنتور نیاز است که شما حتما ابتدا افزونه المنتور را داشته باشید و همچنین نیازمند یک قالب وردپرس هماهنگ با المنتور دارید و ما در این آموزش قصد داریم که به شما آموزش دهیم که شما چگونه میتوانید قالب خود را با این افزونه هماهنگ کنید و برای اینم کار نیز نیاز دارید که مسلط به زبان php و همچنین طراحی قالب وردپرس باشید.

دو روش برای پشتیبانی از مکان های Elementor وجود دارد ، می توانید از توابع Elementor دلخواه استفاده کنید یا به اقدامات موجود خود متصل شوید. هر دو روش کار خواهند کرد. فقط نمونه های کد را دنبال کنید.

آشنایی با فایل های قدیمی و ساده قالب وردپرس

در این مرحله ما ابتدا با با فایل های مختلفی که سر کار داریم آشنا میشویم.دقت کنید این فایل ها در قالب وردپرس شما نیز وجود دارد و همچنین این فایل ها همان فایل های اولیه هستند یعنی هنوز با افزونه وردپرس المنتور هماهنگ نشده اند.

فایل اصلی header.php

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<?php get_template_part( 'template-parts/header' ); ?>

فایل اصلی footer.php

<?php get_template_part( 'template-parts/footer' ); ?>

</body>
</html>

فایل اصلی index.php

<?php
get_header();

if ( is_archive() || is_home() || is_search() ) {
	get_template_part( 'template-parts/archive' );
} elseif ( is_singular() ) {
	get_template_part( 'template-parts/single' );
} else {
	get_template_part( 'template-parts/404' );
}

get_footer();

فایل اصلی archive.php

<?php
get_header();

get_template_part( 'template-parts/archive' );

get_footer();

فایل اصلی single.php

<?php
get_header();

get_template_part( 'template-parts/single' );

get_footer();

فایل اصلی ۴۰۴٫php

<?php
get_header();

get_template_part( 'template-parts/404' );

get_footer();

خب حالا که با فایل های پیشفرض آشنا شدیمن میریم که داشته باشیم کارای پیشنیاز رو انجام بدیم.در این قسمت ما نیاز داریم یک سری کد را در فایل فانکشن قرار دهیم.که به دو روش انجام خواهد شد.

روش اول : مکان های تعریف شده المنتور با فانکشن یا توابع

ابتدا باید کد زیر را در فایل فانکشن قالب وردپرس خود قرار دهید.

<?php
function theme_prefix_register_elementor_locations( $elementor_theme_manager ) {

	$elementor_theme_manager->register_all_core_location();

}
add_action( 'elementor/theme/register_locations', 'theme_prefix_register_elementor_locations' );

خب حالا باید تک تک فایل هایی که در بالا معرفی کردیم ویرایش کنیم.

فایل جدید header.php

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<?php
// Elementor `header` location
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'header' ) ) {
	get_template_part( 'template-parts/header' );
}

فایل جدید footer.php

<?php
// Elementor `footer` location
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'footer' ) ) {
	get_template_part( 'template-parts/footer' );
}

wp_footer();
?>

</body>
</html>

فایل جدید index.php

<?php
get_header();

if ( is_archive() || is_home() || is_search() ) {
	// Elementor `archive` location
	if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'archive' ) ) {
		get_template_part( 'template-parts/archive' );
	}
} else ( is_singular() ) {
	// Elementor `single` location
	if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'single' ) ) {
		get_template_part( 'template-parts/single' );
	}
} else {
	// Elementor `404` location
	if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'single' ) ) {
		get_template_part( 'template-parts/404' );
	}
}

get_footer();

فایل جدید archive.php

<?php
get_header();

// Elementor `archive` location
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'archive' ) ) {
	get_template_part( 'template-parts/archive' );
}

get_footer();

فایل جدید single.php

get_header();

// Elementor `single` location
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'single' ) ) {
	get_template_part( 'template-parts/single' );
}

get_footer();

فایل جدید ۴۰۴٫php

get_header();

// Elementor `404` location
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'single' ) ) {
	get_template_part( 'template-parts/404' );
}

get_footer();

روش دوم : استفاده از هوک ها

در این روش ما از هوک های وردپرس استفاده میکنیم.البته در این روش نیز ما باید از فایل فانکشن استفاده کنیم.و در این روش ما باید ابتدا کد زیر را داخل فایل فانکشن قالب وردپرس خود قرار دهیم و سپس فایل های پیشفرض را تغییر دهیم.

<?php
// Register Elementor locations
function theme_prefix_register_elementor_locations( $elementor_theme_manager ) {
	$elementor_theme_manager->register_location(
		'header',
		[
			'hook' => 'theme_prefix_header',
			'remove_hooks' => [ 'theme_prefix_print_elementor_header' ],
		]
	);
	$elementor_theme_manager->register_location(
		'footer',
		[
			'hook' => 'theme_prefix_footer',
			'remove_hooks' => [ 'theme_prefix_print_elementor_footer' ],
		]
	);
	$elementor_theme_manager->register_location(
		'single',
		[
			'hook' => 'theme_prefix_single',
			'remove_hooks' => [ 'theme_prefix_print_elementor_single' ],
		]
	);
	$elementor_theme_manager->register_location(
		'archive',
		[
			'hook' => 'theme_prefix_archive',
			'remove_hooks' => [ 'theme_prefix_print_elementor_archive' ],
		]
	);
}
add_action( 'elementor/theme/register_locations', 'theme_prefix_register_elementor_locations' );

// The header
function theme_prefix_print_elementor_header() {
	get_template_part( 'templates-parts/header' );
}
add_action( 'theme_prefix_header', 'theme_prefix_print_elementor_header' );

// The footer
function theme_prefix_print_elementor_footer() {
	get_template_part( 'templates-parts/footer' );
}
add_action( 'theme_prefix_footer', 'theme_prefix_print_elementor_footer' );

// The single
function theme_prefix_print_elementor_single() {
	get_template_part( 'templates-parts/single' );
}
add_action( 'theme_prefix_single', 'theme_prefix_print_elementor_single' );

// The archive
function theme_prefix_print_elementor_archive() {
	get_template_part( 'templates-parts/archive' );
}
add_action( 'theme_prefix_archive', 'theme_prefix_print_elementor_archive' );

فایل جدید header.php

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<?php do_action( 'theme_prefix_header' ); ?>

فایل جدید footer.php

<?php do_action( 'theme_prefix_footer' ); ?>

<?php wp_footer(); ?>

</body>
</html>

فایل جدید archive.php

<?php
get_header();

do_action( 'theme_prefix_archive' );

get_footer();

فایل جدید single.php

<?php
get_header();

do_action( 'theme_prefix_single' );

get_footer();

خب بهتون تبریک میگم قالب شما الان با المنتور هماهنگ شده است.

کدام روش را من پیشنهاد می دهم؟

شاید خیلی از شما از من بپرسید که من کدام روش را پیشنهاد میکنم؟به نظر من بهترین روش روش اول میباشد .چرا که پیچیدگی خاصی ندارد و راحتتر میتوان ویرایش کرد و قالب وردپرس را با افزونه المنتور هماهنگ کرد.

اما این تازه اغاز کار است و ما در ادامه نیاز داریم تا ابزارک ها و ویجت های مختلفی برای قالب وردپرس و افزونه المنتور خود بسازیم.پس این اموزش ها را مد نظر دشته باشید و با کابین وردپرس همراه باشید.

منبع : کابین وردپرس

28

متخصص وردپرس و و طراح قالب وردپرس با تمام وجود مشغول ساخت آموزش های کار با وردپرس و کدنویسی و طراحی قالب وردپرس میباشم.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان
question