1

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

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

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

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

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

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

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

 

 

 

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

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

1

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

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

به طور مثال صفحه ای که الان شما مشاهده میکنید. در سمت راست صفحه نمایش شما بخش سایدبار جدا از بخش آموزش دیده می شود. به راحتی قابل تشخیص است که بخش سایدبار ۱/۳ و بخش آموزش ۲/۳ از صفحه نمایش را در اختیار گرفته اند. پس طرح کلی به صورت ۱/۳ به همراه ۲/۳ می باشد.

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

1

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

شما می توانید طرح های بسیار متفاوتی با استفاده از المان های پیش فرض بسازید. برای قرار دادن دو المان در کنار یکدیگر کافی است المان را گرفته و در کنار المان دیگر رها کنید. توجه داشته باشید اندازه صفحه نمایش شما به صورت پیش فرض ۱ می باشد پس باید مجموع المان های شما نیز ۱ شود. به طور مثال شما می توانید از دو المان طرح کلی۱/۴ و یک المان طرح کلی ۱/۲ در کنار یکدیگر استفاده کنید.

همچنین توجه داشته باشید که شما می توانید برای یک برگه طرح های کلی متفاوتی داشته باشید. به طور مثال قسمت بالایی برگه ی شما یک طرح ۱/۱ داشته باشد و قسمت میانی یک طرح ۱/۲+۱/۴+۱/۴ و قسمت پایانی از پنج طرح ۱/۵ استفاده شود.

به عکس زیر دقت کنید.

2

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

در ناحیه رنگی شما می توانید از المان های کلی طرح دیگر استفاده کنید.

3

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

اولین طرحی که با گرفتن و رها کردن المان ردیف مشبک در قسمت قالب ها برای شما نمایش داده می شود طرح ۱/۲+۱/۲ می باشد. حال بر روی دکمه Set Cell Size کلیک کنید و بقیه ی طرح های ممکن قابل طراحی که المان ۱/۲ نیز در آنها می تواند دخالت داشته باشد را مشاهده می کنید. پنجره را ببندید. اگر می خواهید در طرح شما المان ۱/۲ هم مانند المان ۱/۱ دخالتی نداشته باشد بر روی دکمه Add Cell کلیک کنید تا طرح کلی به ۱/۳+۱/۳+۱/۳ تغییر کند. اگر بر روی یکی از طرح هایی که در حال مشاهده بوده اید کلیک کرده باشید و دکمه ی ذخیره را فشرده باشید ممکن از طرح بعدی که با دکمه Add Cell ظاهر می شود ۱/۳+۱/۳+۱/۳ نباشد. حال ما با فرض اینکه طرح کنونی شما ۱/۳+۱/۳+۱/۳ باشد پیش خواهیم رفت. دوباره بر روی دکمه ی Set Cell Size کلیک کنید. اینبار مشاهده خواهید کرد که تعداد طرح ها کمتر شده است. پس انفولد فکر اینجا را هم کرده است که شما بر اساس نیازتان وقت کمتری را برای پیدا کردن طرح کلی خود صرف کنید.

به تصاویر زیر دقت کنید.

5

6

7

 

1

مقدمه: نحوه ی کار با المان ها در انفولد

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

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

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

در اولین قدم برای کار دسترسی به المان های پیشرفته ی انفولد شما نیاز به نصب افزونه ی Visual Composer دارید. می توانید این افزونه را از وبسایت وردپرس یا وبسایت های معتبر مربوط به envato دریافت کنید. یک نکته، برای دسترسی به envato شما نیاز به یک نرم افزار تغییر IP (ف.ی.ل.ت.ر.ش.ک.ن) دارید.

پس از نصب افزونه به پیشخوان وردپرس بروید و بخش افزودن برگه ی جدید را باز کنید.

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

1

پس از کلیک بر روی آن شما با تصویر زیر روبرو می شوید.

 

2

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

 

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

 

3

با تشکر

mouse-pointer-to-the-upper-right_318-35147.png

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

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

برای حذف تمامی افکت ها کافیست در فایل style.css کد زیر را تغییر دهید.

 

.overlay-type-extern{
  display: none !important;
}
images

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

نصب ساده

به صورت پیش فرض، وردپرس اخرین نوشته های شما را به برگه ی اول وبسایت شما اضافه خواهد کرد. به عنوان یک سیستم مدیریت محتوا انتظار می رود شما بتوانید محل قرارگیری اخرین نوشته های خود را در برگه ی دلخواه انتخاب کنید. همچنین شما می توانید محل قرار گیری مطالب بلاگ را در برگه ی دلخواه انتخاب کنید.
کافیست به قسمت انفولد > تنظیمات اصلی (Endold > Theme Options) بروید و گزینه های زیر را تغییر دهید.

setting-blog

خانه را به عنوان بلاگ قرار دهید

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

 

انتخاب یک برگه به عنوان برگه ی خانگی

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

 

انتخاب طرح خروجی برگه ی وبلاگ شما

انفولد تنظیمات بسیار مناسبی برای نوع نمایش وبلاگ شما دارد که می توانید در قسمت “طرح بلاگ” (Blog Layout) آنها را تغییر دهید.

Blogger-icon

ساخت یک طرح متفاوت برای صفحه وبلاگ

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

 

۱٫ برگه ی وبلاگ را تنظیم کنید.

no-blog-page

۲٫ وبلاگ را دوباره طراحی کنید.

حال شما برگه ی وبلاگ خود را به خوبی ساخته اید و فقط نیاز دارید تا المان های مورد نیاز را اضاف کنید. از طریق پیشخوان وردپرس به برگه ای که به عنوان برگه ی بلاگ تنظیم کرده اید بروید و ادیتور پیشرفته طرح بندی (Advanced Layout Editor) را فعال کنید. قسمت المان های محتوایی (Content Elements) را باز کنید. حال المان های مورد نیاز خود را با موس بگیرید و در قسمت مورد نظر بکشید.

add-blog-posts-ale

۳٫ طرح خود را انتخاب کنید.

به قسمت Enfold > Theme Options > Blog Layout  (انفولد > تنظیمات پوسته > طرح بلاگ)، “استایل بلاگ” را از طریق گزینه ی کرکره ای بر روی استفاده از ادیتور پیشرفته طرح بندی قرار دهید تا طرح مورد نظر خود را بسازید. (به سادگی برگه ای که به عنوان وبلاگ در قسمت تنظیمات پوسته انتخاب کرده اید را ویرایش کنید). حال تنظیمات را ذخیره کنید و انفولد برگه ی شما را به عنوان برگه ی وبلاگ خواهد شناخت.

 

iconnew

آموزش تغییر فوتر پوسته Enfold

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

 

روش اول:

شاید ساده ترین روش استفاده از فایل Enfold > Footer در فایل های وردپرس شما می باشد. در بخش Copyright اطلاعات مربوط به خود را وارد نمایید. شما همچنین می توانید از تمام کد های مربوط به کدنویسی HTML بهره ببرید.

<a href=’http://mydomain.com’>Copyright – MyService</a>

روش دوم:

اگر شما میخواهید Kriesi.at را که به صورت پیش فرض قرار گرفته است، حذف کنید. مطمئن باشید که کدکوتاه [nolink] را در آخر قرار دهید.

nolink

 

enfold-how-to-install

آموزش نصب پوسته Enfold فارسی

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

پس از دانلود فایل فشرده ای که از enfold.ir دریافت می کنید، ابتدا آن را از حالت فشرده خارج کنید. در پوشه استخراج شده با چند فایل مواجه هستید که مهم ترین فایل موجود enfold-ir.zip است. این فایل فشره حاوی اطلاعات اصلی پوسته است. بوسیله یکی از دو روش زیر پوسته را نصب نمایید:

۱-  نصب از طریق پنل هاست (توصیه شده) : با توجه به اینکه حجم پوسته نسبتا زیاد است، این روش برای نصب مناسب تر به نظر می رسد. فایل enfold-ir.zip را در مسیر پوسته های وردپرس تان (از طریق فایل منجر هاست) آپلود و سپس از حالت فشرده خارج نمایید. مسیری که باید فایل در آن آپلود شود:

/ wp-content / themes

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

۲-  نصب از طریق پنل مدیریت وردپرس: ابتدا وارد پنل مدیریت وردپرس خود و بخش نمایش –> پوسته ها شوید و بر روی گزینه افزودن پوسته جدید کلیک نمایید. در صفحه جدید بر روی گزینه “بارگذاری پوسته” کلیک کنید. حال از طریق این صفحه فایل enfold-ir.zip موجود بر روی سیستم تان را انتخاب نموده و پوسته را نصب کنید.

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