قسمت 7 : آموزش تنظیمات قالب فلت سام FlatSome

آموزش تنظیمات قالب فلت سام FlatSome
آموزش تنظیمات قالب فلت سام FlatSome
 

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

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

سفارشی سازی قالب فلت سام

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

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

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

منوی سربرگ

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

با انتخاب “لوگو” می توانید محل قرار گیری و فاصله لوگو از کناره های صفحه را تنظیم کرده و در صورت لزوم فایل جدیدی برای نمایش لوگو انتخاب کنید. تصویر انتخابی حتما باید با فرمت PNG و در قالب مربعی با اضلاع 512 پیکسل باشد.

در سربرگ بالایی سایت، علاوه بر لوگو، می توانید سبد خرید، علاقه مندی ها (WishList) و دکمه ورود کاربران را قرار دهید. همچنین می توانید برای دسترسی بهتر بازدیدکنندگان به محصولات، باکس جستجو را در سربرگ بالایی درج نمایید.

پنل پایین سربرگ

یکی دیگر از ویژگی های قالب فلت سام، امکان افزودن ویجت ها و آیکون های دلخواه، به صورت   Drag and Drop است. در قسمت پایین صفحه سفارشی سازی، می توانید، ویجت های قابل انتخاب را مشاهده کنید. با کشیدن و رها کردن می توانید، هریک از این ابزارها را در جایگاه مورد نظر خود، قرار دهید.

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

همچنین می توانید دکمه های مورد نظر خود را در این قسمت اضافه نمایید. امکان سفارشی سازی دکمه ها و تنظیم رنگ، نوشته و شکل آنها نیز در این قسمت وجود دارد.

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

استایل سبد خرید در قالب فلت سام

استایل سبد خرید

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

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

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

سربرگ چسبان

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

این مطلب هم شاید برایتان کاربردی باشد:   قسمت 5: آموزش ووکامرس (فروشگاه ساز وردپرس)

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

سفارشی سازی در حالت ریسپانسیو

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

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

منوی استایل ها

در این منو می توانید رنگ های اصلی (تم) و رنگ های فرعی قالب سایت را انتخاب نمایید.

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

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

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

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

منوی فروشگاه

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

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

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

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

تنظیمات فوتر

قالب فلت سام امکان ساخت دو فوتر مجزا را به شما می دهد. برای فعال/غیرفعال سازی هریک از این فوتر ها، می توان تیک آن را  فعال یا غیر فعال نمود. این قسمت با عنوان فعال سازی پانوشت 1 و فعال سازی پانوشت 2 قابل مشاهده است.

می توانید تعداد ستون های هریک از فوتر ها را تنظیم نمایید و المان های دلخواه را در آن قرار دهید.

امکان تغییر در تراز نوشته ها (چپ چین و راست چین بودن) و همچنین درج دکمه بازگشت به بالا، نیز در فوتر قالب فلت سام وجود دارد.

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

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

فهرست راهبری

برای دسترسی بهتر کاربران به منوی اصلی سایت، می توانید ابزارک “فهرست راهبری” را به فوتر سایت اضافه نمایید. انجام این کار در تنظیمات فوتر یا پانوشت امکان پذیر است. با درج فهرست راهبری در فوتر، گزینه های منوی اصلی سایت، در قسمت فوتر قابل مشاهده هستند.

امتیاز شما
[تعداد: 3   میانگین: 3.7/5]
همیار توسعه یک پیج اینستاگرام قوی دارد که با دنبال کردن آن می‌توانید کلی محتوای عالی و جدید در مورد طراحی سایت و کسب و کارهای اینترنتی مشاهده کنید. پس معطل نکنید و پیج اینستاگرامی همیار توسعه رو دنبال کنید.

17 دیدگاه برای “قسمت 7 : آموزش تنظیمات قالب فلت سام FlatSome

  1. ابراهیمی گفته:

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

    • عرفان اصغری گفته:

      سلام،
      برای این مورد به پیشخوان => نمایش => سفارشی سازی رفته و از قسمت سربرگ، آیتم نوار بالا را انتخاب نمایید. در قسمت پس زمینه با کلیک روی انتخاب رنگ، رنگ، تیرگی و شفافیت قابل تنظیم میباشد. (تنظیم گر شفافیت سمت راست میباشد)

  2. MOHAMMAD گفته:

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

  3. سحر گفته:

    سلام ممنون از آموزش خوبتون من دوتا سوال داتم
    1- میخواستم فرمت زبان رو تغییر بدم من از افزونه polylang استفاده می کنم و فقط می خواهم eng بیاید
    2- زیرفوتر رو چطور انگلیسی کنم؟ اونجا که میگه حق کپی رایت؟ فقط برای زبان فارسی هست و نمیتونم دوزبانش کنم

    • مدیر سایت گفته:

      با سلام و احترام
      از افزونه های wpml و string translation استفاده کنید
      و بروید به منوی wpml -> مدیریت ترجمه
      موفق باشید

  4. نگین گفته:

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

    • عرفان سراج گفته:

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

  5. milad گفته:

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

    • عرفان سراج گفته:

      سلام عرض شد وقت بخیر
      این پیغام مربوط به طراحی تجربه کاربری سایت شما میشه و خیلی مورد مهمی نیست
      اما برای تنظیمات مربوط به فونت میتونید به منو
      نمایش < سفارشی سازی> استایل> تایپوگرافی مراجعه کنید

  6. الهام گفته:

    با سلام و تشکر از آموزش عالیتون
    1- من میخوام تلگرام رو به آیکونهای شبکه اجتماعی اضافه کنم که در منوی بالا و در فوتر نمایش داده بشه اما موفق به اضافه کردن آیکون و لینک مربوطه نشدم
    2- چطور میشه فونت های فارسی رو فعال و ازشون استفاده کرد

    • عرفان سراج گفته:

      با سلام و دروود، باعث افتخاره که کارامد بوده آموزش‌ها
      1-میتونید از فونت آیکن ها استفاده کنید. پکیجش رو دانلود کنید ، داخل قالبتون قرار بدید.
      میتونید از این آموزش کامل هم برای استفاده از این فونت ها در سایتتون استفاده کنید
      http://beporsam.ir/blog/font-icon/
      2- اگر قالبتون رو از ژاکت نصب کرده باشید در منو
      فلت سام> فلت سام فارسی میتونید پیداش کنید
      در غیر اینصورت از افزونه نصب فونت روی قالب هم میتونید استفاده کنید

  7. منوچهر محمدی گفته:

    با سلام و خسته نباشید
    برای تغییر در صفحه بندی وبلاگ (pagination) باید کدوم فایل رو تغییر بدیم؟ برای مثال تغییر متن “صفحه بعد” و “صفحه قبل” باید کدهای کدوم فایل رو تغییر داد؟
    با تشکر

    • محسن فاضل پور گفته:

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

برای مشاوره رایگان

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

مثال : 09120000000

× واتساپ