آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

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

 

ساخت جعبه دانلود در وردپرس

ساخت جعبه دانلود وردپرس هم با افزونه قابل اجرا هستش و هم بدون افزونه اما در این اموزش به شما نحوه ساخت جعبه دانلود با استفاده از افزونه را آموزش خواهیم داد , چرا که این افزونه هم سبک و کاربری آسان دارد و هم ظاهری مناسب جهت مدیریت فیلد های ایجاد شده .

 

 

این افزونه با نام زمینه های دلخواه وردپرس Advanced Custom Field در مخزن وردپرس با بیش از یک میلیون نصب فعال یکی از محبوب ترین افزونه های حال حاضر میباشد که با استفاده از این افزونه میتوانید هر نوع فیلدی را در نوشته های خود ایجاد کرده و به راحتی استفاده کنید .

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

این افزونه بصورت اختصاصی در بیست اسکریپت معرفی شده و آموزش چگونگی کارکرد این افزونه هم انتشار داده شده است . برای شروع ما یک چند فیلد ایجاد میکنیم که به راحتی میتوانید به ایجاد باکس دانلود در وردپرس بپردازید .

 

اول از هر چیزی بهتر است مشخص کنید که جایگاه باکس دانلود شما در کدام بخش از ادامه مطلب باشد .

 

نکته : برای اضافه کردن باکس دانلود در قالب بصورت پیشفرض فایل single.php میباشد .

 

بعد از مشخص کردن جایگاه مناسب باکس دانلود افزونه Advanced Custom Fields رو نصب و فعال نمائید .

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

بعد از نصب و فعال سازی افزونه گزینه ای به نام زمینه های دلخواه در پیشخوان وردپرس اضافه میشود .

بعد از کلیک بر روی این گزینه به تنظیمات این افزونه هدایت میشوید .

 

ساخت گروه زمینه دلخواه

در ادامه برای ساخت یک باکس فیلد بر روی افزودن کلیک نمائید .

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

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

خوب در ادامه تمام بخش های ایجاد زمینه دلخواه رو خدمت شما توضیح میدهیم .

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

  • ۱ – یک عنوان مناسب برای گروه خود انتخاب کنید .
  • ۲ – یک عنوان مناسب برای برچسب خود انتخاب کنید .
  • ۳ – نام یا همان متا دیتای خود را وارد کنید . مثال : url_downlaod , size , format و …
  • ۴ – نوع زمینه را انتخاب کنید زمینه شما میتواند بارگزاری پرونده باشه , متن باشه , دکمه رادیویی و یا هر فیلد مناسب کار شما .
  • ۵ – در اینجا میتوانید توضیحات لازم جهت درج مقدار این زمینه وارد کنید تا هنگام مقدار دهی نویسنده شما به این بخش توجه به نکات گفته شده کند .
  • ۶ – از نامش مشخص است یک مقدار اولیه وارد کنید چنان چه مقداری به زمینه داده نشد این مقدار اولیه به نمایش در بی آید .
  • ۷ – نگهدارنده متن در واقع همان placeholder میباشد که دستورالعمل کوتاه داخل فیلد به نمایش در می آید .
  • ۸ – مقداری که قبل از هر زمینه به نمایش در می آید .
  • ۹ – مقداری که بعد از هر زمینه به نمایش در می آید .
  • ۱۰ – نوع قالب بندی در واقع شیوه نمایش مقدار زمینه در قالب را مشخص میکند .
  • ۱۱ – در این بخش میتوانید برای درج مقدار محدودیت قرار دهید .
  • ۱۲ – ایا این فیلد الزامی میباشد یا خیر .
  • ۱۳ – این زمینه ها در چه پست تایپی به نمایش در بیاید (page یا post) و یا دیگر پست تایپ ها .
  • ۱۴ – موقعیت باکس زمینه های دلخواه کجا باشید .
  • ۱۵ – شیوه نمیاش که بهتر است بر روی استاندارد دارای باکس قرار گیرد .

و در انتها میتوانید با کلیک بر روی دکمه انتشار گروه زمینه دلخواه خود را ایجاد کنید .

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

 

نمونه فید های ایجاد شده باکس دانلود

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

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

در تصویر بالا ما سه فیلد مهم برای جعبه دانلود ایجاد کردیم یکی نام فایل , آدرس دانلود فایل و حجم فایل , که در واقع بعد از انتشار میتوانید این زمینه های دلخواه را در نوشته های خود مشاهده کنید .

طبق تصویر زیر :

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

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

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field

قبل از هر چیزی باید کد های فراخونی شده فیلد ها و زمینه های دلخواه را در قالب قرار دهیم .

کد زیر را در بخش مورد نیاز و مشخص شده بین کدهای قالب وردپرس خود قرار دهید :

کد بالا بخشی از کد های php و html جهت نمایش زمینه دلخواه ایجاد شده در نوشته های وردپرسی شما میباشد .

نکته : در کد بالا زمینه های دلخواه ممکن است برای شما متفاوت باشد این کد مربوط به بخش نام زمینه * در هنگام ساخت زمینه دلخواه میباشد .

 

استایل دهی به جعبه دانلود وردپرس

برای اینکه بخواهیم استایل مناسب طبق تصویر بالا به کد هایمان دهیم کافیست کد css زیر را در استایل خود کپی کرده و ذخیر کنید و تغییرات رو با استفاده از کلید ترکیبی ctrl+f5 مشاهده نمائید .

با ایجاد و اعمال کد های بالا به درستی موفق به ایجاد باکس دانلود در وردپرس شده اید .

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

زمانی که با کندی سرعت در وبسایت وردپرس مواجه میشوید تمرکز خود را بر روی کارایی و بهبود آن برای بارگذاری بهتر می گذارید. اما خوب است به خدمات سرور نیز دقت کنید. در این مقاله ی امروز میخواهیم با کاهش TTFB در وردپرس سرعت بار گذاری صفحات را افزایش دهیم.

 

کاهش TTFB در وردپرس

TTFB چیست؟ TTFB یا time to first byte قادر به اندازه گیری مدت زمان بارگذاری مرورگر قبل از دریافت اولین داده از سرور است. بیشتر زمان دریافت اطلاعات بشترین تاثیر را برگه ها می گذارد. یک باور غلط این است که زمان بارگذاری بعد ازجستجو DNS صورت میگیرد در صورتی که طبق محاسبه TTFB این تاخیر معمولا تاخیر شبکه است.

 

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

این تاخیر شامل سه بخش میشود که با هم بررسی میکنیم:

 

درخواست به سرور

زمانی که شخصی از وبسایت شما دیدن میکند اولین اتفاقی که می افتد در خواست پروتکل TTFB است که از سمت کاربر (مرورگر) به سرور ارسال میشود. در این مرحله فاکتورهای مختلفی برای معرفی تاخیر وجود دارند. سرعت پایین زمان جستجوی DNS می تواند در افزایش زمان درخواست مشارکت کند. اگر سرور از لحاظ جغرافیایی در مسافت دوری باشد مسلما فاصله ی زیادی را برای محاسبه داده صرف میکند.

 

پردازش سرور

بعد از اینکه در خواست ارسال شد، سرور را پردازش کرده و پاسخ می دهد. حال میتواند تعدادی از تاخیرات مانند سرعت فراخوانی پایگاه داده ، بهینه سازی نامطلوب کد های وردپرس ، کش نشدن اولین درخواست و… را بررسی کرد و مراحل کاهش TTFB در وردپرس را انجام داد.

 

پاسخ به مشتری

بعد از پردازش درخواست سرور، این درخواست به سمت مشتری ارسال میشود. این یک تاثیر سنگین به وسیله ی دو سرعت شبکه از سرور و مشتری می باشد. اگر مشتری از یک اینترنت با سرعت پایین استفاده کند یک انعکاس در TTFB می باشد.

 

۴ روش برای کاهش TTFB در وردپرس

حال وقت آن رسیده تا روش هایی را برای کاهش TTFB در وردپرس بررسی کنیم.

 

۱- استفاده از سرویس هاست بر سرعت برای وردپرس

اولین راه برای کاهش TTFB در وردپرس استفاده از یک سرویس دهنده هاست پر سرعت است. اگر وبسایت هایی پر بازدید دارید به شما پیشنهاد می شود هرگز از هاست اشتراکی استفاده نکنید.
در تصویر زیر مشاهده میکنید سایتی که از سرور اشتراکی استفاده کرده دارای TTFB 520 ms است.

 

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

 

حال همان وبسایت را در یک هاست اختصاصی در نظر بگیرید. طبق تصویر زیر متوسط TTFB آن ۴۱۲ msاست.

 

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

 

۲- تقاضای CDN

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

 

۳- کش وردپرس

سومین روش و البته آسانترین روش برای کاهش TTFB در وردپرس استفاده از یک افزونه ی کش در وردپرس است. به میزان قابل توجهی سرعت بارگذاری را کاهش میدهد و همچنین درخواست های سرور را کم میکند. میتوانید استفاده از کش را در تصویر زیر مشاهده کنید:

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

همچنین همان وبسایت بدون استفاده از افزونه ی کش:

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

۴- استفاده از ارائه دهنده DNS پرمیوم

آخرین مورد DNS است که نقش مهم و اساسی در TTFB  بازی میکند . دشوار است که دقیقا تاثیر آن را بخواهیم محاسبه کنیم اما باید بگوییم تاثیر به سزایی دارد و نباید از DNS رایگان استفاده شود.
در تصویر زیر نتایج استفاده از DNS رایگان را میتوانید مشاهده کنید.

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

همچنین نتایج استفاده از DNS پرمیوم در تصویر مشخص است.

افزایش سرعت بار گذاری صفحات در وردپرس با کاهش TTFB

جمع بندی

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