כיצד להשתמש בטבלאות נתונים בוורדפרס – דרכים יצירתיות לבניית טבלאות HTML מלאות נתונים

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


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

בכל אופן, מכיוון שטבלאות הן משהו בו השתמשנו רבות בפוסטים שלנו כאן ב- CodeinWP, אני רוצה לשתף איתך כמה מהאסטרטגיות המובילות שלנו.

במדריך זה אציג כמה רעיונות יצירתיים כיצד תוכלו להשתמש בטבלאות HTML / טבלאות נתונים בוורדפרס, לגרום להם להיראות בתולים ✨ וגם לוודא שהם מותאמים לנייד וידידותי SEO בו זמנית..
כיצד להשתמש בטבלאות נתונים בוורדפרס

הגישה התלת-משנית שלנו לטבלאות נתונים בוורדפרס

כדי לסכם את הגישה שלנו במהירות, עבדנו עם טבלאות נתונים בוורדפרס בשלושה אופנים שונים:

(א) באמצעות טבלאות פשוטות ומגיבות למראה להציג נתונים בסיסיים ולהקל על העיכול של חלקים מהפוסטים שלנו.

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

דוגמה חיה:

חברת אירוח דירוג / 5 סקר פופולריות פופולריות שוק (Alexa)
קדימה אבא3.50.41223
Bluehost3.30.261780
HostGator3.70.301872
מנועי WPE4.40.374065
SiteGround4.61.005708
DreamHost4.10.2210030
A2 אירוח3.80.1612709
דרכי ענן4.50.3918544
קינסטה4.80.2523350
גלגל תנופה4.60.1834689

מסקר האירוח שלנו

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

דוגמא:הדגמת שולחן מארח

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

אסטרטגיה מס ‘1: השתמש ב- Visualizer כדי להחיות את הטבלאות שלך

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

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

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

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

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


Visualizer: מנהל טבלאות ותרשימים עבור WordPress

מחבר / ים: נושא נושא


90% דירוגים


40,000 + התקנות


WP 3.5 + דורש

עוד מידע

Visualizer

גרסה נוכחית: 3.4.3

עודכן לאחרונה: 4 במאי 2020


90% דירוגים


40,000 + התקנות


WP 3.5 + דורש

דף התוסף של WordPress.org


Visualizer: מנהל טבלאות ותרשימים עבור WordPress

אוקיי, אז מאיפה הפיכת החיים שלך שולחנות לחיים?

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

באמצעות Visualizer, אתה יכול לבחור להביא נתונים לטבלה שלך מכתובת URL ואז להגדיר את הייבוא ​​לחזור על כל שעה / 12 שעות / יום / שלושה ימים..

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

להלן ארבע דרכים יצירתיות שתוכלו לנצל זאת:

עדכני את מחקרי המקרה או הפרסום שלך (באופן אוטומטי)

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

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

.visualizer-41792oddTableRow {צבע צבע: #eaeaea! חשוב;}

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

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

הגדרת זה אינה קשה כלל:

1. הכן את הדברים שלך ב- Google SheetStandard. הנה דוגמה:

דוגמה גיליון

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

לך ל מדיה → ספריית Visualizer ולחץ על הוסף חדש. בחר שולחן.

מחלון ההגדרה בחר ייבא נתונים מכתובת האתר, להיכנס ל ייבוא ​​לוח זמנים ואז הזן את כתובת האתר של הייבוא ​​ולוח הזמנים. ככה:

יבוא לוח זמנים

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

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

שמור על טבלאות מרובות מעודכנות במספר פוסטים (באופן אוטומטי)

זה קשור לתרחיש הקודם, אבל הזווית קצת שונה.

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

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

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

עדכן את התעבורה / המשתמשים / מספרי המכירות שלך (באופן אוטומטי)

יש מגמה בקרב עסקים ברשת לשתף מספרים / אינדיקטורים שונים כמו תנועה, מכירות, מספר משתמשים שהוגשו וכו ‘באתרי האינטרנט שלהם..

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

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

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

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

שאיל את מסד הנתונים שלך (באופן אוטומטי)

ל- Visualizer תכונה מגניבה נוספת במעלה השרוול; הוא יכול לייבא נתוני טבלה ישירות ממסד הנתונים של וורדפרס באמצעות שאילתת SQL גולמית.

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

כמה רעיונות מהירים:

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

הגיב על

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

בחלון השאילתה, אתה יכול לשים דבר כזה:

בחר post_title כפרסום, COUNT (DISTINCT c.comment_ID) AS הערות מ- wp_posts p שמאל הצטרף wp_comments c ON p.id = c.comment_post_ID קבוצה לפי p.ID הזמנה לפי תגובות DESC LIMIT 10

זה יציג טבלה של עשרת הפוסטים המובחרים ביותר שלך.

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

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

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

השתמש בטבלהפרס למיון אמין ועריכות טבלה

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

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

דוגמה ספריית נושא

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

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

כוסית מוסתרת

השתמש ב- Shortcodes Ultimate כדי לסרסרות את טבלאות ה- HTML שלך

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

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

להלן טבלה בפוסט שלנו המשווה בין שירותי ה- VPN המובילים:

שולחן su

זה נבנה באמצעות HTML גולמי ואז פשוט הוסיפו לו קוד קודי של SU. זה:

[su_table] [/ su_table]

כל סגנונות השורות והגבולות שאתה רואה הם של SU.

במילים אחרות, אם לנושא שלך אין CSS נחמד במיוחד לטיפול בטבלאות, השתמש ב- SU.

�� הערה; כל שלושת הפתרונות עליהם מדברים בפוסט זה – Visualizer, TablePress ו- SU, יכולים להוציא טבלאות מוכנות לנייד ומגיבות..

סיכום

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


Visualizer: מנהל טבלאות ותרשימים עבור WordPress

מחבר / ים: נושא נושא


90% דירוגים


40,000 + התקנות


WP 3.5 + דורש

עוד מידע

Visualizer

גרסה נוכחית: 3.4.3

עודכן לאחרונה: 4 במאי 2020


90% דירוגים


40,000 + התקנות


WP 3.5 + דורש

דף התוסף של WordPress.org


Visualizer: מנהל טבלאות ותרשימים עבור WordPress


טבלהפרס

מחבר / ים: טוביאס בטגה


100% דירוגים


800,000 + התקנות


WP 5.3 + דורש

עוד מידע

tablepress.1.11.zip

גרסה נוכחית: 1.11

עודכן לאחרונה: 1 באפריל, 2020


100% דירוגים


800,000 + התקנות


WP 5.3 + דורש

דף התוסף של WordPress.org


טבלהפרס


תוסף קיצורי וורדפרס –

מחבר / ים: ולדימיר אנוקין


98% דירוגים


800,000 + התקנות


WP 4.6 + דורש

עוד מידע

shortcodes-ultimate.5.9.0.zip

גרסה נוכחית: 5.9.0

עודכן לאחרונה: 24 במאי 2020


98% דירוגים


800,000 + התקנות


WP 4.6 + דורש

דף התוסף של WordPress.org


תוסף קיצורי וורדפרס –

האם אתה משתמש בטבלאות נתונים בוורדפרס?

מה אתם חושבים על טבלאות ועל מקומם בממשק המשתמש המודרני של וורדפרס?

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

האם אתה משתמש בטבלאות נתונים רבות בוורדפרס? אם כן, איך יוצרים אותם?

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map