לס המחוונים הם אלמנטים שניתן למצוא כמעט בכל דפי הבית של אתרים. מחוון חכם 3 הוא תוסף חזק הזמין בגרסת חינם ופרמיום.

התכונות העיקריות של תוסף זה

כתכונה, הוא מציע בין היתר:

• ממשק משתמש אינטואיטיבי
• בונה דפי גרירה ושחרור של וידיאו עם תצוגה מקדימה חיה / 8
• שקופיות דינמיות שניתן ליצור באמצעות מאמרים ולסנן לפי תעודת זהות, או דפים מותאמים אישית
• דור שקופיות (דינמי) ממגוון רשתות חברתיות (פייסבוק, דריבל, פליקר, אינסטגרם, טוויטר, יוטיוב ועוד).
• מחוון בקרה הניתן להתאמה אישית 
• אנימציות הזזה ברקע (Ken Burns)

חינם לעומת פרימיום

אם כל מה שאתה מחפש הוא מחוון בסיסי, Smart Slider 3 זמין ב- WordPress.org בספריית התוספים. אפילו הגרסה החינמית מרשימה ומיוחדת בהשוואה לחלק מהמחוונים האחרים.

עלות רישיון אישי לאתר יחיד 25 דולר בלבד (החידוש עומד על 15 $).

ישנם כמה הבדלים עיקריים בין גרסת החינם לפרמיה מבחינת התוכן והתכונות. הנה מה שתקבל בגירסת הפרימיום:

• גנרטור בלתי מוגבל של שקופיות דינמיות
• פקודות מתקדמות
• מצב מומחה
• אנימציות ברקע
• צופה ועורך תמונות
• הדגמות מחוון 43

הדרכה: יצירת מחוון בסיסי

אם מעולם לא התקנת את וורדפרס, גלה כיצד להתקין צעדים 7 בלוג וורדפרס et איך למצוא, להתקין ולהפעיל WordPress נושא בבלוג שלך.

לאחר ההפעלה, ה התוסף וורדפרס Slider Smart מציב תפריט משלו בתחתית פאנל הניהול של וורדפרס.

אם מעולם לא התקנת א התוסף וורדפרס לגלות כיצד להתקין פלאגין וורדפרס

לחץ על התפריט סליידר חכם, הממשק הראשי נפתח כאשר האפשרות הראשונה שתראה היא כפתור ירוק גדול: " צור Slider » אשר פותח חלון תצורה ראשוני כפי שאתה רואה להלן.

משם תוכלו לתת שם למחוון ולבחור סגנון כללי. יש הרבה סגנונות לבחירה (כמו רוחב מלא, עמוד מלא, קרוסלה, תמונה ממוזערת ועוד), אבל אנחנו הולכים עם מחוון חסימות בהתבסס על פריסת האתר הקיים שלנו.

לחץ על "לִיצוֹר" ו- Slider Smart יתחיל בעיצוב דגם המחוון הבסיסי שלך. לאחר מספר שניות תמצאו את עצמכם בדף שמספק את כל הפרטים הבסיסיים אודות התוסף.

לגלות כיצד ליצור מדיניות פרטיות ב- WordPress

הדבר הראשון שציין כאן הוא החלק " פרסם Slider". יהיה עליך להשתמש באחת משלוש השיטות הללו (קוד קוד, עורך עמוד או פוסט או קוד PHP) כשמגיע הזמן לפרסם את השקופית שלך (N ° 1 להלן). לפני שנוכל לעשות זאת, עלינו ליצור שקופיות.

זה המקום שבו התוסף באמת מדגים את קלות השימוש שלו.

כל שעליך לעשות הוא ללחוץ על הכפתור הירוק " הוסף שקופית תמונה "(N ° 2 להלן) וספריית המדיה שלך תיפתח. משם תוכלו לבחור כמה תמונות שתרצו, או להתחיל עם תמונה אחת בלבד, ואז ללחוץ על " בחר בחלון ספריית המדיה.

הערה: אינך מוגבל לתמונות בעת בחירת השקופית שלך. אתה יכול גם להשתמש בווידאו או במאמרים וכן ליצור שקופיות ריקות, סטטיות או אפילו דינמיות.

התייעצתי כיצד לשכפל (להעתיק) את העמודים שלך בוורדפרס: המדריך

Slider Smart טוען את השקופית שלך לתוך הממשק ואתה מוכן לשמור ולפרסם או להתחיל להתאים אישית. עם זאת, אם אני מפרסם את המצגת שלי זה יעבוד בסדר, אבל זה לא ממש מה שחיפשתי כפי שניתן לראות בתמונה למטה.

כדי לתקן זאת הלכתי לתפריט "גודל" וגללתי למטה לקטע מצב מגיב. הבחירה הייתה "רוחב מלא", אז בחרתי "אוטומטי" והציל את ההתקדמות שלי. משם חזרתי ל" כללי "ו יישור למרכז שנבחר.

כשאני מדבר כאן על קלות השימוש, זכור זאת כל התהליך הזה לקח פחות מחמש דקות לראשונה שלי ניסיון.

עכשיו הגיע הזמן לעבוד על השקופית עצמה. כשאתה מעביר את העכבר מעל השקופיות בתצוגה, תבחין כי תיבה ירוקה מופיעה בפינה השמאלית העליונה. כפי שאולי ניחשתם, לחיצה תסמן שקף זה כראשון ברצף.

ראה גם 5 פרמיה מעולה plugins וורדפרס להוסיף המחוון

כאשר המחוון שלי נוצר והרקע במקום, הגיע הזמן להוסיף קצת תוכן ומעברים. לביצוע שלב זה, פשוט לחצתי על השקופית שרציתי לערוך שעוברת לקטע השכבות.

יש הרבה הגדרות בודדות בחלונית הימנית, אבל אם אתה גולל למטה תמצא תמונה של השקופית שלך. לאחר מכן תוכל ללחוץ על אחד הפריטים בחלונית השמאלית כדי למקם אותם בשקופית שלך.

יצירת שקופיות אלה היא בית ספר אחר. יש כל כך הרבה אפשרויות זמינות. כדי לתת לך מושג לגבי הגמישות של תוסף זה, בדוק מה כל אלמנט יכול לעשות עבור המחוון שלך באמצעות:

• תפריט פריטים
• אנימציות
• הגדרות שכבה

בכל אחד מהתפריטים הללו ישנם תפריטי משנה מרובים. לדוגמה, כאשר אתה יוצר אלמנט טקסט, אתה יכול להתאים את הגדרות הגופן כגון: 

• משפחות הגופן
• צבע הטקסט
• גודל גופן
• גובה קו
• עיטור הטקסט
• יישור
• ריווח אותיות ומילים
• הגדרות עריכת טקסט
• צל טקסט

לכל אלמנט טקסט במחוון שלך יכולות להיות הגדרות ייחודיות, הנפשות ייחודיות והגדרות סנכרון משלו. יש אפילו קטע ל CSS מותאם אישית.

כשאתה מוסיף אלמנטים ואנימציות לשקופית שלך, בגירסת המקצוען תבחין גם בפונקציית לוח שנה, המאפשרת לך לעשות זאת לשלוט בזמן התצוגה של אלמנטים בודדים ומשך האנימציות שלהם באמצעות פסי שקופיות פשוטים.

הסתמכתי על תכונה זו כאשר הוספתי שכבות שונות לשקופית זו מעט מאוחר יותר.

הוספת שכבות ואנימציות

עם המחוון שלנו במקום והרקע מותקן, הגיע הזמן להציג כמה differents אלמנטים ושכבות. נתחיל בהוספת תמונה של איש שלג לשקופית. לשם כך אני נכנס לתפריט "שכבות" ולחץ על "תמונה". זה יניח תמונה בדיונית על השקופית.

גלה גם כיצד להגדיר את התוסף WordPress Slider Revolution

משם, אתה יכול ללחוץ על תמונת הדמה בפינה השמאלית התחתונה, ואז לבחור ולשנות את גודל התמונה בספריית המדיה.

לאחר שבחרתי, הכנסתי ושינוי גודל של התמונה שלי, הגיע הזמן להוסיף קצת אנימציה בסיסית שניתן לבצע בכמה צעדים בלבד.

הראשון הוא לבחור בכרטיסייה "אנימציות" כפי שנראה למטה. לאחר שתסיים, אנו נלחץ על כפתור האנימציה הירוק "ב".

המסך הבא הוא המקום בו אוכל לבחור את האנימציה שלי וכן להתאים את לוח הזמנים. עבור השקופית הספציפית הזו, אני מציג אנימציה "RIGHT" ומגדיל את משך הזמן עד 2200ms.

האם אתה מחפש ftp לניהול קבצי התיקיות שלך ב- WordPress, גלה כיצד להשתמש ב- FTP ב- Windows 10

אוסיף גם עיכוב של 300ms. בתחתית מסך זה יש אפשרות לקיים אירוע ספציפי וטריגר לאנימציה זו, כגון העכבר או לחיצה בשקופית. אני לא הולך לסבך את הדברים עם ההגדרות האלה לדוגמא זו.

ואז אוסיף קצת טקסט. בעקבות אותו תהליך שלמעלה, לחץ על הפריט " להוסיף טקסט ובצע את ההתאמות הנדרשות. הזנתי את הטקסט ואז הלכתי להגדרות הגופן שם שיניתי את הגודל והצבע.

אני מוסיף אנימציה " לדעוך ב והתאימו את לוח השנה כך שיתחיל מיד אחרי אנימציית איש השלג.

תוכלו גם להבחין בתפריט זה שיש אפשרות לקבל טקסט ספציפי לטאבלטים ומכשירים נייד. זו דוגמה נהדרת לסוגי התכונות שהופכות את התוסף הזה לגמיש כל כך וידידותי למשתמש.

בחלק מהמחוונים "האחרים" הייתי נאלץ להשתמש בשאילתת מדיה וב- CSS מותאם אישית.

לבסוף, אני מוסיף שתי שכבות נוספות. הראשונה היא שכבת טקסט והשנייה שכבת תמונה. שוב, אני עובר את אותו תהליך בדיוק כמו לעיל, אבל לקחתי קצת תוספת לתזמון ההנפשה. תוכלו לראות את התוצאות הסופיות למטה.

בסך הכל, יצירת השקופית הזו הייתה תהליך של 20 דקות.

הערה: המר שקופית זו ל GIF ישנה מועדים מסוימים של האנימציות היפות שנבחרו שהרכבתי בקפידה.

וואלה! אחרי שניסית הרבה תוספים וורדפרס של המחוון, הן חינם והן פרימיום, אני יכול לומר בכנות שזה אחד הטובים שבדקתי. לא רק מאפיין ספציפי אחד הופך אותו לייחודי. זה שילוב של דברים שמראים כמה זה פשוט תוסף נהדר.

חשוב לציין שלא כיסיתי כל תכונה בודדת.

גלה גם כיצד לדעת באיזה נושא משתמשים בבלוג של וורדפרס

אני בטוח שאם הייתי משקיע קצת יותר זמן בעבודה עם התוסף הזה, אמצא כמה דברים שהייתי רוצה לשנות, ואולי אפילו כמה באגים. אני חושב שקלות השימוש מחזיקה אנשים שם זמן רב בכדי שהם יוכלו לנצל בסופו של דבר את שלל התכונות המוצעות. ותאמין לי, יש הרבה.

הורד את המחוון החכם 3

גלה גם כמה תוספי וורדפרס מובחרים  

אתה יכול להשתמש באחר תוספים וורדפרס לתת מראה מודרני ולייעל את הטיפול בבלוג או באתר שלך.

אנו מציעים כאן כמה תוספי וורדפרס מובחרים שיעזרו לכם לעשות זאת.

1. בונה דף WooCommerce

WooCommerce Page Builder הוא א התוסף וורדפרס פופולרי מאוד המציע מספר די עקבי של קודים קצרים ומאפשר לך ליצור מספר סוגים של דפים מותאמים אישית (מוצר, סל, קופה, "החשבון שלי") באתר האינטרנט שלך WooCommerce. זהו הרחבה של תוסף מלחין חזותי שאתה חייב להתקין לפני כן.

הודות לתוסף זה, תהיה לך אפשרות ליצור אתרי מסחר אלקטרוני ייחודי באמצעות כל וורדפרס, ולהרוויח לך הרבה כסף.

הורד | הדגים | אירוח אתרים

2. Elementor

תוסף וורדפרס Elementor הושק במקור בשנת 2016, והוא אחד מבוני הדפים הצעירים ביותר ברשימה זו. למרות תחילתו המאוחרת, Elementor צבר במהירות למעלה מ -1 התקנות פעילות ב- WordPress.org, מה שהופך אותה לאחת מבין בונים חזותיים של דפי הוורדפרס הפופולריים ביותר.

מה שהופך את המוניטין שלו הוא הממשק הויזואלי הנוזלי שלו, אפשרויות הסגנון השונות שלו ותכונות רבות עוצמה אחרות כמו יצירת השלמות של נושאי וורדפרס.

הממשק שלו מחולק לשני חלקים עיקריים, עם אזור שלישי לפרמטרים מסוימים. הגרסה החינמית של Elementor מציעה יישומונים בחינם של 28. גרסת ה- Pro מביאה 30 ווידג'טים אחרים, סך הכל יישומונים של 58 בגירסת ה- Pro. הגרסה החינמית כוללת בערך תבניות בחינם של 40, ואילו גרסת ה- Pro מביאה מאות תבניות נוספות.

 הורד | הדגים | אירוח אתרים

3. חלונות קופצים נינג 'ה

עם למעלה מ-30 מכירות ודירוג של 000 כוכבים, Ninja Popups הוא אחד תוספים וורדפרס הפופולריים ביותר הזמינים ב-Code Canyon.

מלבד מגוון עצום של דגמים לשימושים מגוונים, הוא מגיע גם עם מספר תכונות כגון: בונה חזותי של קופץ, 10 עמדות תצוגה שונות עבור חלונות קופצים, 74 אפקטים של אנימציה שונים, תמיכה בטכנולוגיה נגד חסימה כדי לעקוף חוסמי מודעות, מגוון אפשרויות מיקוד, סטטיסטיקה ב לוח מחוונים, חסימת תוכן לאימייל אופטי או לשיתוף ברשתות החברתיות, טונות של אינטגרציות עם שירותי שיווק בדוא"ל ועוד.

הורד | הדגים | אירוח אתרים

משאבים מומלצים

גלה על משאבים מומלצים אחרים שיעזרו לך לבנות ולנהל את האתר שלך.

• כיצד ליצור מדיניות פרטיות ב- WordPress
• כיצד להבין את המבנה של קבצי וורדפרס
• כיצד להוסיף תפריט ניווט לדף וורדפרס
• כיצד להגדיר את התוסף WordPress Slider Revolution

סיכום

הנה ! זהו עבור הדרכה זו ואני מקווה שזה יעזור לך ליצור בקלות מחוונים או שקופיות בעזרת ה- תוסף Word-Smart Slider של וורדפרס. אם אהבת את זה, אל תהסס שתף עם חבריך ברשתות החברתיות המועדפות עליך. 

עם זאת, תוכל גם להיות מסוגל להתייעץ שלנו ressources, אם אתה זקוק ליותר אלמנטים לביצוע הפרויקטים שלך ליצירת אתרי אינטרנט, עיין במדריך שלנו בנושא יצירת בלוג של וורדפרס.

אבל בינתיים ספר לנו על שלך commentaires והצעות בחלק המוקדש.

...