آموزش وردپرس : افزودن ابزارک به قالب وردپرس
یکی از ویژگی های وردپرس که توانسته است این سیستم مدیریت محتوا را به عنوان یک cms کاربر پسند به دنیا معرفی کند قابلیت افزودن ابزارک به قالب های آن می باشد. در این آموزش از سری آموزش های وردپرس به صورت گام به گام به شما خواهیم گفت که چگونه می توانید قابلیت ابزارک را به قالب وردپرس خود اضافه کنید.
گام اول : افزودن قابلیت ابزارک به قالب (معرفی ابزارک ها به وردپرس)
ابتدا باید هر یک از بخش هایی از قالب که می خواهد ابزارک در آنجا قرار دهید را به وردپرس معرفی کنید. برای این کار کافی است تا کد زیر را در فایل فانکشن قالب وردپرس (functions.php) قرار دهید.
if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'Widget', 'before_widget' => '<div class="widget">', 'after_widget' => '</div>', 'before_title' => '<h2 class="widgettitle">', 'after_title' => '</h2>', ));
این کد یک ابزارک با نام Widget به قالب شما می افزاید. برای تعریف ابزارک های بیشتر می توانید از این کد یک کپی بگیرید و تنها نام آن (Widget) را تغییر دهید.
گام دوم : قرار دادن کد ابزارک ها در فایل های قالب وردپرس
خوب پس از معرفی ابزارک ها به وردپرس نوبت به نمایش ابزارک ها در قالب می رسد. برای نمایش هر یک از ابزارک در قالب, شما باید کد زیر را در محل مورد نظر قرار دهید. مثلا با افزودن این کد به فایل sidebar.php ابزارک ها در نوار کناری سایت شما دیده خواهند شد. توجه داشته باشید که در اینجا ابزارکی که نشان داده می شود ابزارک Widget است که در گام قبلی آن را به وردپرس معرفی کردیم. برای نمایش ابزارک های دیگر کافی است تا نام ابزارک را در این کد وارد کنید.
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget') ) : ?><?php endif; ?>
گام سوم: قرار دادن ابزارک ها
حال با رفتن به مسیر زیر می توانید ابزارک های مورد نظرتان را به قالب سایت خود اضافه کنید.
پیشخوان > نمایش > ابزارک ها
اصلا متوجه نشدم الان هر ابزارکی میذارم در قالب اضافه میشه اما استایلش اصلا اونی نیست که من دادم این کد های هر منوی من هست که از چند کلاس تشکلی شدن
چطوری میشه با این ستش کرد ؟ ممنون میشم راهنمایی کنید
نگاه کنید عزیز زمانی که یک ابزارک با استفاده از کد زیر ایجاد می کنید. نام ابزارک در بین تگ h2 با کلاس widgettitle قرار می گیرد و کل اون ابزارک هم در بین تگ div با کلاس widget قرار می گیرد. شما باید با استفاده از این کلاس ها به ابزارک های مختلف استایل بدید. هر ابزارکی هم برای خودش استایل های مشخصی داره که در این مطلب به اون ها اشاره کرده ایم.
سلام من این کد رو داخل فانشکن گذاشتم ولی جواب نمیده
باید جواب بده. وقتی کد اولی را داخل فانکشن قرار می دهید باید داخل بخش ابزارک ها یک بخش جدید ایجاد بشه و بتونید ابزارک ها را داخلش قرار بدید. با کد دومی هم می تونید ابزارک را هر جایی از قالب که خواستید فراخوانی کنید.
سلام عالی بود از شما بی نهایت تشکر میکنم … که اولین مطلب مفید در مورد وردپرس رو اینجا دیدم …
یه سوال هم دارم ببخشید من html و css رو کامل بلدم … خالی نمیبندم واقا بلدم و حرفه ای هم هستم البته پیش شما نه … من میتونم در اینده با وردپرس موفق شم یا نه
ممنون
یاعلی
چرا که نه؟ زبان های کد نویسی css و html پایه طراحی وب هست. شما اگر این دو را به طور کامل بلد باشید با کمی کار کردن با وردپرس و آشنایی با توابع اون می تونید قالب برای وردپرس طراحی کنید. برای طراحی افزونه هم باید php و کمی پایگاه داده بلد باشید.
سلام خدمت آقا سعیدِ گل..ببخشید میشه یه پوسته رو که درون وردپرس سیو شده رو به داخل سیستم انتقال بدیم یا به عبارت دیگه کپی یا سیو کنیم…چطور میشه بطور کامل یه سایت وردپرسی یا پوسته ی اون برداشت و روی یه سیستم دیگه راه اندازی کرد؟
کل پوشه پوسته را که از طریق هاست می تونید دانلود کنید. برای خود وردپرس هم می تونید ابتدا وردپرس را روی سیستمتون به صورت loalhost نصب و فعال کنید بعد با استفاده از نسخه پشتیبانی که از پایگاه داده و فایل های سایتتون می گیرد اون را در سیستموتون کپی کنید. سعی می کنم به زودی آموزش راه اندازی وردپرس داخل لوکال هاست و انتقال کامل یک سایت وردپرسی به اون را در روکش منتشر کنم.
دقیقا میخوام همین کارو کنم پوسته سایتمو کپی کنم تو سیستم بعد بدم به دوستم که اون رو لوکال اجراش کنه و بعد از شخصی سازی واسه خودش یه سایت طراحی کنه…امکانش هست دیگه؟؟؟
بله از طریق ftp امکانش هست. اگر کار با ftp را هم بلد نیستید می تونید از آموزش آپلود فایل در هاست توسط ftp برای کاربران وردپرس استفاده کنید.
باشه ممنون..مرسی
سلام
آیا برای افزودن پلاگین به قالب وردپرس هم میشه از همین روش استفاده کرد؟
دقیقا از این روش که نه. ولی می تونید عکس کاری را که ما برای ساخت افزونه اختصاصی برای سایت انجام دادیم را انجام بدید.
سلام آقا سعیدِ گل ، خوبید؟؟؟ آقا سعید اگه من user و password وردپرسمو بدم میتونید واردش بشید و یه قالبشو مرتب کنید؟؟من قالب تهران فیلم رو کپی کردم روش ولی بهم ریخته و خرابه..بلد هم نیستم که درستش کنم..امکانش هست یه نگاه بهش بندازید؟؟
آدرس سایت..kingfilm.in
درضمن آقا سعید اگه این کارتون با هزینه هم انجام بشه راضیم..چون واقعا لنگِ همین مشکلم
سعید آقا سلام
لطفا اطلاعات ورود به همراه هاست و ftp همراه با توضیحات را از طریق بخش پشتیبانی یا ایمیل های معرفی شده ارسال کنید.
سلام آیا کد اول باید در پایان فایل فانکشن قرار بگیره؟
من این کار رو کردم کل ستون سمت راست سایت حذف شد!
کد اول را باید داخل فایل فانکشن قالب قرار بدید ولی مهم نیست اول باشه یا آخر فقط باید به این توجه کنید که حتما این کد باید بین تگ باز و بسته php قرار بگیره.
سلام
خسته نباشید
یه سوال داشتم
من بخش ابزارک هام در قالبم محدوده
فقط بخش نوار کناری رو داره
من اگه بخوام که افزونه ام رو (که فقط تو بخش ابزارک ها نشونش میده) توی یه بخش دیگه
مثلا یه جایی وسط صفحه اصلی نشون بدم باید چ کار کنم
خیلی درگیرشم
مممنون میشم کمک کنید
خوب شما می تونید با استفاده از همین آموزش یک ناحیه ابزارک جدید در هر جایی از قالب که خواستید ایجاد کنید و با استفاده از بخش ابزارک های وردپرس, ابزارک مورد نظرتون را درون اون ناحیه قرار بدید . به همین راحتی
مرسی ممنون
سلام خیلی ممنون خیلی دنبال این مطلب که توضیحش کامل باشه می گشتم
اگه بخوایم این ابزارک توی جایی به غیر از سایدبار، مثلا توی کانتنت نشون داده بشه، چه طوری باید کد رو تغییر بدیم مثلا باید این کد رو تغییر بدیم؟ :
ممنون می شم اگه توضیح بدید
همونطور که در آموزش هم گفته شده شما با قرار دادن کد های موجود در گام اول یک ناحیه ابزارک جدید را برای وردپرس تعریف می کنید. سپس با استفاده از کدهای معرفی شده در گام دوم می توانید آن ناحیه ابزارک را در فایل های قالب استفاده کنید. مهم هم نیست که در فایل sidebar.php قرار گیرد یا در فایل های دیگه قالب.
دستتون درد نکنه
سلام استاد
من دو تا تم دارم که در تم اولی چند تا ویجیت خیلی جالب هست اما کل قالب دوست داشتنی نیست
قالب دوم را نصب کردم خیلی باحاله ولی میخوام اون دو تا ویجیت باحال تم اولی را بیارم به این تم دوم
چطور میتونم اینکار رو انجام بدم
الان بدستور شما اینکار رو کردم اما بجای اینکه ویجیت را ادد کنه یه چیزی مثه سایدبار بالای سایدبار left با نام ویجیت من ساخته
اما ویجیت مورد نظر بین ویجیت ها نیست
من فایل ویجیت مورد نظرم را هم از سورسی تم یک به محل ویجیت ها در سورس تم دوم اضافه کردم اما باز هم فایده ای نداره
ممنون میشم راهنمایی کنید من چطور اینکار رو انجام بدم
با سپاس و ارزوی توفیق
این آموزش برای ایجاد مکان قرار گیری ابزارک ها هست نه برای ساخت ابزارک. برای اینکه ویجت های تم قبلی را داخل این تم هم داشته باشید باید سورس کد اون ابزارک ها را داخل این قالب هم قرار بدید و همچنین کدهای CSS مربوط به این ابزارک ها را هم داخل فایل style.css قالب جدید قرار بدید.
سلام
من دقیقا همین کارو انجام دادم
اما یه مشکل بزرک برام پیش اومده
اونم اینه که وقتی یه ابزارک رو توی لیست ابزارک های فعالم میکشم وقتی صفحه رو رفریش میکنم دیگه توی لیستم نیست.
اما هنوز توی سایدبار قالبم هست
واقعا ضروریه خواهش میکنم که راه حل رو برام ایمیل کنید
واقعا ازتون ممنون میشم
این مشکل می تونه از وردپرس باشه بهتر هست تا وردپرس را به صورت دستی به آخرین نسخه بروز کنید تا مشکل حل شود.
mamnoon
سلام استاد من یه سوال درباره ی ابزارک ها دارم که امیدوارم منظورمو خوب انتقال بدم در بعضی از قالب ها میبینید که مثلا در قسمت موضوعات در تایتلش به این صورت عکس فولدره http://rozup.ir/up/sv7/nn724.png یا قسمت اخرین مطالب اون عکس فولدر عوض میشه http://rozup.ir/up/sv7/nn725.png
ولی کدی که شما دادید تمام دایو های ساید بار عنوانشون استایل کلاس widgettitle میگیرند و نمیشه عکس ها یا ایکون های متفاوتی بهشون داد چطور میشه مثل همون عکسایی که دادم وقتی تو ابزارک موضوعاتو و اخرین مطالبو فعال کردم هر کدوم تایتل متفاوت خودشونو بگیرند ممنون میشم راهنمایی کنید
شما می تونید از کلاس های و id های پیشفرض وردپرس استفاده کنید. پیشنهاد می کنم مطلب class و id های پیش فرض وردپرس برای استایل دهی به قالب را مطالعه بفرمایید.
درود
ممنون هستم از انتشار این مطلب.
چگونه میتوان این ابزارک را هوشمند کرد ؟
مثلاً در لیست ابزارک ها یک ابزارک اضافه شود با عنوان آخرین مطالب.
من کد پی اچ پی را بلد هستم و با افزونه php code widget میتوانم در ساید بار آخرین مطالب را نشان بدهم، اما میخوام بصورتی باشد که راهبر سایت تنها ویجت را بکشد در ساید بار و خودکار نشان دهد مطالب را.
ممنون میشوم راهنمایی بفرمایید
با احترام
این آموزش تنها برای ایجاد محدوده نمایش ابزارک ها می باشد نه ساخت خود ابزارک ها. برای ساخت یک ابزارک هم سعی می کنم آموزش هایی را منتشر کنم.
مرسی عالی بود
با سلام
دوست من آموزشت عالی بود خیلی استفده کردم ممنون
اما یک سوال دارم برای ساخت لینک در لینک مثل سایت شهر خبر دات کام چیکار باید کرد
من قالبش را ساختم ابزارکها را هم مطابق بالا درست کردم اما لینها مستقیم هستند و می خواهم لینک ها از سایت من باشد و مثل شهر خبر مطلب زیر لوگوی سایت من باز بشه چیکار کنم
ممنون می شم راهنمایی کنید
شما می تونید یک قاالب برگه درست کنید و داخل اون یک iframe قرار بدید و آدرس های خروجی را از طریق این برگه باز کنید.
سلام خسته نباشید من قالب Divi رو نصب کردم و در پیش نمایش آنلاین اون در این آدرس :
http://www.elegantthemes.com/demo/?theme=Divi
در سمت راست یک نوار وجود داره که پر از دایره هست و وقتی رو یه هر کدوم از دایره ها کلیک می کنی می ره به یک قسمت سایت من هر چی گشتم در تنظیماته قالب نتونستم این قابلیت رو فعال کنم ممنون میشم منو راهنمایی کنید بدجوری گیر کردم
این ویژگی در نسخه جدید این قالب قرار داده شده. شما از جایی که قالب را خریدید درخواست ارائه نسخه جدید قالب را بدید.
سلام آقا سعید
ببخشید یه ساید بار اگه اینجوری(http://s6.uplod.ir/i/00505/0z9q5j68u08v.png) کد نویسی شده باشه اونوخ چجوری از این کدایی که شما بالا گفتین استفاده کنیم؟
آخه وقتی کدا رو جاگذاری میکنم میرم ابزارک رو ایجاد میکنم به این شکل(http://s6.uplod.ir/i/00505/9dk8qj2pxilm.png
)نشون میده,چیکار کنم؟؟؟؟
این فقط برای تعریف محل قرار گیری ابزارک ها هست نه خود ابزارک ها. برای این کار شما باید یک ابزارک جدید بسازید تا بتونید اون را داخل ناحیه های ابزارک ها قرار بدید.
با تشکر از اموزش شما
من موقعیت بلوک جدید را ایجاد می کنم و در مو قعیت مناسب هم قرار می دهم ولی یک مشکلی دارم و اون هم ویژگی های او بلوک ابزارک هست
مثلا من در سمت راست پوسته و در بالای سایدبار یک موقعیت برای قرار دادن ابزارک ایجاد کردم
اول اینکه نمی دونم برای زیبا سازی ان چکار کنم و بعد اینکه من اخرین پست ها را در این ابزارک قرار دادم که بسیار زست و نامرتب شد چون معلوم نیست که در این قسمت فونت و چه ویژگی هایی باید داشته باشد
از کجا می تونم این خصوصیات را به این ابزارک یا بلوک ابزارک اضافه کنم؟
با استفاده از css شما می تونید ظاهر این بخش ها را تغییر بدید. برای آشنایی با کلاس ها و id هایی که وردپرس به صورت پیشفرض برای ابزارک ها و موارد دیگه استفاده می کنه می تونی مطلب class و id های پیش فرض وردپرس برای استایل دهی به قالب را دنبال کنید.
با پوزش از همه خواهشمند است بفرمائید چگونه از wp_insert_post( $post, $wp_error ) میتوانم استفاده کنم. من میخواهم این را در یک پروسیجر زمان بندی شده در سایتم قرار دهم و با استفاده از آن پست اتوماتیک ایجاد کنم
لینک های زیر را ببنید:
wp_insert_post auto schedule or post based on date
wp_insert_post to schedule a post – but nothing happens?
سلام من روی لوکال دارم روی یه قالب کار میکنم که اسلایدش پلاگین slider revolution هست وحال هر کاری میکنم یه اسلاد جدیید درست کنم نمیشه اما یه دمو رو وارد میکنه و ادیت هم میشه(روی قالب هم نمیتون بیارمش) وقتی روی کلیدcreate slid میرم که درست کنه لینکی که پایین مرور گر فعال میشه javascript:void(0); است حالا که دقت میکنم هرجایی که مربوط به این لینک کار نمیکنه نمیدونم چرا؟ ممنون میشم راهنماییم کنید
نمیشه گفت این مشکل از چی هست, یکی از دلایلش ممکن هست لود نشن کامل فایل های جاوا اسکریپت افزونه باشه.
سلام
چطوری میشه استایل ابزارکهای پیشفرض وردپرس رو تغییر داد؟
مثلا همین ابزارک “جستجو” رو می خوام بهش استایل بدم چکار کنم؟
تشکر
خوب باید کلاس های و id های اونها را در نظر بگیرد و با توجه به اونها ظاهرشون را تغییر بدید. برای آشنایی با کلاس های و id پیشفرض وردپرس هم پیشنهاد می کنم مطلب class و id های پیش فرض وردپرس برای استایل دهی به قالب را مطالعه بفرمایید.
سلام چطوری میشه ابزارک های پیشفرض وردپرس را کم یا زیاد کرد مثلا برای یک سیستم وبلاگدهی وردپرس تبلیغات متنی در داخل ابزارک به صورت پیشفرض قرار داد ؟
لطفا راهنمایی بفرمایید با تشکر
درود بر شما. دوست گرامی لطفا سوالات را در انجمن های روکش مطرح نمایید.
سلام
خیلی ممنون بابت مطالب مفیدتون
من تاثیر کد دوم را کامل متوجه نمی شم و این که باید ابزارک های پیش فرض رو هم تعریف کرد و نوشت و این که چجوری هم ابزارک های خود وردپرس نمایش داده بشه و هم ابزارک های خودمون که طراحی کردیم
با استفاده از کد اول ما یک ناحیه ابزارک جدید به اسم Widget ایجاد کردیم و کد دوم را در جایی که می خواهیم ابزارک های قرار گرفته در این ناحیه ابزارک نشان داده شوند قرار می دهیم. در این صورت پس از قرار گرفتن حداقل یک ابزارک در این ناحیه, ابزارک ها نشان داده می شوند.
سلام وقت بخیر
من این کد :
رو که گذاشتم کلا سایتم بالا نیومد.
از کد زیر استفاه کنید ببینید بازم مشکل پیش میاد