وباکا

آموزش تخصصی برنامه نویسی وب

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

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

OptionTree این امکان را فراهم می کند تا تنظیمات دلخواه در پیشخوان وردپرس براحتی با کمک ماوی و عملیات درگ و دراپ انجام شده و بر اساس تنظیمات انجام شده یک فایل بنام theme-options.php ایجاد می کند تا در قالب وردپرس استفاده شود.

با کمک OptionTree می توانید تنها با نوشتن چند سطر کد ساده ، تنظیمات را در بانک اطلاعاتی با شناسه منحصر بفرد ذخیره کنید و با هیچکدام از امکانات دیگر افزونه ها و قالب ها تداخل نخواهد داشت.همچنین OptionTree در حال حاضر  از طرح های رنگی جدید معرفی شده در وردپرس 3.8 بهره می برد.

یکپارچه سازی با قالب

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

انواع تنظیمات

در زیر لیستی از قسمت های پوسته وردپرس که توسط OptionTreee تنظیم می شود را مشاهده می کنید:

  • Background
  • Border
  • Box Shadow
  • Category Checkbox
  • Category Select
  • Checkbox
  • Colorpicker
  • Colorpicker Opacity
  • CSS
  • Custom Post Type Checkbox
  • Custom Post Type Select
  • Date Picker
  • Date Time Picker
  • Dimension
  • Gallery
  • Google Fonts
  • JavaScript
  • Link Color
  • List Item
  • Measurement
  • Numeric Slider
  • On/Off
  • Page Checkbox
  • Page Select
  • Post Checkbox
  • Post Select
  • Radio
  • Radio Image
  • Select
  • Sidebar Select
  • Slider
  • Social Links
  • Spacing
  • Tab
  • Tag Checkbox
  • Tag Select
  • Taxonomy Checkbox
  • Taxonomy Select
  • Text
  • Textarea
  • Textarea Simple
  • Textblock
  • Textblock Titled
  • Typography
  • Upload

نصب و راه اندازی

حالت پلاگین

برای اضافه کردن optionTree به عنوان افزونه به سایت مراحل زیر را انجام دهید:

1- آپلود پوشه option-tree در فهرست wp-contents/plugins وردپرس
2- فعال کردن افزونه را از طریق منوی “افزونه ها” در پیشخوان وردپرس.
3- برای کمک به نصب بیشتر روی گزینه OptionTree-> Documentation در منوی نوار کناری پیسخوان وردپرس استفاده کنید.

 

حالت پوسته

برای اضافه کردن optionTree به قالب سایت مراحل زیر را انجام دهید:

1- آخرین نسخه OptionTree را دانلود کرده و پس از استخراج پوشه option-tree آنرا در پوشه قالب سایت کپی کنید.
به عنوان مثال، مسیر سرور می تواند بصورت  wp-content/themes/theme-name/option-tree/ باشد.
دراینصورت باید نسخه افزون های OptionTree را غیرفعال کرده یا حذف کنید.
کد زیر را به ابتدای functions.php اضافه کنید.

<?php
load_theme_textdomain( 'option-tree', get_template_directory() . '/option-tree/languages' );
?>
<?php
/**
* Required: set 'ot_theme_mode' filter to true.
*/
add_filter( 'ot_theme_mode', '__return_true' );
/**
* Required: include OptionTree.
*/
require( trailingslashit( get_template_directory() ) . 'option-tree/ot-loader.php' );
?>
<?php
/**
* Theme Options
*/
require( trailingslashit( get_template_directory() ) . 'option-tree/theme-options.php' );
/**
* Meta Boxes
*/
require( trailingslashit( get_template_directory() ) . 'option-tree/meta-boxes.php' );
// Remove Option Tree Settings Menu
function custom_internal_css() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_url').'/option-tree/ot-custom-style.css" />';
}

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

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

فهرست مطالب