19 آذر 1403
بدون دیدگاه
نویسنده :
فاطمه کشانی
نویسنده :
فاطمه کشانی برای طراحی سایت وردپرس می توانید به راحتی در مخزن وردپرس از قالب های آماده و متنوعی که وجود دارد، بهره ببرید. برخی از این قالب ها بسیارکاربردی هستند، اما ممکن است این قالب ها به اندازه ای که شما می خواهید انعطاف پذیر نباشند. در این صورت باید به فکر ساخت یک قالب اختصاصی منحصر به فرد باشید. ساخت قالب اختصاصی در وردپرس به شما این امکان را می دهد تا وبسایت خود را شخصی سازی کنید و آزادی بیشتری در طراحی ظاهر وبسایت داشته باشید و از محدودیت های قالب های آماده رها شوید.
با طراحی قالب اختصاصی ، می توانید ظاهری دلخواه مطابق با نیازهای کسب و کارتان ایجاد کنید. اگر سایت شما نیاز به عملکردها و ویژگی های خاصی دارد که در قالب های عمومی موجود نیست، ساخت قالب اختصاصی بهترین راه حل است. همچنین با استفاده از قالب اختصاصی می توانید با یک طراحی کاربرپسند و ناوبری ساده، دسترسی به اطلاعات مورد نظر را برای کاربران آسان تر کنید و تجربه ی کاربری بهتری برای کاربران خود به وجود بیاورید.
در نظر داشته باشید که ساخت یک قالب کامل و حرفه ای نیازمند دانش عمیق از HTML،CSS و PHP است، اما با درک اصول اولیه و دنبال کردن مراحل زیر می توانید شروع به ساخت قالب ساده و سفارشی خود کنید.
قبل از هر چیز باید وردپرس را روی هاست یا هاست های خانگی مثل Xampp نصب کنید. و به یک ویراشگر متن مثل Notepad یا VScode(Visual Studio Code) برای نوشتن کدها نیاز دارید.
در ابتدا باید یک پوشه جدید برای قالب ایجاد کنید. برای این کار به پوشه ی wp-contenet بروید و در پوشه ی theme یک پوشه ی جدید با نام دلخواه خود بسازید. ما در اینجا نام iratheme را انتخاب کردیم.
در پوشه ی ایجاد شده باید حداقل دو فایل زیر را ایجاد کنید:
فایل style.css شامل اطلاعات متا درباره قالب شما است در این فایل کد های زیر را وارد کنید.
/*
Theme Name: Ira Theme
Theme URI: http://iracode.com
Author: Iracode
Author URI: http://iracode.com
Description: A custom theme for WordPress named Ira Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ira-theme
*/
فایل index.php به عنوان صفحه اصلی قالب شما عمل می کند و محتوای اصلی وبسایت را نمایش می دهد. محتوای ابتدایی این فایل را می توانید به شکل زیر بنویسید:
<?php get_header(); ?>
<main>
<h1>به وبسایت Ira Theme خوش آمدید!</h1>
<p>این یک قالب اختصاصی برای وردپرس است.</p>
</main>
<?php get_footer(); ?>
برای تکمیل قالب خود می توانید فایل های زیر را نیز ایجاد کنید
فایل header.php برای هدر(سربرگ سایت) است. کدهای زیر را می Jوانید در این فایل وارد کنید:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo(‘charset’); ?>”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”stylesheet” href=”<?php echo get_stylesheet_uri(); ?>”>
<title><?php wp_title(); ?></title>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo(‘name’); ?></h1>
</header>
فایل footer.php برای فوتر (پاورقی) سایت است.
<footer>
<p>© <?php echo date(‘Y’); ?> Ira Theme. تمام حقوق محفوظ است.</p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
فایل functions.php یکی از مهم ترین و کاربردی ترین فایل ها است.این فایل به شما امکان می دهد تا توابع و ویژگی های جدیدی را به قالب خود اضافه کنید. در واقع این فایل به عنوان یک ابزار برای سفارشی سازی و گسترش قابلیت های قالب استفاده می شود.
شما می توانید توابع سفارشی خود را در این فایل تعریف کنید. برای مثال
function my_custom_function() {
echo “سلام، این یک تابع سفارشی است!”;
}
شما می توانید CSS وJavaScript را به قالب خود اضافه کنید:
function ira_theme_scripts() {
wp_enqueue_style(‘style’, get_stylesheet_uri());
wp_enqueue_script(‘custom-script’, get_template_directory_uri() . ‘/js/custom.js’, array(‘jquery’), null, true);
}
add_action(‘wp_enqueue_scripts’, ‘ira_theme_scripts’);
ایجاد نوارکناری(Sidebar)
اگر می خواهید نوار کناری به قالب خود اضافه کنید می توانید از کد زیر استفاده کنید:
function ira_theme_widgets_init() {
register_sidebar(array(
‘name’ => ‘نوار کناری اصلی’,
‘id’ => ‘sidebar-1’,
‘before_widget’ => ‘<div>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));
}
add_action(‘widgets_init’, ‘ira_theme_widgets_init’);
افزودن متا تگ ها
با افزودن متاتگ ها می توانید به بهینه سازی سئو وب سایت خود کمک کنید.برای افزودن متاتگ ها کدهای زیر را اضافه کنید:
function ira_theme_meta_tags() {
echo ‘<meta name=”description” content=”توضیحات وبسایت شما” />’;
}
add_action(‘wp_head’, ‘ira_theme_meta_tags’);
برای ایجاد منوی سفارشی می توانید از کد زیر استفاده کنید:
function ira_theme_setup() {
register_nav_menus(array(
‘primary’ => ‘منوی اصلی’,
));
}
add_action(‘after_setup_theme’, ‘ira_theme_setup’);
برای فعال سازی قالب اختصاصی ساخته شده، به پیشخوان وردپرس خود بروید و از بخش “نمایش” روی گزینه “قالب ها” کلیک کنید. قالب ساخته شده را پیدا کنید و روی فعال سازی کلیک کنید.
پس از ایجاد قالب، آن را تست کنید تا مطمئن شوید که به درستی کار می کند. همچنین اطمینان حاصل کنید که قالب شما واکنش گرا است و در دستگاه های مختلف به خوبی نمایش داده می شود.
حالا که با مراحل ساخت قالب اختصاصی در وردپرس آشنا شدید برویم سراغ یکی از بحث های داغ در دنیای طراحی سایت وردپرس که مقایسه بین قالب های اختصاصی و قالب های آماده وردپرس است. ما در ادامه به مقایسه قالب های آماده و قالب های اختصاصی می پردازیم و مزایا و معایب هر کدام را بررسی می کنیم تا بتوانید تصمیم بهتری بگیرید .
دسترسی سریع و آسان: قالب های اماده ی وردپرس را به آسانی می توانید از مخزن وردپرس یا وبسایت های معتبر دانلود کنید و نصب و راه اندازی آن ها بسیار سریع است. طوریکه در کوتاه ترین زمان می توانید یک قالب از بین قالب های موجود انتخاب کنید و با چند کلیک ساده نصب و راه اندازی کنید.
قیمت مناسب: بسیاری از قالب های آماده با قیمت های معقول یا حتی رایگان در دسترس کاربران هستند، که این می تواند برای افرادی که بودجه ی محدودی دارند و کسب و کارهای کوچکی دارند، جذاب به نظر برسد و گزینه ی خوبی برای انتخاب باشد.
تنوع زیاد: هزاران قالب آماده رایگان و غیر رایگان در وردپرس وجود دارد که به شما این امکان را می دهد تا از بین گزینه های مختلف قالب دلخواه و متناسب با نیاز هایتان را پیدا کنید.
پشتیبانی و به روز رسانی منظم: بسیاری از قالب های آماده ی وردپرس از پشتیبانی و به روز رسانی های منظم بهره مند هستند، که می تواند به رفع مشکلات نسخه قبلی و امنیت بیشتر کمک کند.
شخصی سازی محدود: قالب های آماده معمولا محدودیت هایی دارند که نمی توان به راحتی تغییرات دلخواه و عمیقی را در آن ها ایجاد کرد.
تکراری بودن قالب: قالب های آماده ی وردپرس محبوبیت بالایی دارند و از این رو ممکن است وبسایت شما شبیه به وبسایت های دیگر شود و نتوانید یک سایت منحصر به فرد داشته باشید.
امکان عملکرد و سرعت پایین: برخی از قالب های آماده ممکن است کد های غیر ضروری دشته باشند یا نیاز به افزونه های اضافی داشته باشند که این کد ها و افزونه های اضافی باعث کاهش سرعت سایت می شوند و تاثیر منفی روی عملکرد کلی سایت می گذارند.
شخصی سازی کامل: با ساخت قالب اختصاصی، شما می توانید طراحی و عملکرد وب سایت خود را مطابق با نیازها و سلیقه ی خود تنظیم کنید. و می توانید به راحتی هر جزئی از وبسایت خود را به دلخواه تغییر دهید و یک وبسایت با ظاهری کاملا متفاوت و مطابق با نیازهایتان داشته باشید. در کل با ساخت قالب اختصاصی می توانید هر ایده ایی را در وب سایت خود پیاده سازی کنید.
امنیت بیشتر: یکی از مزایای قالب اختصاصی این است که، شما کنترل کامل بر کدهای قالب دارید و می توانید از بروز مشکلات امنیتی جلوگیری کنید.
سرعت بارگذاری بالا: با طراحی قالب اختصاصی، دیگر نیاز به افزونه های اضافی ندارید و می توانید افزونه های غیر ضروری و اضافی را پاک کنید، که این کار باعث می شود زمان بارگذاری صفحات کاهش یابد. سرعت بارگذاری بالا باعث می شود، کاربر تجربه ی بهتری داشته باشد و نرخ پرش کاهش یابد.
هزینه ی بالا: طراحی و توسعه یک قالب اختصاصی برای افراد که دانش کافی در این زمینه ندارند معمولا هزینه هایی دربردارد و ممکن برای افرادی که بودجه ی محدود و کسب و کار کوچکی دارند مناسب نباشد.
نیاز به دانش کدنویسی: یکی دیگر از معایب ساخت قالب اختصاصی این است که، برای طراحی یک قالب اختصاصی نیاز به دانش کدنویسی و تجربه در زمینه وب دارید. و اگر دانش و تجربه ی کافی نداشته باشید ممکن است طراحی پوسته ی اختصاصی برای شما مشکل باشد.
زمان بر بودن: طراحی و توسعه قالب اختصاصی ممکن است زمان بر باشد و چندهفته و حتی ماه ها طول بکشد.
ساخت یک قالب اختصاصی ممکن است کمی چالش برانگیز باشد اما با دقت کافی و توجه به جزئیات می توانید قالبی منحصر به فرد و کاربرپسند ایجاد کنید تا یک وبسایت متمایز از دیگر وبسایت ها داشته باشید.
اگر در حال حاضر فرصت مطالعه این مقاله را ندارید، می توانید فایل PDF آن را دریافت کنید
related blogs
همیشه در کنار شما هستیم
برای توسعه کسب و کارتان ، تا انتها در کنار شما هستیم . بدون نگرانی به فکر پیشرفت باشید.
همیشه در کنار شما هستیم
برای توسعه کسب و کارتان ، تا انتها در کنار شما هستیم . بدون نگرانی به فکر پیشرفت باشید.
آکادمی ایراکد
مشاوره فنی و تخصصی رایگان
جهت دریافت خدمات مشاوره و یا سفارش طراحی سایت و اپلیکیشن، سئو و سایر خدمات شرکت فرم زیر را تکمیل نمایید.مشتاقانه پاسخگوی شما خواهیم بود
Comments
جای شما در میان برندهایی که به ما اعتماد کردند، خالیست
Our Customers
Registration Form
آدرس دفتر مرکزی:
تهران ، جردن ، خیابان تابان غربی ، برج نور ، طبقه ۱
تهران ، میرداماد ، تقاطع نور و تابان غربی ، برج اداری تجاری نور ، طبقه ۱
فروش :
پشتیبانی :
همراه :
تمامی حقوق این وبسایت متعلق به شرکت ایراکد می باشد
Registration Form
