بخش دوم: نحوه ی کار با المان ها در انفولد (المان های محتوایی)

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

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

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

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

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

1

حال به معرفی المان ها می پردازیم.

  • ناحیه متنی : با ایجاد این ناحیه در هر قسمت از پوسته می توانید یک متن دلخواه ایجاد کنید. این عنصر از یک ادیتور پیشفرض وردپرس بهره می برد، بنابراین در ایجاد هر نوع متن آزاد هستید.1
  • جدا کننده / فضای سفید : اگر در قسمتی بخوهید برای جدا کردن عناصر از خط افقط یا فضای سفید استفاده کنید کافی است این المان را فراخوانی کنید.2
  • عنوان مخصوص : برای ایجاد عنوان استفاده می شود و تنظیمات گوناگونی دارد.3
  • جعبه آیکون دار : برای ایجاد جعبه هایی استفاده می شود که دارای یک آیکون (امکان انتخاب آیکون مورد نظر از بین ۴۰۰ آیکون موجود) ، یک عنوان و یک متن دلخواه هستند.4
    5

    6
    7
  • لیست آیکون دار : یک لیست عمودی همراه با آیکون با افکت بارگذاری بسیار جذاب ایجاد می کند.8 9
  • آیکون : یک آیکون زیبا با افکت مناسب، رنگ دلخواه و سایز مناسب برای خود ایجاد کنید. به طور مثال می توانید برای نوشته خود یک آیکون بزرگ تر انتخاب کنید.

    icon icon 2

  • عنوان چرخنده : یک عنوان ثابت انتخاب کنید (مثال: رنگ) و چندین عنوان چرخنده دیگر (مثال: قرمز، قهوه ای و آبی) انتخاب و نتیجه کار خود را ببینید.

    Onvane charkhande

  • کلید : یک کلید (دکمه) قابل کلیک ایجاد می کند. این کلید می تواند رنگ ، سایز و آیکون های مختلفی داشته باشد.10 11
  • کلید تمام عرض : یک کلید جدید بسازید و عرض آن را به اندازه برگه خود قرار دهید.

    Klid Tamam Klid Tamam 1

  • اسلایدرمحتوا : می توانید چندین اسلاید که دارای محتواهای مختلف (متن – تصویر و …) ایجاد کنید و انتخاب کنید که به صورت اتوماتیک اسلاید بخورند یا با کلید های کنترل.12 13
  • اطلاعیه : یک جعبه اطلاعیه ایجاد می کند. این جعبه بسیار زیبا می تواند رنگ های متفاوت داشته باشد. همچنین یک عنوان دارد و می توان برای جعبه استایل های مختلفی تعیین کرد.1416
  • محتوای تب (زبانه) دار : می توانید چندین محتوا را در زبانه ای مختلف نمایش دهید. این شیوه نمایش برای مختصر نمودن عناوین بسیار مفید است. می توانید انتخاب کنید زبانه ها سمت راست، چپ یا بالا نمایش داده شوند.17 18
  • متن مخفی شونده : می توانید متون با عناوین مختلف را صورت مخفی شونده ایجاد کنید. کاربر با کلیک بر روی عنوان می تواند متن را ببیند. می توانید انتخاب کنید که تنها یک بخش در لحظه باز باشد یا خیر.19 20
  • جعبه شعار : می توانید یک متن و یک دکمه قابل کلیک در این جعبه قرار دهید. قابلیت تغییرات مختلف وجود دارد.21 22
  • فرم تماس : خیلی سریع یک فرم تماس حرفه ای ایجاد می کند. کافی است فیلد های لازم و آدرس ایمیل مقصد را انتخاب کنید. سوال امنیتی هم یکی از آپشن هاست!23 24
  • نوشته های بلاگ : با استفاده از این المان می توانید آخرین نوشته های بلاگ را به صورت های مختلف در هر جایی که دوست داشته باشید نمایش دهید. این المان دارای تنظیمات مختلفی است.
  • مجله : یک مجله از محصولات، نوشته ها یا … بسازید و برای نمایش قرار دهید.

    Majale Majale 2

  • نمونه کار مشبک : برای نمایش آخرین نمونه کارها بسیار مفید است. نمونه کارها بصورت یک جدول بسیار منظم نمایش داده می شوند. همچنین امکان دسته بندی نیز به کاربر داده می شود. به طور مثال با کلیک بر روی گرافیک، تنها نمونه کارهای گرافیکی نمایش داده می شوند.25 26
  • Masonry : ماسونری یک امکان بسیار زیباست که در نسخه آخر به این پوسته اضافه شده است. می توانید برای نوشته های وبلاگ، نمونه کارها یا گالری دلخواهتان از ماسونری استفاده کنید. تصاویر با افکت بسیار زیبایی بارگذاری می شوند و خود را در صفحه جا می کنند.27 28
  • جدول : امکان طراحی جدول با استفاده از این المان وجود دارد. جدول نمایش اطلاعات یا جدول نمایش سرویس ها و قیمت های مختلف. کار با این المان بسیار راحت است.29 30
  • اعضای تیم : برای نمایش اعضای تیم تان می توانید از این المان استفاده کنید. امکان نمایش تصویر، عنوان، توضیحات و لینک شبکه های اجتماعی برای هر عضو وجود دارد.32 31
  • اسلایدر نوشته ها : می توانید نوشته های مختلف موجود در وبسایتتان را به صورت اسلایدر نمایش دهید.33 34
  • نوار درجه دار : با استفاده از نوارهای بسیار زیبا و رنگین می توانید حرفه ها/وظایف خود را نمایش دهید. استفاده از این نوع Progress Bar بسیار مفید خواهد بود.35 36
  • زیرمنوی تمام عرض : زیر منوی تمام عرض را برای جدا کردن المان ها می توانید استفاده کنید. رنگی می باشد و سایز آن را به دلخواه می توانید انتخاب کنید.

    Zir menu tamam arz

  • کاتالوگ : یک کاتالوگ با استفاده از آیتم های شخصی که اضافه می کنید بسازید و متن دلخواه خود را برای هرکدام استفاده کنید.

    Catalog Catalog 2

  • گواهی مشتریان : از این المان می توانید برای نمایش گواهی یا پیام مشتریان خود استفاده کنید. دو روش برای نمایش گواهی ها وجود دارد. یک روش بصورت اسلاید (که در هر اسلاید یک گواهی نمایش داده می شود) و در روش دیگر می توانید با انتخاب تعداد ستون ها ، چند گواهی همزمان با افکت بسیار زیبا نمایش دهید.37 38 39
  • اعداد متحرک : تعداد فروشتان چقدر بوده است؟ چند سال سابقه ی کاری دارید؟ از شمارش معکوس و متن دلخواه استفاده کنید.

    Adad Moteharek
    Adad Moteharek 2

  • شمارنده معکوس : زمان خاصی تا یک مناسبت خاص مانده است؟ با استفاده از شمارنده ی معکوس هیجان را به کاربران هدیه کنید.

    Shomarande makos Shomarande makos. 2JPG

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

    Kelid Eshterak Gozari
    Kelid Eshterak Gozari 2

  • دیدگاه : المان دیدگاه ها به سادگی فرم دیدگاه ها را برای شما نمایش می دهد.
  • ناحیه کد : دستور کد مورد نظر خود را وارد کنید تا انفولد آن را برای شما کامپایل کند. به سادگی نتیجه کد خود را مشاهده کنید.

    Nahie code
    Nahie code 2

 

 

 

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

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

18 پاسخ
  1. امین
    امین says:

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

    پاسخ دادن
  2. مرصاد
    مرصاد says:

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

    پاسخ دادن
  3. فرزان
    فرزان says:

    با سلام و درود

    چطوری میشه تو هیدر دکمه قرار داد ؟

    مثل هیدر سایت شما ؟

    و اینکه تکنیک header hero در قالب انفولد هم اموزش بدین .

    با تشکر

    پاسخ دادن
    • پشتیبان انفولد
      پشتیبان انفولد says:

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

      پاسخ دادن
    • پشتیبان انفولد
      پشتیبان انفولد says:

      سلام. شاید در ترجمه جدید نام المان تغییر کرده است. ما هم اکنون المان رو داریم. اگر نتونستید پیداش کنید به پشتیبانی تیکت دهید.

      پاسخ دادن
      • مریم
        مریم says:

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

        پاسخ دادن

ارسال یک پاسخ

می خواهید در گفتگو ها شرکت کنید؟
Feel free to contribute!

پاسخ دهید

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