דף הבית » וורדפרס » צור על עצמי יישומון Sidebar עם עורך הודעה [WordPress הדרכה]

    צור על עצמי יישומון Sidebar עם עורך הודעה [WordPress הדרכה]

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

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

    טריק זה הוא גם נהדר עבור למידה בסיסית HTML ו- CSS, אם אתה רק מתחיל.

    צור את ההודעה שלך

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

    עכשיו, אנחנו הולכים לקחת את כל זה אל וורדפרס עורך הודעה חדשה. פתח אותו והעלה את התמונה. אנחנו נעשה הרבה מזה הכרטיסייה HTML. כאשר אתה מעלה תמונה WordPress מייצר באופן אוטומטי את קוד ה- HTML עבור זה. עבור אל הכרטיסייה HTML, וצור רווח (הקש Enter) מעל התמונה שלך. לאחר מכן, לכתוב קצת הוק הודעה כאן, משהו כמו "מי מאחורי האתר?" או אפילו רק "על עצמי". תהיה יצירתי.

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

    סגנון ההודעה שלך

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

    צור משהו כזה:

    ההודעה שלך

    הקפד לסגור את הסגנון p עם a

    .

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

    השתמש בקודים כדי italicize ו כדי מודגש הטקסט שלך, ולזכור לסגור אותם גם.

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

    מקום העבודה שלך בסרגל הצד

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

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

    תכונות עיצוב מהנה ותוספות אחרות

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

    1. השתמש בצבעים אקזוטיים.
    2. השתמש בגבול מנוקד או בצבע.
    3. שים טופס "הצטרף" ממש מתחת לטקסט שלך. אני משתמש Aweber עבור אלה.
    4. הוסף קישורים למקומות שבהם הוצגה העבודה שלך.
    5. לזרוק בדיחה, או להיות מסתורי.

    מדריך וידאו

    כמו כן, תוכל לצפות בסרטון הווידאו לפוסט זה כמתואר למטה או ב- YouTube.

    מה הלאה?

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

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

    הערת העורך: פוסט זה נכתב על ידי גרג נאראיאן עבור Hongkiat.com. גרג הוא בחור בן 25 מניו יורק שעונה על כ -150 שאלות בלוג לפני ארוחת הבוקר.

    © Savtec
    מידע שימושי וטיפים לפיתוח אתרים. תכנות, עיצוב אתרים, CSS, HTML, JAVASCRIPT. הגדר והתקן מחדש את WINDOWS. יצירת אתרים ויישומים מאפס.