آموزش طراحی هدر شفاف در وردپرس

( شنبه ، 29 خرداد سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه چهل

آموزگار :

مهدی جبین پور

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

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

مهدی جبین پور

مـهـدی جـبین پـور

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

آموزش طراحی هدر شفاف در وردپرس

( شنبه ، 29 خرداد سال 1400 )

برای طراحی هدر شفاف، ابتدا از زیرگروه زفایرßهدرهای سایت، یک سربرگ جدید اضافه کنید.

سپس از قالب­ های پیش­فرضی که برای هدر وجود دارد، یک هدر شفاف انتخاب کنید. به طور مثال نمونه شماره4 (sample4) در قالب­ های پیش فرض دارای هدر شفاف است.

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

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

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

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

از بین دموهای روولوشن اسلایدر یکی را انتخاب کرده و نصب و درون­ریزی کنید.

برای نمایش اسلایدر و همچنین هدر شفاف، در پیشخوان وردپرس، مسیر برگه ­هاßافزودن جدید را طی کرده و یک برگه جدید اضافه کنید. با استفاده از صفحه­ ساز ویژوال کامپوزر المان روولوشن اسلایدر را به برگه اضافه نمایید.

سپس دمو اسلایدری که انتخاب کردید را به المان روولوشن اسلایدر اضافه کنید. با کلیک روی آیکن ویرایش ردیف، ارتفاع ردیفی که المان روولوشن اسلایدر را در آن قرار دارد برابر با ارتفاع محتوا تنظیم کنید. همچنین در تب طراحی، قسمت فاصله ­ها، مارجین(margin) بالا را برابر px100- تنظیم کرده و ذخیره کنید.

برای این برگه از بخش طرح­بندی صفحه که در سمت چپ برگه است، قسمت سربرگ، نام سربرگی که هدر شفاف را برای آن طراحی کردید انتخاب کنید.

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

برای نوشتن دیدگاه باید وارد بشوید.

50 دیدگاه. ارسال دیدگاه جدید

  • وحید مرادی مهر
    ژوئن 17, 2021 7:25 ب.ظ

    با سلام
    ضمن عرض تشکر بابت ویدیو کاربردی و تاثیرگذارتون
    در مورد هدر سوال دارم که چطوری شماره تلفن به صورت کال تو اکشن دربیاد و چیکار کنیم آیکون تلفن، همراه با اسکرول صفحه حرکت کنه

    • کارشناس پشتیبانی شماره چهار
      ژوئن 18, 2021 11:15 ق.ظ

      سلام آقای مرادی مهر عزیز
      برای این مورد می توانید لینک شماره را به صورت tel:09121111111 قرار دهید. (به جای شماره موبایل وارد شده شماره خودتان را وارد کنید) . برای فیکس شدن یک آیکون یا المان می بایست از طریق css این کار را انجام دهید و پوزیشن المان مربوطه را فیکس قرار دهید.
      با تشکر

  • پرستو حیدرآبادی
    می 28, 2021 3:25 ب.ظ

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

  • سیده زهرا شخصی زارع
    آوریل 28, 2021 7:16 ب.ظ

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

    • تیم پشتیبانی
      آوریل 29, 2021 11:18 ق.ظ

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

    • امیر رجبی
      می 5, 2021 2:12 ب.ظ

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

  • روشنك شجاعيان
    ژانویه 19, 2021 6:44 ب.ظ

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

  • سلام چطوری میتونم Addons اضافه کنم به slider revolution؟

  • پونه خلیل نسب
    ژانویه 6, 2021 5:50 ب.ظ

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

  • لیلا رعیتی
    دسامبر 24, 2020 4:57 ب.ظ

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

  • علی اصغر مهدوی
    دسامبر 24, 2020 4:08 ب.ظ

    عالیه

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

  • آزاده علوی
    دسامبر 7, 2020 2:48 ب.ظ

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

  • سلام خسته نباشین و ممنونم ازتون
    من وقتی اسلایدر رو میخوام نصب کنم تیم خطا رو میده:
    protected by SourceGuardian and requires a SourceGuardian loader

    چیکار باید بکنم. ممنون میشم راهنمائیم کنین لطفا.

  • امیر محمد اسدی
    دسامبر 1, 2020 10:15 ب.ظ

    سلام وقت به خیر
    من از ورژن قدیمی قالب زفایر استفاده می کنم و در داخل برگه سربرگ ها قابلیت تغیر رنگ برام وجود نداره و در داخل برگه تنظیمات قالب در قسمت رنگ ها هم هر تغیری روی رنگ هدر اعمال می کنم روی هدر شفافم اعمال نمی شه.
    لازم به ذکره که هدر من شفاف هست و زیرش اسلایدر هم انداختم (با استفاده از اسمارت اسلایدر) ولی رنگی اعمال نمی شه.

  • احمد احمدی
    نوامبر 24, 2020 1:23 ب.ظ

    با سلام و خسته نباشید خدمت تیم ابزارورد پرس عزیز:
    یک سوال مهم داشتم:
    من فعلا کسب و کاری ندارم که به خاطرش یک هاست و دامِین تهیه کنم ولی عاشق اینم که وردپرس رو مسلط بشم چون در آینده نه چندان دور براش برنامه دارم، سوالم اینجاست که من اگه قالب زِفایر را تهیه کنم و از طریق نرم افزار XAMPP یک localhost ایجاد کنم که بتونم ورد پرس را بهش متصل کنم که بتوانم ویدئو های آموزشی شما رو در آنجا با ورد پرس (بدون خرید هاست و دامین) تمرین کنم ، مشکلی دارد؟؟؟!!!

    • تیم پشتیبانی
      نوامبر 24, 2020 1:34 ب.ظ

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

  • سلام خداقوت
    در قالب فلت سام هم امکان هدر شفاف هست؟
    کدوم قسمت؟
    ممنون از توضیحات کامل و جامع تون

    • کارشناس پشتیبانی شماره دو
      نوامبر 27, 2020 2:21 ب.ظ

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

  • احمد احمدی
    نوامبر 20, 2020 5:50 ب.ظ

    با سلام و خسته نباشید خدمت تیم ابزارورد پرس عزیز:
    یک سوال مهم داشتم:
    من فعلا کسب و کاری ندارم که به خاطرش یک هاست و دامِین تهیه کنم ولی عاشق اینم که وردپرس رو مسلط بشم چون در آینده نه چندان دور براش برنامه دارم، سوالم اینجاست که من اگه قالب زِفایر را تهیه کنم و از طریق نرم افزار XAMPP یک localhost ایجاد کنم که بتونم ورد پرس را بهش متصل کنم که بتوانم ویدئو های آموزشی شما رو در آنجا با ورد پرس (بدون خرید هاست و دامین) تمرین کنم ، مشکلی دارد؟

    • تیم پشتیبانی
      نوامبر 27, 2020 2:28 ق.ظ

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

  • آرمان یوسفی
    نوامبر 14, 2020 4:55 ب.ظ

    سلام خیلی ممنون از آموزش های خوبتون

    یه سوال داشتم وقتی افزونه slider revolution رو میخواهم نصب کنم خطای پرونده فرتاده شده بزرگ تر از upload _ max _ filesize در php.ini است را میدهد باید چکار کنم ؟

  • صفدر مهوری
    نوامبر 14, 2020 12:07 ب.ظ

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

  • سید علی حسینی
    نوامبر 12, 2020 11:04 ب.ظ

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

    • تیم پشتیبانی
      نوامبر 12, 2020 11:09 ب.ظ

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

      • سید علی حسینی
        نوامبر 13, 2020 12:46 ب.ظ

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

        • کارشناس پشتیبانی شماره سه
          نوامبر 13, 2020 9:59 ب.ظ

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

  • سمانه باقری
    نوامبر 11, 2020 5:13 ب.ظ

    سلام
    وقت شما بخیر

    از آموزش های مفید شما ممنونم. از آقای جبین پور سپاسگزارم.

  • سلام عرض ادب . بی نهایت سپاسگزارم که ماهگیری را به ما یاد می دهید. یک سوال داشتم ایا چه نیازی داریم نسخه پریمیوم اسلایدر و… رو تهیه کنیم ؟ ما عملا میخواهیم خودمون اسلایدر
    مخصوص خودمونو طراحی کنیم. و همه این اسلایدها خارجی هستند

    • تیم پشتیبانی
      نوامبر 9, 2020 1:04 ق.ظ

      سلام ، همه چیز به گونه ای آموزش داده شده که هرکس واقعاً هرچیزی را که نیاز دارد استفاده کند اگر شما می توانید اسلایدر بسازید شاید نیازی نباشد از نمونه های خارجی استفاده نمایید … باتشکر

  • سید علی میرفاطمی
    اکتبر 29, 2020 11:26 ب.ظ

    سلام آقای جبین پور
    خدا به شما بهترین ها رو بده
    نمونه ی این آموزش رو تا حالا ندیده بودم

  • سلام خسته نباشید برای بار دوم سوال میکنم
    آیا میشه برای نمایش سایت روی موبایل هدر شفاف داشته باشم اگه میشه اموزش رو بزارید چون در این ویدیو فقط در دسکتاپ هدر شفاف هست

  • علیرضا فرهنگ نیا
    اکتبر 14, 2020 5:24 ب.ظ

    سلام ایا میشه برای ساخت هر سایت از قالب ذفایر استفاده کنیم؟

  • رضا شاه‌حسینی
    اکتبر 6, 2020 11:41 ب.ظ

    سلام. فایل ZIP افزونه Slider Revolution رو از سایت شما خریداری کردم ولی هنگام نصب با خطای زیر مواجه میشوم:
    Something went wrong. The link you followed has expired

  • هادی ابریشمی
    اکتبر 6, 2020 9:06 ب.ظ

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

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

فهرست