آموزش نصب افزونه ی Advanced Custom Fields در وردپرس
ممکن است شما در وردپرس سایت خود افزونه های فراوان و مختلفی را برای کار های مختلف قرار داده باشید تا از امکانات و قابلیت های آنها استفاده کنید ولی این کار باعث کاهش سرعت در وب سایت شما میشود. برای حل این مشکل شما نیاز به یک افزونه ی جامع و کامل دارید تا به کمک آن هم سرعت وبسایت را افزایش دهید و هم امنیت آن را. Advanced Custom Fields یکی از این افزونه ها میباشد که با استفاده از آن قادر هستیم متاباکس هایی را ایجاد کرده و در نوشه ها یا پست های سفارشی نمایش دهیم و یا میتوان گالری تصاویر ایجاد کرد و کاربر را برای آپلود تصاویر در همین گالری محدود کرد. در ادامه این آموزش به درک بهتر این افزونه میپردازیم. در ادامه با هاستینجا همراه باشید.
در ابتدا شما میتوانید این افزونه را از لینک زیر دانلود کنید.
برای مثال برای اضافه کردن تصاویر میتوان از این پلاگین استفاده کرد. میخواهیم بعد از هر نوشته ۳ تصویر به صورت دلخواه زیر آن قرار گیرد. برای اینکار وارد قالب شده و تگ های img را به تعداد دلخواه قرار میدهیم.
کد زیر یک کد Html بوده و فقط عکسها را از پوشه مورد نظر درون صفحه قرار میدهد ولی ما میخواهیم اینکار به صورت داینامیک انجام شود و با هر بار نوشتن تصاویر را خودمان آپلود کنیم.
|
1 2 3 4 5 |
<div> <img src="folder/pic1.jpg" alt="picOne"> <img src="folder/pic1.jpg" alt="picTwo"> <img src="folder/pic1.jpg" alt="picThree"> </div> |
برای انجام این کار بعد از نصب افزونه به کنترل پنل وردپرس خود رفته و سپس به بخش زمینه های دلخواه بروید.
در صفحه جدید گزینه افزودن را انتخاب کنید و تنظیمات مربوط به افزونه را انجام دهید.
نوع زمینه را تصویر قرار دهید
مقدار بازگشت را روی گزبنه آدرس تصویر قرار دهید
حجم پیش نمایش را بر روی گزینه بندانگشتی قرار دهید
برای کتابخانه همه را قرار دهید
سپس برای زمینه ایجاد شده مشخص میکنیم که در کجا نمایش داده شود ( پست های سفارشی یا نوشته ها و یا گروهی خاص)
در نهایت برای اینکه تصاویر آپلود شده نمایش داده شود تنظیمات قالب را به صورت زیر تغییر میدهیم.
|
1 2 3 4 5 |
<div> <img src="<?php the_field('image1'); ?>" alt="picOne" > <img src="<?php the_field('image2'); ?>" alt="picTwo" > <img src="<?php the_field('image3'); ?>" alt="picThree" > </div> |
در کد بالا image1,2,3 همان آی دی های فیلدهایی میباشد که قبلا ایجاد کرده اید.