برچسب: وردپرس

  • آموزش قراردادن ویدئو در وردپرس ( embed videos )

    آموزش قراردادن ویدئو در وردپرس ( embed videos )

    آموزش قرار دادن ویدئو با افزونه ی (Envira gallery plugin ( embed videos

    وقتی شما ویدئویی که در سایت دیگری آپلود شده را از طریق آدرس در سایت خود قرار میدهید، به این عمل شما، Embed کردن میگویند. حال آپلود کردن ویدئو به این معنا خواهد بود که شما ویدئوی مورد نظر را از طریق “افزودن پرونده چند رسانه ای” یا به شیوه های دیگر بر روی هاست خود آپلود کنید.

    اگر شما ویدئویی را از سایت هایی مانند یوتویوب ، فیسبوک ، توییتر و ….. در سایت خود  به اصطلاح embed  کنید شما می توانید بدون مصرف ترافیکی ، در سایت خود فیلم های مورد نظرتان را embed  کنید.

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

    پس ، از این به بعد برای بارگذاری ویدئوها از روش embed استفاده کنید.

    با ما همراه باشید.

     

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

    پس از نصب  این افزونه ، به قسمت تنظیمات رفته و کد لایسنس خود را وارد کنید تا این افزونه فعال گردد.

    1111....

     

    پس از فعال سازی این افزونه شما باید به قسمت addons رفته و آن را نصب کنید و در قدم بعدی آن را فعال کنید .

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

    2222.....

     

    3333....

     

    پس از انجام مراحل بالا ، حالا شما می توانید اولین ویدئوی خود را بارگذاری کنید . 

    ( پیشنهاد وردپرس یار : بهتر است که از سایت هایی مانند یوتویوب ، فیسبوک ، توییتر و ….. در جهت آپلود استفاده کنید تا مشکلی برای هاست شما پیش نیاید. )

    برای ایجاد اولین ویدئوی خود به تصویر زیر دقت کنید.

    4444....

    همانطور که در شکل می بینید پس از انجام مرحله ی بالا ، نوبت به انتخاب گزینه ی select files from other sources  است تا بتوانید از سایت های معتبر ویدئو بارگذاری نمایید.

    حال شما باید ویدئو خود را درج نمایید و همچنین عنوان آن را هم قرار دهید.

    5555.,..

    توجه کنید که قبل از وارد کردن عنوان باید add videos  را بزنید.

    شما می توانید با کلیک کردن بر روی add videos  در هر بار ، ویدئو های جدیدی را وارد کنید. (روش کار طبق مراحل قبل است.)

    پس از اتمام مراحل بالا شما باید بر روی insert into gallery  کلیک کنید.

    در تصویر بعدی نحوه ی تنظیم تعداد ستون های در نظر گرفته شده برای ویدئو ها است.

     

    6666...

    تصویر بعدی قرار دادن آیکون برای هر ویدئو است.

    7777....

     

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

    همانطور که می بینید گزینه ی add gallery  فعال می گردد که در قسمت نوشته ها برای شما نمایش داده می شود.

    8888                                                                                                                                                                                                                                                      

     

    منبع : wpbeginner

  • آموزش ساخت داشبورد مشتری در وردپرس

    آموزش ساخت داشبورد مشتری در وردپرس

    در این آموزش سایت ورد پرس یار قصد دارد روش هایی جدید برای تغییر فضای ورد پرس ارائه دهد.

    1-مخفی سازی منوهای غیر ضروری ادمین با افزونه Adminimize   

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

    پس از نصب این افزونه از طریق سربرگ settings  ، Adminimize را انتخاب کنید ( طبق شکل )

    افزونه adminimize

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

    افزونه adminimize

     

    با انتخاب هر گزینه طبق شکل بالا می توان مواردی را پنهان یا ظاهر کرد.

     

        2- داشبورد white label

     

    خصوصیات افزونه ی Adminimize  این است که با آن می توان لوگوی ورد پرس را تغییر داد ، فضای ادمین را تغییر داد و موارد منوی ورد پرس را کم یا زیاد کرد. پس از نصب افزونه ی white label CMS   ، می توانیم وارد تنظیمات ورد پرس شده و با کلیک بر روی white label  CMS  بخش های مجزا شده را مشاهده کرد و به فراخور نیاز آنها را دسته بندی کرد.

    افزونه adminimize

        3-  ایجاد پاسخ های آماده برای سوالات متداول کاربران 

    ابتدا افزونه ی WP Help   را نصب کنید .

    پس از نصب این افزونه ، ورد پرس به صورت خودکار بخشی با نام publishing help  را اضافه می کند.

    اقزونه adminimize

    این فضا خالی است تا زمانیکه قصد داشته باشیم پاسخ های آماده را نوشته و ذخیره کنیم . برای این کار از سربرگ add new  را زده و طبق شکل زیر در قسمت add new help document   سربرگ سوال را می نویسیم و در قسمت پایینی ( طبق شکل ) پاسخ را می نویسیم.

    افزونه adminimize

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

     

    منبع : wpbeginner

  • آموزش نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس

    آموزش نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس

    به دنبال گزینه Underline و Justify در ویرایشگر متن می‌گردید؟ در وردپرس نسخه ۴.۷ این دو گزینه حذف شده است. اما راه‌هایی برای بازگرداندن‌شان وجود دارد. در این مقاله نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس آموزش داده شده است.

    روش اول: استفاده از افزونه Re-add Text Underline and Justify 

    اولین چیزی که مورد نیاز است، نصب و فعالسازی افزونه Re-add Text Underline and Justify می‌باشد. سپس به منوی Settings » Writing بروید تا تنظیمات افزونه را تکمیل کنید.

    آموزش نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس

    این افزونه دارای دو آپشن اصلی می‌باشد که باید از بین آنها یکی را انتخاب کرد. ۱- اضافه کردن Underline و Justify در سطر دوم دکمه‌های منو و ۲- اضافه کردن Underline و Justify در محل مناسب خود. یکی از این دو گزینه را انتخاب کنید و تغییرات را ذخیره کنید. سپس به منوی Posts » Add New بروید تا ببینید گزینه‌های مورد نظر به منوی ویرایشگر متن اضافه شده‌اند.

    آموزش نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس

    روش دوم: استفاده از افزونه پیشرفته TinyMCE

    این روش علاوه‌بر اضافه کردن گزینه Underline و Justify امکانات دیگری را در اختیار شما قرار می‌دهد، همانند اضافه کردن استایل خاص، اضافه کردن تمامی گزینه‌های موردنظر به منو و ایجاد گزینه مخصوص موردنظر. برای اینکار نیاز است ابتدا افزونه TinyMCE Advanced را نصب و فعالسازی کنید. سپس به منوی Settings » TinyMCE Advanced بروید و افزونه را پیکربندی کنید.

    آموزش نحوه اضافه کردن گزینه Underline و Justify در ویرایشگر متن وردپرس

     

    درون آن صفحه پیش‌نمایش ویرایشگر متن وجود دارد که زیر آن تمامی گزینه‌های استفاده نشده ذکر شده است. پس از انجام تنظیمات موردنظر تغییرات را ذخیره کنید. سپس در نوشته تازه تغییرات را مشاهده کنید.

    منبع: wpBeginner

  • معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    تابحال فکر کرده‌اید طرح‌بندی صفحات وبسایت خود را خودتان تعریف کنید؟ المنتور سازنده صفحات وب است که با کشیدن و انداختن اجزاء صفحه امکان ساخت طرح‌بندی صفحات وردپرس را بدون نیاز به کدنویسی فراهم کرده است. در این مقاله جزئیات نحوه انجام این کار شرح داده شده است.

    چرا و چه زمانی نیاز است طرح‌بندی صفحات به صورت سفارشی ایجاد شود؟

    قالبهای رایگان و پولی بسیاری در وردپرس امکان چندین انتخاب برای طرح‌بندی صفحات را برای کاربران فراهم کرده است. اگر نحوه کدنویسی در PHP، HTML و CSS می‌دانید، می‌توانید قالب موردنظرتان را برای خود بسازید. اکثریت کاربران وردپرس کدنویسی نمی‌دانند، بنابراین این روش برایشان کارساز نیست. تنها چیزی که به کاربران مبتدی کمک می‌کند، سازنده‌ای است که امکان طراحی رابط کاربری را با کشیدن و انداختن اجزاء صفحه فراهم کند. المنتور این کار را انجام خواهد داد!

    شروع کار با المنتور

    ابتدا لازم است افزونه Elementor Pro خریداری شود و به مدت یکسال به شما خدمات ارائه خواهد کرد. سپس لازم است آنرا نصب و فعالسازی کنید. سپس به منوی Elementor » Settings وارد شوید تا پیکربندی لازم را اعمال کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

     

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

    ساخت طرح‌بندی سفارشی با استفاده از المنتور

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

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    روی دکمه کلیک کنید. سازنده المنتور اجرا خواهد شد و امکان کشیدن و انداختن اجزاء برای ساخت طرح‌بندی جدید وجود دارد.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    ابتدا با اضافه کردن تمپلیت شروع کنید. با فشردن این دکمه چندین نوع تمپلیت نمایش داده خواهد شد. هر کدام را می‌پسندید انتخاب کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

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

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    طرح‌بندیهای المنتور با استفاده از بخش‌بندی صفحه، ستون و ویجت قابل اجرا می‌باشد. بخش‌بندی صفحه برای تعیین محل قرارگیری اجزاء در صفحه استفاده می‌شود. هر بخش می‌تواند دارای چند ستون باشد و هر ستون دارای استایل، رنگ و محتویات خاص خود باشد.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    با استفاده از ویجتهای المنتور امکان اضافه کردن هرچیزی در بخشها و ستونها وجود دارد. برای اینکار نیاز است ویجت موردنظر خود را انتخاب کنید. انواع مختلف ویجت نیز در دسترس است.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    امکان اضافه کردن تصویر، متن، عنوان، گالری تصویر، ویدئو، نقشه، آیکن، توصیفات، اسلایدر، و غیره وجود دارد. همچنین امکان اضافه کردن ویجتهای پیش‌فرض وردپرس و حتی ویجتهای تعریف شده توسط افزونه‌های دیگر نیز در این روش وجود دارد. پس از اتمام ویرایش تغییرات را ذخیره کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    نکته: ذخیره کردن طرح‌بندی موردنظر قرار نیست صفحه را انتشار دهد. همانند ذخیره پیش‌نویس متن و طرح‌بندی صفحه را ذخیره می‌کند. اگر بخواهید انتشار دهید لازم است درون صفحه اصلی انتشار را بزنید.

    ایجاد تمپلیت دلخواه در المنتور

    المنتور امکان ذخیره‌سازی طرح‌بندی صفحه و استفاده از آن به‌عنوان تمپلیت از پیش ساخته شده را می‌دهد. از آن پس با یک کلیک می‌توانید طرح‌بندی خود را بارگزاری کنید. در صفحه سازنده المنتور روی آیکن کنار دکمه ذخیره کلیک کنید و سپس Save template را انتخاب کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    در پنجره بعد باید نام تمپلیت را وارد و ذخیره کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    سپس از طریق تب My Templates می‌توانید به آن دسترسی داشته باشید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    قابلیت اکسپورت کردن تمپلیت نیز وجود دارد. برای این کار به منوی Elementor » Library بروید و روی لینک Export template کلیک کنید.

    معرفی روش ایجاد طرح‌بندی صفحات در وردپرس با استفاده از المنتور

    سپس در وبسایت دیگر می‌توانید تمپلیت را ایمپورت کنید.

    منبع: wpbeginner

  • معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

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

    ۱- Aegaeus

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

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

    ۲- Monochrome

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

    قالب Monochrome از جمله قالبهای مینیمالیست، مدرن و در عین حال ساده می‌باشد. این قالب روی چاچوب جنسیس پیاده‌سازی شده است و از مشخصات پایه آن استفاده کرده است. مشخصه‌هایی نظیر صفحه خانگی پیاده‌سازی شده با ویجت که برای تنظیم ساده وبسایت از آن استفاده می‌شود، هدر سفارشی، پنل انتخاب قالب، ۴ ویجت مجزا و پشتیانی کامل از WooCommerce در این قالب بی‌‌نظیر در نظر گرفته شده است.

    ۳- Martho

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

    قالب زیبای Martho برای پروژه‌های خلاقانه و هنری به‌منظور جمع‌آوری کمکهای مردمی مناسب می‌باشد. امکاناتی نظیر فهرست محتویات سایت و فهرست محتویات صفحه خانگی به‌صورت نمایش گرید، بی‌نهایت رنگ قالب، انواع مختلف هدر، چندین طرح نمایش و افزونه ساخت صفحات به‌صورت کشیدن و انداختن فراهم شده است.

    ۴- Materialism

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

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

    ۵- Nayma

    معرفی بهترین قالب مناسب برای جمع‌آوری کمک مالی

    قالب Nayma چند منظوره است و در پروژه‌های جمع‌آوری کمکهای مردمی کاربرد فراوان دارد. ماژولهایی از قبیل ساخت بلاک برای ایجاد طرح‌بندیهای مختلف و المنتهای رایجی که در وب به وفور استفاده می‌شود در این قالب استفاده شده است. سایدبارهای سفارشی نامحدود، اسلایدرهای مختلف، فونت، پشتیبانی از فونت typekit، توصیفات، لیست قیمت، فرم ارتباط با ما و غیره از جمله امکانات دیگر این قالب می‌باشد.

    قالبهایی که در پستهای قبل نیز معرفی شد، بعضاً در این حیطه کاربرد دارند. همانند Creativo، Struct، Lune، Daylight، Koehn، Indigo، Meteor، Atomic. به دلیل اجتناب از درج مطالب تکراری، از شرح یک به یک قالبهای ذکر شده خودداری شده است، اما لینک دریافت این قالبها در این مقاله موجود است. با ما همراه باشید.

    منبع: wpbeginner

  • آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

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

    متاباکس سفارشی در وردپرس چیست؟

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    زمانی که متادیتای جدید اضافه می‌کنید، آپشنهای بیشتری را به پست اضافه کرده‌اید و اکثر افزونه‌ها به همین صورت امکاناتی را به پست اضافه می‌کنند. برای مثال عنوان سئو و توضیحات متا در افزونه Yoast SEO نوعی از متاباکس سفارشی می‌باشد.

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    اضافه کردن آن بسیار ساده است و در ادامه شرح داده شده است. با ما همراه باشید.

    ایجاد متاباکس سفارشی در وردپرس

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    سپس به فرم تنظیمات فیلد هدایت می‌شوید. ابتدا باید برچسبی برای فیلد انتخاب کنید. این برچسب در متاباکس نشان داده خواهد شد.

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    سپس نوع فیلد را انتخاب کنید. این نوع می‌تواند متن، ناحیه متن، دکمه انتخاب، چک باکس، ویرایشگر فول آپشن، تصویر و غیره باشد. پائین این قسمت می‌توانید آپشنهای دیگری به فیلد اضافه کنید. به این آپشنها با دقت نگاه کنید و مواردی که مرتبط هستند را برای فیلد خود تنظیم کنید.

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

     

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    فیلدهای سفارشی پیشرفته قوانین از پیش تعریف شده‌ای دارند که باید از بین آنها انتخاب کنید. برای مثال نوع پست، گروه‌بندی پست، دسته‌بندی، صفحه پدر و غیره. در ادامه تنظیمات متاباکس نشان داده شده است. ابتدا باید ترتیب آنها را مشخش کنید. اگر چندین گروه فیلد برای یک لوکیشن تعریف کرده‌اید، لازم است ترتیب نمایش آنها را مشخص کنید. اگر نه این فیلد را با صفر مقدار دهی کنید.

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

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

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

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

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

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

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

    [acf field=“article_byline”]

    برای نمایش آنها می‌توانید از کد نیز استفاده کنید. فایلی که می‌خواهید اطلاعات این فیلدها درونش نمایش داده شود را انتخاب کنید. برای مثال single.php, content.php, page.php و غیره. کد زیر را در صفحه موردنظر پیدا کنید.

    <?php while ( have_posts() ) : the_post(); ?>

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

    <?php endwhile; // end of the loop. ?>

    کد مورد نظر شما تقریبا شبیه به این کد می‌باشد.

    <h2 class=”article-byline”><?php the_field(‘article_byline’); ?></h2>

    مثالی دیگر می‌تواند همانند زیر باشد.

    <blockquote class=”article-pullquote”>

    <?php the_field(‘article_pullquote’); ?>

    </blockquote> 

    فراموش نکنید نام فیلدهایتان را جایگزین کنید. خوب در این مرحله می‌توانید اطلاعاتی که در فیلدهای سفارشی اضافه کرده‌اید را مشاهده کنید.

    آموزش متاباکس سفارشی برای انواع پستها در وردپرس

    منبع: wpbeginner

  • بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

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

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)       

    سوال: در افزونه رسانه اجتماعی چه امکاناتی ارائه داده می‌شود؟

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

    نیاز است تا از بین رسانه‌های اجتماعی مختلفی که وجود دارد، محبوبترین‌ها را انتخاب کنید و در سایت خود قرار دهید. هرچه آپشنهای کمتری به سایت اضافه کنید مشکل تاخیر در بارگذاری نخواهید داشت. برخی افزونه‌ها امکان نمایش آیکن‌ها در ساید بار، پائین مطلب، قبل از مطلب و… در اختیار گذاشته‌اند و شما باید مناسب‌ترین  محل را انتخاب کنید.

    ۱- افزونه EA Share Count

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

    سریع‌ترین و آسانترین افزونه رسانه اجتماعی که در این لیست گرداوری شده است EA Share Count می‌باشد. این افزونه از محبوب‌ترین رسانه‌های اجتماعی همانند فیسبوک، توئیتر، گوگل پلاس، Stumbleupon، Pinterest و LinkedIn استفاده کرده است. استایل دکمه‌های این افزونه چندین حالت دارد که به‌صورت دستی قابل تغییر و تنظیم می‌باشد. این افزونه تعداد دفعات اشتراک‌گذاری مطلب را می‌شمارد. همچنین قابلیت نمایش تعداد کل دفعات اشتراک‌گذاری مطلب در تمامی رسانه‌های اجتماعی وجود دارد.

    افزونه EA Share Count توسط GitHub میزبانی می‌شود. پس باید نحوه دریافت افزونه از GitHub را بلد باشید تا بتوانید افزونه را دریافت کنید.

    ۲- افزونه Sassy Social Share

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

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

    ۳- افزونه AddtoAny

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

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

    ۴- افزونه WordPress to Buffer

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

    این افزونه امکان زمانبندی اشتراک گذاری مطالب را در رسانه‌های اجتماعی را فراهم کرده است. مطالبی که در سایت زمانبندی می‌شود در شبکه‌های اجتماعی نیز می‌تواند زمانبندی و سپس به اشتراک گذاشته شود.

    ۵- افزونه Simple Social Icons

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

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

    ۶- افزونه Social Icons Widget by WPZoom

     

    این افزونه امکان اضافه کردن آسان رسانه‌های اجتماعی جدید را فراهم کرده است. چندین استایل برای دکمه‌های رسانه‌ای وجود دارد: لبه گرد، دایره‌ و مربع. همچنین قابلیت انتخاب رنگ دلخواه برای دکمه‌ها فراهم شده است. بعد از فعال‌سازی این افزونه باید به منوی Appearance » Widgets بروید و آیکن رسانه را به ساید بار اضافه کنید.

    ۷- افزونه WordPress Social Login

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

    این افزونه امکان عضو و وارد شدن به رسانه اجتماعی و سپس کامنت گذاشتن در مطلب را به کاربر می‌دهد. استفاده آن بسیار آسان است و از اکثریت رسانه‌های اجتماعی پشتیبانی می‌کند.

    ۸- افزونه Instagram Feed

    بهترین افزونه‌های رسانه‌های اجتماعی در وردپرس (۲۰۱۷)

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

  • آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    دوست دارید وب‌سایت ایجاد کنید؟ وارد نیستید؟ ایجاد کردن وبسایت به تنهایی و بدون داشتن تجربه قبلی کار بسیار سختی می‌باشد اما شما تنها نیستید! با خواندن این مقاله کارهای دشوار آسان شده‌اند. بدون نیاز به کد نویسی می‌توانید وبسایت ایجاد کنید. با ما همراه باشید.

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

    ۱- برای ساخت یک وب‌سایت به چه مواردی احتیاج است؟

    یک نام دامنه – با استفاده از این نام سایت شما شناسایی می‌شود مثل google.com

    میزبان وردپرس – جایی که وبسایت شما ذخیره می‌شود.

    ۴۵ دقیقه بی وقفه حواس جمع …!!!

    ۲- ساخت وبسایت وردپرس چقدر هزینه می‌برد؟

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

    ۳- پلت‌فرم مناسب این وب‌سایت چیست؟

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

    مرحله اول: تنظیمات

    نامی برای وب‌سایت خود انتخاب کنید و فضایی روی سرور اینترنت اجاره کنید. اجاره نام در سال حدود ۶۰ هزار تومان و اجاره فضا در سال از ۲۴ هزار تومان شروع می‌شود. برای خریداری کردن نام و فضا باید به وبسایتهای مربوطه وارد شوید و اطلاعاتتان را وارد کنید و خریداری نمایید.

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

    مرحله دوم: نصب وردپرس

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

           آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    در صفحه بعد نام وبسایت، نام کاربری مدیر و پسورد سایت را وارد کنید. تمامی چک باکسها را تیک بزنید و روی دکمه نصب کلیک کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    تبریک تبریک !! هم اکنون شما سایتی را به ثبت رسانیده‌اید. برای ورود به سایت به لینک ورود وارد شده و نام کاربری و رمز عبور را وارد کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    خیلی آسان بود نه…؟؟ در مرحله بعد می‌خواهیم به سایت رنگ و لعاب بدهیم. با ما همراه باشید.

    مرحله سوم: انتخاب پوسته موردنظر

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    برای تعویض پوسته باید به پیشخوان وارد شوید سپس به قسمت Appearance » Themes وارد شوید و پوسته جدید (add new) را انتخاب کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    در پنجره جدید از میان ۴۴۹۲ پوسته پیشنهادی یکی را انتخاب کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    پس از نصب پوسته روی لینک موجود در زیر منوی شکل ظاهری کلیک کنید. با اینکار می‌توانید پیش‌نمایشی از وبسایت را مشاهده کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    صبر کنید تا مطلبی را در سایت وارد کنید سپس کار را نهایی کنید !!

     

    مرحله چهارم: افزودن مطلب جدید

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

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

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

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

    پس از نصب پوسته و قرار دادن مطالب جدید در سایت وقت تنظیمات نمایش استاندارد فرا رسیده است. 

    ** برای تنظیم فرانت پیج استاتیک نیاز است به منوی Settings » Reading وارد شوید. تنظیمات را دقیقا مشابه تصویر انجام دهید و تغییرات را ذخیره کنید. در این لحظه صفحه خانگی به‌عنوان فرانت پیج شما در نظر گرفته می‌شود و صفحه بلاگ، پستهای شما را نشان خواهد داد.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    ** برای تغییر عنوان سایت به منوی Settings » General وارد شوید و در قسمت عنوان سایت، عنوان دلخواه را وارد کنید و در قسمت تگ‌لاین توضیحاتی در مورد سایت خود وارد کنید (می‌توانید این قسمت را خالی رها کنید.)

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    ** برای تنظیمات کامنت به منوی Settings » Discussions تنظیمات را مطابق شکل انجام دهید و تغییرات را ذخیره کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    ** برای طراحی منوهای مختلف به منوی Appearance » Menus وارد شوید و نام منوی مورد نظر را وارد کنید و ایجاد منو را بزنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    در این لحظه منوی خالی ایجاد می‌شود.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    برای نمایش محتویات مناسب برای منو لازم است تنظیمات را مطابق شکل انجام دهید و تغییرات را ذخیره کنید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    برای تنظیم محل نمایش منو تنظیمات را مطابق شکل زیر انجام دهید.

    آموزش گام به گام ساخت وب‌سایت با نسخه وردپرس ۲۰۱۷

    مرحله ششم: نصب افزونه

    افزونه‌های متفاوتی برای افزودن امکانات بیشتر به سایت وجود دارد. بهتر است نیازهای خود را شناسایی کنید و افزونه‌هایی که متناسب با نیاز شما طراحی شده است را در وردپرستان نصب کنید.

    مرحله هفتم: تسلط پیدا کردن به وردپرس

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

    منبع: WPbeginner

  • آموزش نحوه حذف ساید بار در وردپرس

    آموزش نحوه حذف ساید بار در وردپرس

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

          آموزش نحوه حذف منوی کناری در وردپرس

    حذف ساید بار در وردپرس چه دلایلی می‌تواند داشته باشد؟

    برخی از پوسته‌های ارائه شده در وردپرس دارای چندین ساید بار می‌باشد. هدف کلی از نمایش این منو به نمایش گذاشتن امکاناتی می‌باشد که در محتویات صفحه و مطلب گنجانده نشده است. همانند لینکهای مختلف، تبلیغات، فرمهای ثبت‌نام پست الکترونیکی و غیره.

    گاهی اوقات زمانی که کاربران از موبایل برای جستجو در سایت وردپرس استفاده می‌کنند، به دلیل تغییر سایز صفحه نمایش نوع نمایش صفحات سایت نیز باید تغییر کند. برای مثال بهتر است ساید بارها به پایین صفحه منتقل شوند تا محتویات صفحه سایت گسترده‌تر نمایش داده شود.

    آموزش نحوه حذف منوی کناری در وردپرس

    ۱- حذف کامل ساید بار از همه‌جای سایت وردپرس

    برای حذف کامل ساید بار از همه‌جای سایت وردپرس نیاز است فایل پوسته را ویرایش کنید. قدم اول این است که با استفاده از FTP client به پوشه /wp-content/themes/your-current-theme/ وارد شوید. پوسته‌ها در سایت وردپرس دارای تمپلیت‌های مختلفی هستند و باید تمامی تمپلیت‌هایی که ساید بار در آنها نمایش داده می‌شود ویرایش شود. برای مثال صفحات index.php, page.php, single.php, archive.php, home.php و غیره به ویرایش نیاز دارند. یکی از فایلها را باز کنید و این کد را پیدا کنید.

    <?php get_sidebar(); ?>

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

    <?php get_sidebar(‘footer-widget-area’); ?>

    تمامی کدهایی که مرتبط با ساید بار است را حذف کنید. در تمامی فایلها این کار را انجام دهید. سپس تغییرات را ذخیره کنید و وبسایت را دوباره آپلود کنید. می‌بینید که منوها از بین رفته‌اند و صفحه محتویات سایت پهناور شده و جای ساید بار خالی افتاده است.

    آموزش نحوه حذف منوی کناری در وردپرس

    برای اینکه این فاصله خالی را حذف کنید بهتر است تغییراتی در CSS ایجاد کنید. اگر پوسته ۱۶*۲۰ داشته باشید از این تکه کد استفاده کنید تا فضای خالی را حذف کنید.

    .content-area {

        width: 100%;

        margin: 0px;

        border: 0px;

        padding: 0px;

    }

    .content-area .site {

    margin:0px;

    }

    بدین صورت تغییر می‌یابد.

    آموزش نحوه حذف منوی کناری در وردپرس

    ۲- حذف ساید بار از صفحات کاربران سایت وردپرس

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

    ۱-۲ حذف ساید بار از صفحات استاتیک سایت وردپرس

    در سایتهای استاتیک تنها باید صفحاتی که می‌خواهید منو از آن حذف شود را ویرایش کنید. در قسمت Page Attributes نیاز است تمپلیت را full width یا تمام صفحه انتخاب کنید تا پس از حذف ساید بار مشکلی در نمایش صفحه ایجاد نشود. اگر امکان تمام صفحه را نتوانید پیدا کنید به این معناست که پوسته شما قابلیت تمام صفحه شدن را ندارد. بنابراین باید به‌صورت دستی این امکان را ایجاد کنید. این شبه کد را در فایل متنی قرار دهید و با نام full-width.php روی دسکتاپ خود ذخیره کنید.

    <?php

    /*

    *

    Template Name: Full-Width

    */

    get_header(); ?>

    با استفاده از FTP client به پوشه /wp-content/themes/your-current-theme/ وصل شوید و همه چیزهایی که بعد از خط <?php get_header(); ?> نوشته شده است را کپی کنید و در فایل full-width.php قرار دهید. خط <?php get_sidebar(); ?> را حذف کنید و موارد موجود در فایل full-width.php را جایگزینش کنید. پس از آن باید همه صفحات سایت را ویرایش کنید و تمام صفحه‌شان کنید.

    ۲-۲ حذف ساید بار از تمامی پستهای سایت وردپرس

    وردپرس امکان نمایش متفاوت صفحه front page و صفحات پست را می‌دهد. برای اینکه ساید بار را از تمامی پستهای سایت حذف کنید به قسمت Settings » Reading وارد شوید. به نام صفحه‌ای که در قسمت صفحات پست سایت نشان داده شده است توجه کنید.

    آموزش نحوه حذف منوی کناری در وردپرس

    الان بهتر است به قسمت Pages » All Pages بروید و صفحه‌ای که در قسمت قبل نشان داده شده بود را ویرایش کنید. در قسمت صفات صفحه تمام صفحه را انتخاب کنید و تغییرات را ذخیره کنید.

    آموزش نحوه حذف منوی کناری در وردپرس

    ۳-۲ حذف ساید بار از یکی از پستهای سایت وردپرس

    اگر بخواهید ساید بار را از یک پست حذف کنید باید یک تمپلیت دلخواه ایجاد کنید. وردپرس ۴.۷ از تمپلیتهای پست به‌صورت خودکار پشتیبانی می‌کند. در صفحه‌ای که ایجاد کرده‌اید مطمئن شوید که تکه کد ساید بار را حذف نموده‌اید.