🎁 تخفیف ویژه 50٪ حمایت از کسب و کارها برای همه محصولات (آخرین فرصت!)
آپدیت از پیشخوان وردپرس + نصب روی نامحدود سایت
آموزش قالب بی تم

آموزش قالب بی تم: راهنمای جامع کار با betheme

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

آموزش قالب betheme: نصب و راه اندازی قالب

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

آموزش قالب بی تم: آشنایی با محیط تنظیمات betheme

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 1

همچنین پست‌تایپ‌هایی مانند: مشتری‌ها، پیشنهاد، نمونه کار و اسلایدرها و توصیه نامه‌ها مربوط به بی تم است. این پست تایپ‌ها از طریق تنظیمات betheme قابل غیرفعال سازی هستند.

آموزش قالب بی تم: کار با تنظیم‌های عمومی قالب

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 3

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

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 5

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 7

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

تنظیم لوگو در قالب بی تم

یکی از زیربخش‌های تنظیمات سراسری betheme تنظیمات لوگو است. از این قسمت می‌توانیم لوگوی سایت را تنظیم و سفارشی کنیم.

آموزش قالب بی تم: راهنمای جامع کار با betheme 9

برای تغییر لوگو، روی دکمه مرور کلیک کنید و تصویر لوگو را آپلود نمایید. بهتر است تصویر لوگو بدون پس زمینه یعنی شفاف (transparent) باشد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 11

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 13

تنظیم پدینگ (فاصله دادن یا فضا دادن) و تنظیم ارتفاع و سایر موارد از دیگر تنظیم‌های مربوط به لوگو است.

تنظیم‌های دکمه‌های در betheme

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 15

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 17
آموزش قالب بی تم: راهنمای جامع کار با betheme 19

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 21

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

تنظیم‌های قاب تصویر بی تم

در قسمت قاب تصویر، می‌توان نوع استایل و طراحی نمایش تصاویر سایت را مشخص کرد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 23

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

آپشن‌های اسلایدر قالب

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 25

در تنظیمات اسلایدر، امکان کنترل عملکرد اسلایدر برای نمایش خودکار در دسترس است. مثلاً اگر می‌خواهید اسلایدری که در صفحه وبلاگ استفاده کردید، به صورت خودکار کار کند، کافیه به جای عدد 0 صفر، عدد مدنظرتان را برحسب میلی ثانیه قرار دهید.

آشنایی با ناوبری و اشتراک گذاری

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 27

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 29

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 31

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 33

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

آشنایی با تنظیم‌های تب پیشرفته

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 35

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 37

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 39

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

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 41

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 43

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

تنظیم‌های پیشرفته دیگری برای کنترل سایر قابلیت‌های Betheme را مشاهده می‌کنید و در صورت نیاز می‌توانید آن‌ها را نیز سفارشی کنید.

آشنایی با بخش هوک بی تم

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 45

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

آموزش قالب betheme: هدر و زیر هدر بی تم

امیدواریم تا اینجای آموزش قالب بی تم، از آن لذت برده باشید. در قسمت هدر همانطور که از نامش مشخص است می‌توانیم ظاهر هدر سایت را مدیریت کنیم.

آموزش قالب بی تم: راهنمای جامع کار با betheme 47

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 49

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 51

اگر نیاز به تنظیم پس زمینه برای هدر دارید، از قسمت پس زمینه می‌توان یک تصویر پس زمینه تعیین و سپس تنظیمات آن را انجام داد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 53

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 55

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 57

در تصویر نمونه بالا مشاهده می‌کنید که با اسکرول کردن صفحه، هدر و منو به صورت چسبیده ظاهر می‌شود.

تنظیمات زیر هدر

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 59

به عنوان نمونه، می‌توانید موقعیت کنونی (breadcrumbs) صفحه و عنوان و موارد دیگر را مخفی کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 61

همچنین قابلیت تنظیم رنگ بندی‌ها و فاصله‌ها و تگ عنوان (از H1 تا H6) از اینجا امکان پذیر است.

تنظیم‌های اضافی هدر

در بخش تنظیم‌های اضافی، آخرین تنظیم‌هایی که مربوط به هدر است قرار گرفته‌اند.

آموزش قالب بی تم: راهنمای جامع کار با betheme 63

چند تنظیم کوچک و کاربردی برای مدیریت بهتر هدر از اینجا در دسترس مدیریت هستند.

آموزش قالب بی تم: راهنمای جامع کار با betheme 65

مثلاً از اینجا می‌توانید متن دکمه خرید این قالب (که در دموی فارسی تم فور) وجود دارد را تغییر دهید یا آن را غیرفعال کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 67

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 69

گزینه نوار کشویی بالا؛ یک قابلیت جذاب و مدرن است. اگر این گزینه را فعال کنید (با انتخاب موقعیت آن) یک آیکون به بالای هدر اضافه می‌شود.

آموزش قالب بی تم: راهنمای جامع کار با betheme 71

داخل این نوار می‌شود یک محتوا یا چندین محتوای مختلف را نمایش داد. کافیست کاربر روی آن کلیک کند.

آموزش قالب بی تم: راهنمای جامع کار با betheme 73

در صورتی که به آن نیاز دارید، برای اضافه کردن محتوا به این نوار کشویی، در پیشخوان وردپرس به منوی نمایش -> ابزارک‌ها بروید و در آکاردئون نوار کشویی، محتوای خود را قرار دهید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 75

تصویر بالا را با دقت ببینید، در قسمت ابزارک نوار کشویی، یک متن با عنوان « مارکت وردپرس …» اضافه کردیم تا در این نوار نمایش داده شود.

آشنایی با آپشن‌های منو و نوار عملیات

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 77

قالب دارای چندین استایل برای منوها است. با تست و چک کردن، استایل مورد نظر خودتان را انتخاب کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 79

سایر تنظیم‌های دیگر مربوط به منوها مانند تنظیم استایل مگامنو نیز از همین بخش تعبیه شده است.

کاربرد گزینه‌های نوار عملیات

در نوار عملیات، می‌شود اطلاعاتی که در بالای هدر نمایش داده می‌شود را تغییر داد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 81

مثلاً می‌توان متن شعار سایت، شماره و تلفن و ایمیل را برای سایت خود سفارشی کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 83

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

آموزش قالب بی تم: نوارهای کناری

نوارهای کناری همان سایدبارها هستند. از این منو به سادگی می‌توانید آن‌ها را مدیریت کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 85

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 87

اگر می‌خواهید محتوای سایدبار صفحات تک نوشته را شخصی سازی کنید، در پیشخوان وردپرس به منوی نمایش -> ابزارک‌ها بروید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 89

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 91

در ادامه تنظیمات سایدبارها، امکان تنظیم عرض سایدبار، استایل و موارد دیگر را تغییر داد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 93

همچنین در تب برگه‌های تنظیمات سایدبارها، امکان تنظیم سایدبار دلخواه نیز دسترس است.

آموزش قالب بی تم: راهنمای جامع کار با betheme 95

برای نوشته‌های تکی و حتی صفحه نمایش نتایج جستجو هم می‌توان سایدبار (نوارکناری) دلخواه تنظیم کرد.

تنظیمات وبلاگ و نمونه کار betheme

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 97

امکان تغییر تگ عنوان‌ها، استایل و سایر موارد را براساس نیازتان به خوبی از تب عمومی فراهم است.

آموزش قالب بی تم: راهنمای جامع کار با betheme 99

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 101

می‌توان تعداد ستون‌ها، عنوان برچسب‌ها (تگ عنوان‌ها)، تصویر شاخص و عرض ستون را مشخص کرد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 103

همچنین می‌توان طول خلاصه متن گزیده یا خلاصه هر نوشته را در صفحه وبلاگ تنظیم کرد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 105

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 107

در ادامه تنظیم‌های نوشته‌ها، شما می‌توانید متا داده یا اطلاعات هر نوشته را کنترل کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 109

مثلاً تعداد دیدگاه‌ها، باکس نویسنده، تصویر شاخص و غیره را مخفی کرد یا نمایش داد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 111

در نهایت، آخرین تنظیم‌های نوشته‌های مرتبط نیز را می‌بینید که می‌توانید سفارشی و مدیریت نمایید.

تنظیمات صفحه نمونه کار

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 113

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 115

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

تنظیمات تصویر شاخص برای قالب

در تب تصویر شاخص می‌توانید اندازه تصاویر شاخص همان تصویر نوشته‌ها را تنظیم کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 117

مثلاً عرض و ارتفاع تصویر را مشخص کنید و یا اینکه میزان برش خوردن تصویر را تعیین نمایید.

آشنایی با تنظیمات فروشگاه در بی تم

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 119

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 121

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 123

می‌توانید مدال‌ها، آیکون‌ها و متن‌ها و استایل‌های مربوط به فروشگاه را سفارشی کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 125

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 127

امکان شخصی کردن تگ عنوان و توضیحات و چیدمان هم در این قسمت در دسترس است.

آموزش قالب بی تم: راهنمای جامع کار با betheme 129

در تب صفحه محصول هم به مانند تب قبلی، تنظیم‌های برای تنظیم استایل صفحه وجود دارد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 131

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

آموزش قالب betheme: گزینه‌های برگه‌ها

چند تنظیم کوچک اما کاربردی در تب برگه‌ها وجود دارد. مثلاً می‌توانید دیدگاه‌های صفحه را فعال یا غیرفعال کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 133

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 135

بی تم اجازه می‌دهد صفحه 404 دلخواهی برای صفحاتی که در دسترس نیستند یا وجود ندارند را تعیین کنید. کافیست این صفحه را ایجاد کنید و از این تنظیمات، آن را به عنوان صفحه 404 انتخاب کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 137

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

کار با تنظیمات فوتر بی تم

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 139

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 141

در ادامه همین تنظیمات فوتر، شما می‌توانید متن کپی رایت و متن فراخوانی برای اقدام (call to action) بالای فوتر را هم تغییر دهید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 143

در تصویر بالا، موقعیت اول برای بخش call to action است و موقعیت دوم برای کپی رایت سایت است.

آموزش قالب بی تم: راهنمای جامع کار با betheme 145

تنظیم موقعیت دکمه بازگشت به بالای صفحه در این تنظیم‌های فوتر دیده می‌شود. همچنین در تنظیمات فوتر می‌توان با استفاده از افزونه فرم ساز contact form 7 یک فرم تماس یا خبرنامه را در فوتر قرار داد.

تنظیمات فرم جستجوی betheme

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 147

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

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

ریسپانسیو و واکنشگرایی بی تم

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 149

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

تنظیمات سئو در قالب بی Be

قالب بی تم دارای تنظیماتی برای سئو است. البته سئوی فنی! در اینجا می‌توانید تگ‌های مربوط به گوگل تگ منیجر و گوگل آنالیتیکس را قرار دهید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 151

این ویژگی کمک می‌کند بدون نیاز به نصب افزونه جانبی، این کدها را به سایت خود تزریق کنید.

گزینه‌های شبکه‌های اجتماعی

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 153

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

افزودنی‌ها و پلاگین‌های بی تم

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 155

با این تنظیمات می‌توانید، کنترلی روی عملکرد پلاگین‌هایی که با قالب یکپارچه شده‌اند را داشته باشید.

شخصی سازی رنگ‌های سایت در betheme

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 157

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

تنظیم فونت در قالب betheme

اگر می‌خواهید فونت سایت را تغییر دهید به منوی فونت‌ها بروید. از اینجا می‌توانید فونت محتوا، عناوین و سایر قسمت‌ها را انتخاب کنید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 159

توجه داشته باشید این لیست فونتی که مشاهده می‌کنید تنها در نسخه تم فور قالب betheme در دسترس است. از این رو ممکنه در نسخه قالب شما، ظاهر متفاوت باشد.

آموزش قالب بی تم: راهنمای جامع کار با betheme 161

ضمناً اگر فونت‌های داخل لیست، مدنظر شما نیستند، می‌توانید از تب دلخواه، فایل فونت مورد نظر خودتان را قرار دهید. تنها آپلود فایل woff یا woff2 کافی است.

سفارشی کردن ترجمه‌ها و متن‌ها

از طریق تنظیمات قالب می‌توانید به سادگی ترجمه و متن‌های قالب را تغییر دهید.

آموزش قالب بی تم: راهنمای جامع کار با betheme 163

البته ابتدا نیاز است که گزینه ترجمه را روی فعال قرار دهید برای تغییر قسمتی از متن‌ها و ترجمه‌های قالب.

آموزش قالب بی تم: عملکرد و کارایی

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 165

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 167

آپشن‌هایی مانند: فشرده سازی فایل‌های CSS/JS قالب و کش داخلی برای قالب از ویژگی‌های تنظیمات عملکرد است.

آشنایی با قابلیت دسترسی

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 169

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

تزریق کد CSS/JS دلخواه

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 171

در اینجا می‌توانید کد CSS/JS دلخواه خود را به سایت اضافه کنید.

آشنایی با صفحه ساز مافین بیلدر

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 173

بالای هر صفحه یا در هنگام ایجاد یا ویرایش هر صفحه، گزینه edit with BeBuilder در دسترس است.

آموزش قالب بی تم: راهنمای جامع کار با betheme 175

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

آموزش قالب بی تم: راهنمای جامع کار با betheme 177

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

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

جمع بندی آموزش قالب بی تم

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید

میانگین رتبه 5 / 5. تعداد رای: 4

تصویر تیم تولید محتوای تم فور
تیم تولید محتوای تم فور

همۀ تلاش مجموعه‌ی تم فور اینه که بهترین آموزش‌ها برای وردپرس رو به صورت کاملاً رایگان برای جامعه‌ی وردپرس ایران تولید بکنه. امیدواریم آموزش‌های ما براتون مفید واقع بشه :)

این مقاله را با دوستان خود به اشتراک بگذارید
ثبت دیدگاه
ارسال یک دیدگاه برای ارسال دیدگاه، نیاز است که وارد حساب کاربری خود شوید
اسکرول به بالا