ایجاد پنل تنظیمات برای قالب های وردپرس (جلسه اول)

- visibility ٢٣ mode_comment

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

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

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

copy-folderخیلی خب حالا فایل functions.php رو در ادیتور کدها باز کنید و کدهای زیر را در ابتدای فایل اضافه کنید :

با این کدها فایل های مربوط به تنظیمات قالب را قراخوانی کردیم. خب حالا فایل را ذخیره کنید، و به پنل وردپرس وارد شوید، حتما باید چنین قسمتی به قالب اضافه شده باشد

panelحال که این قسمت را با موفقیت فعال کردید، وقت نوشتن کدها برای ایجاد تنظیمات مورد نظرتان است.

سراغ فایل theme-settings.php که درون پوشه admin هست برید و اونو توی ادیتور کد باز کنید

در خط نهم فایل چنین کدهایی وجود دارد :

عبارت thmename را به نام قالبتان تغییر دهید، بعدا از این اسم در صدا زدن تنظیمات استفاده می شود. به طور مثال :

set-name

حال به خط 54 بروید، اینجا شروع کار است!

در خط 55م نام تب تنظیمات مورد نظرتان را بجای عبارت Simple Page وارد کنید، به طور مثال :

tab-name

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

حال اگر فایل را ذخیره و پنل وردپرس را ریفرش کنید خواهید دید نام انتخابی شما نمایش داده شده است.

my-optionsاگر به کدها بازگردید، بعد از نام تب، تعدادی آرایه وجود دارد، هر کدام از آرایه ها مربوط به یک تنظیمات خاص هستند، که در سمت راست تب (تصویر بالا را نگاه کنید) نمایش داده می شوند. برای مثال من لوگوی وبسایت، فاوآیکون، و کپی رایت را ایجاد کرده ام،

ابتدا یکی از آرایه ها را بررسی می کنیم، تا بهتر بتوانید با این آرایه ها کار کرده و تنظیمات خاص خودتان را ایجاد کنید  به طور مثال آرایه ی اول که مربوط به لوگوی وبسایت است :

در خط شماره 1 (کد فوق) در اندیس name نام آن تنظیمات را بایستی بنویسید، این نام به عنوان title آن option نمایش داده خواهد شد. در اینجا "لوگوی  وبسایت" نوشته شده است.

در خط بعدی اندیس desc وجود دارد، مقدار این اندیس به عنوان توضیحات option شما نمایش داده خواهد شد.

اندیس بعدی id هست، $shortname را کاری نداشته باشید، این متغییر همان اسمی است که ابتدای کار نوشتیم. در درون کوتیشتن ما یک underline و سپس id آن option را می نویسیم، ما در اینجا sitelogo را نوشته ایم، بعدا از این id برای فراخوانی تنظمیات استفاده می شود.

اندیس std، مقدار پیشفرضی هست که برای آن option در نظر گرفته اید، ما در اینجا آن را خالی گذاشته ایم.

در آخر اندیس type، نوع option ما را معیین می کند، در اینجا upload را انتخاب کرده ایم که با استفاده از آن بتوانیم تصویر مربوط به لوگو را آپلود کنیم، type های دیگری هستند که در ادامه با آنها آشنا خواهیم شد،

تصویر زیر نشانگر مکان نمایش مقدار هر کدام از اندیس ها در پنل تنظمیات است

optionخب روش استفاده از این option به این صورت است که مکانی که میخوایید option شما نمایش داده شود مثلا در فایل heaer.php،

باید از چنین تابعی استفاده کنید :

wp_thame همان نامی است که در ابتدای کار برای قالب تعریف کردیم _sitelogo نیز همان آیدی option ماست،

البته با این تابع، چونکه نوع option ما از نوع upload هست. آدرس فایل آپلود شده را به ما نشان میدهد.

اگر شما میخواهید این تصویر را در تگ img استفاده کنید بایستی کد فوق رو در صفت src تگ img قرار بدین به این صورت :

تا بتواند تصویر را نمایش دهد، وگرنه فقط یک لینک خواهد بود.

خب خسته نباشید، در جلسه دوم آموزش با طریقه ایجاد سایر type ها، از جمله تکست باکس ها دکمه های رادیویی، چپ باکس ها و ... طریقه فراخوانی آن ها، و همچنین طریقه ایجاد بیش از یک تب خواهیم پرداخت...

comment دیدگاه کاربران
Mohammad Javad

عزیز چرا جواب نمیدید دو هفته هست کامنت گذاشتم

لقمان آوند

ببخشید نویسنده این مطلب دیگه در سایت نیستند که پاسخگو باشند …

Mohammad Javad

خب یه کمکی بکنید از اقای علی محمدی کمک بگیرید
متشکر خیلی کارم واجبه 100% یک کاری کنید
ممنون

لقمان آوند

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

mohsensd1373

سلام
میشه لطفا برای استفاده از آپلود مدیا وردپرس برای آپلود لگو چکار کرد را هم بگید ؟
باتشکر

منظورتون آواتارها و لوگوهای کاربران هست ؟

mohsensd1373

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

لقمان آوند

خواهش می کنم
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2