متخصص وردپرس

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

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

نوشته های مشابه

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

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

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

    elementor pro میز وردپرس

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

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

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

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

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

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

    نسخه پیشرفته این افزونه چند ماه عرضه نسخه رایگان آن به بازار عرضه شد. نسخه پیشرفته المنتور (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();

فایل اصلی 404.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();

فایل جدید 404.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();

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

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

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

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

منبع : میز وردپرس

به این نوشته امتیاز بدهید

5 / 5. 5

تغییر کلمه downloads از افزونه edd
بیشتر بخوانید

saeedjoshani

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

نوشته های مشابه

‫8 دیدگاه ها

  1. سلام وقت بخیر ، فایل اصلی index بنده به این شکل طراحی میکنم :


    الان من متوجه نشدم این کد های فایل index دقیقا کجا قرار بدم .

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

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

    اینم لینک قالب : https://www.rtl-theme.com/gimnas-sport-worpress-theme/
    ادرس سایت خودم هم براتون در پایین گذاشتم -لطفا برررسی بفرمایید
    ممنون از پاسخگویی

    1. سلام و عرض ادب
      دوست عزیز ویرایش قالب های حرفه ای کار پیچیده ای میباشد و توصیه نمیشود.

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

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

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

  6. همه مراحل رو رفتم اما وقتی میخوام صفحه ای ایجاد و ویرایش کنم:
    trim(): Passing null to parameter #1 ($string) of type string is deprecated

دیدگاهتان را بنویسید

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

دکمه بازگشت به بالا