Blogiversary IV: 9 קידוד בלוגים והצעות סגנון אתר

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

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

עם זאת, בואו נצלול פנימה.
הסרטונים המועדפים עלינו

הרקע שלי: הבלוג הזה לא היה הריקוד הראשון שלי עם קידוד. מדעי המחשב היו תוכנית נחוצה בבית הספר התיכון שלי, כך שבגיל 15 לימדו אותי C ++ כמו גם סמיג של HTML (נסה w3schools.com אם המוסד הגבוה שלך לא היה חנון כמו שלי). אני לא זכור ללקק של C ++, עם זאת זה אכן סיפק לי את ההבנה הבסיסית של בדיוק איך קוד עובד (וחשוב מכך, בדיוק איך זה לא עובד כשמשהו קצת כמו סוגר קצה אחד חסר) ו ניצלתי את כישורי ה- HTML הקטנים שלי כדי לזרוק יחד כמה אתרים נינוחים במוסד גבוה (כמו זה מצחיק ומצחיק, כמו גם אתר גאוסיות זמינה באופן מצחיק עבור קטע הלהקה הצרפתית של להקת המוסדות), אולם מעולם לא נלמד רשמית הרבה יותר שפות מורכבות כמו CSS, JavaScript כמו גם מי מבין מה עוד. אז אם כבר לא ניכר שיש לי קצת חנון ב- DNA שלי, התמונה הזו צריכה להבהיר אותה בשפע. מדוע אכן סווטשירט דילברט שלי אכן מציין “טכנולוגיה: אין מיקום לטייפים.”

הדרך ללא קוד: הקסם של פלטפורמות בלוגים כמו WordPress, Blogger, כמו גם Tumblr הוא שאתה לא צריך להבין כל סוג של קוד כדי להשתמש בהם. רבים מהם הופכים את זה לפשוט מספיק שאם אתה יכול לחבר דוא”ל כמו גם להגיש תמונה, אתה יכול לבלוג. כמו כן בדיוק בדיוק איך התחלנו. בילינו את חמשת החודשים הראשונים שלנו בחשבון WordPress.com בחינם לחלוטין (צילום מסך למטה) בו מידת “עיצוב הבלוגים” שלנו הייתה בגודל של תמונת כותרת. אז אם אתה בהחלט דואג קידוד כמו גם תכנון, זו עשויה להיות השיטה לבחור לך.

היה לגלות מארח נהדר: העברנו לבלוג WordPress.org המתארח בעצמו בפברואר 2008 ברכישה כדי לקבל גמישות הרבה יותר בסגנון. זה מרומז על כך שגילוי מארח משלנו, ומשמע כי האתר שלנו כבר לא חי בחינם לחלוטין בשרתים של וורדפרס, אולם במקום זאת בשרת שגילינו כמו גם שילמנו עבור עצמנו. הלכנו ל- Bluehost המומלץ על ידי וורדפרס (זה קישור סניף) שגבה אז פחות מ -30 דולר לשנה. האתר שלנו התגורר בשרת משותף עם כ -99 בלוגים קטנים אחרים (כלומר שאתרים אחרים התגוררו איתנו איתנו, וזו הסיבה שהוא היה כל כך זול) במשך כשנה. עד שגדלנו גם ענק (כלומר, התרסק באופן שגרתי את השרת כולו … הורד איתנו את כל 99 האתרים האחרים … אופס). אז Bluehost סיפק לנו את המגף כמו גם עשינו כמות לא מבוטלת של מחקר כמו גם נחתנו ב- LiquidWeb (זהו קישור שותף), שם יש לנו שרת מסור משלנו כמו גם תמיכה פנטסטית של לקוחות. זה רחוק מהעלות הזו של 30 $ לשנה שהתחלנו איתה (נסה להוסיף שני אפסים), עם זאת הכל חלק מההצעה כשאתה בר מזל כמו שאנחנו צריכים לצמוח כמו שיש לנו.

אה כן, גם מחזיקים תמונות: כשהחלפנו ל- LiquidWeb, לקחנו קצת הנחיות מאחרים, כמו גם בחרנו גם להחזיק את התמונות שלנו במקום אחר – מה שמקטין את הטונות בשרת אחד ויכול גם להמציא כמה מהעלות. ניסינו בקצרה את פליקר כמו גם את Photobucket (מכיוון שהם היו חופשיים לחלוטין או כמעט ללא, כמו גם את אנחנו זולים) עם זאת, לאחר מספר תלונות על אותם אתרים שנחסמו במקומות עבודה ספציפיים (לא שכל סוג מכם נבדקו בלוגים בעבודה, נכון?) בחרנו להעביר למארח בתשלום: Amazon S3 (שראינו כמה אתרים גדולים יותר המשתמשים בהצלחה). עם הזמן מספר התמונות שלנו צמח יחד עםהתנועה שלנו … כמו גם כן גם ההוצאה שלנו בגין החזקת תמונות (זה נראה מטורף להקליד, עם זאת אנו משלמים עשרות אינספור דולרים בשנה רק כדי להחזיק את התמונות שלנו). עם זאת שוב, החזקת עלויות היא רק חלק מכל העניין של בלוגים במשרה מלאה, כמו גם אנו תמיד אסירי תודה ל”ראו “אתם … אז רצינו שאנשים רבים ככל האפשר כדי להיות מסוגלים לקבל גישה לתמונות שלנו ו אתה יודע, מכיוון שהם סוג החלק הטוב ביותר.

קבע נושא: סגנון הוא מה שמכתיב את מראה הבלוג שלך (צבעים, פריסה, גופנים וכו ‘). בוורדפרס יש מבצעים נהדרים של נושאים מובנים, או שאתה יכול לגלות את עצמך (הם לא תמיד בחינם). כמו אם אתה באמת שאפתן, אתה יכול להכין משלך. עם זאת אני לא כל כך שאפתני, אז פשוט גילינו סגנון שאהבנו וניסינו את היד שלנו בהתאמה אישית. שלנו הוא סגנון חופשי לחלוטין שנקרא “WP Premium” כמו גם גילינו ממנו עם ניקול כדי להפוך אותו למקסים. שני האתרים שלנו הם דוגמאות בדיוק לאופן שבו ניתן להתאים אישית סגנון אחד כדי לייצר שני מבטים שונים לחלוטין כמו גם מובחנים (שנינו עדיין משתמשים באותה תבנית עיצוב בדיוק עם התאמה אישית שונה). אז גלה סגנון שיש לו את הפונקציות הבסיסיות שתרצה בבלוג שלך-משהו עם מספר ספציפי של עמודות, סוג מסוים של ניווט, מראה קונבנציונאלי שאתה אוהב, או אפילו סגנון בסגנון מגזין (כמו Layla & הבלוג של קווין) כמו גם להתחיל שם (שיטה זו אין קידוד מאפס מעורב).

סטיילינג: אם הסגנון שלך הוא כמו שלנו, זה תלוי בגיליונות סגנון מדורגים (AKA CSS). זה נתונים (או קבצים) שמכתיבים בדיוק את האופן בו האתר שלך נראה כשהוא נטען. אז במקום שאצטרך לקודד ידנית את כותרות הבלוג שלנו כדי להיות גודל ספציפי כמו גם צבע בכל פעם, הסגנון מבין להמליץ על גיליון הסגנון שלי בכל פעם, כמו גם לעמוד בהנחיות הללו. בסגנון שלנו יש שני גיליונות סגנון, אחד שמנחה את הגודל כמו גם מיקום של היבטים בדף (כלומר, הפוך את הסרגל הצדדי לרחב פיקסלים רבים כמו גם לרחוק למיטב תיבת החומרים הראשית) כמו גם כזה שמכתיב תמונות כמו גם צבע (כלומר כל הקישורים המשובצים הם כחולים). לא הבנתי CSS לפני שבלוגים, כך שהשיטה שלי להתאים אישית את סגנון הבלוג שלנו הייתה למעשה “לשנות קוד כלשהו, לראות מה קורה.” פעמים רבות זה היה יכול היה להיות תוצאות זועפות (“וואה, סרגל התפריט פתאום נעלם”), עם זאת, לאט לאט הבנתי את הגורם כמו גם את ההשפעה של צירי הקידוד שלי. כמו גם לאט אולם בהחלט עבדתי לקראת מראה מותאם אישית. ישנם כמה שיעורי CSS פנטסטיים באתר w3schools.com אם אתה רוצה לגלות כמה פרטי קידוד.

תמונה שווה אלף קודים: בהחלט לא כל מה שבאתר הוא מספר כמו גם קוד. גרפיקה בפועל (כמו כותרות או סמלים של סרגל הצד) הם גם חלק עצום מהסגנון. מתן הנחיות לפוטושופ הוא נושא ‘שלם’, אז אני משאיר את זה בזה: קבל לעצמך כמה תוכנת עריכת תמונות נהדרת, במיוחד כזו שמפשירה את שינוי הצבעים כמו גם גדלים (בפיקסלים, במיוחד) כמו גם לחסוך ב מגוון סגנונות (כמו JPG מופחת באינטרנט וכן GIFs או PNGs בעלי יכולת שקיפות). בהחלט אנו מעריצים של פוטושופ (אנו בעלי סוויטה חדשנית של Adobe), עם זאת אנו שומעים שאתרים כמו פיקניק הם אלטרנטיבות נהדרות. מעבר לזה, רק וודא שיש לך שיטה להגיש את התמונות שלך. יתכן שההחזקה שלך תהיה אפליקציית תוכנת FTP מובנית או שתוכל לגוגל להורדה גרסה.

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

חבר אותו, חבר אותו: אתה יכול גם להגביר את הפונקציה / ההתאמה האישית של האתר שלך עם תוספים, שהם תוספות בחינם לחלוטין לבלוג WordPress שבדרך כלל אתה יכול להוריד מהטוב ביותר בלוח המחוונים של WordPress. הם יכולים להוסיף ווידג’טים מדהימים לסרגל הצד שלך, להגביר את הביצועים של הפוסטים שלך, כמו גם לסייע לאתר שלך לרוץ מהר יותר (כמו שהסמכת הרבה על W3 פלאגין מטמון מאוד שמונע מאיתנו להתרסק כל היום, כל יום). עם זאת, תוספים יכולים גם הם גם לאתר את האתר שלך (כמו כאשר הפלאגין של הסקרים של אתמול הכריע את האתר שלנו עד כדי כך שאחרינו ארבע זמנים מחמירים ברציפות). אז זה תמיד מתאים יותר לקוד קשהסוגים של פונקציות במידת האפשר (אם היינו מבינים שהפלאגין יפסיק לעבוד לפני הזמן היינו מנסים לקוד קשה משהו אחר). אם קידוד קשה קשה באותה מידה (HAR-HAR), פשוט גלה לאינטרנט עם פחות מהם (אלה שחשובים באמת) כדי למנוע חירום המעורר שיער אפור כמו שגיאות אריזה לא מוסברות כמו גם קריסות באתר מלא.

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

גוגל (כפי שכבר ציינתי)

פורומים תומכים (במיוחד וורדפרס ‘ – אם כי התגובות לא תמיד מהירות)

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

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

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

תמיכה בתשלום (אתרים כמו WP Assist Center יכולים לספק לך עזרה בתשלום, או – במצב שלי – שכרתי כמה מומחים/חברים אזוריים כשאני באמת תקוע מדוע האתר שלנו מתרסק באופן בלתי מוסבר).

אז הנה לך את זה. באופן אידיאלי זה היה שימושי לאלו מכם שהתעניינו. אני בטוח שיש עסקאות נהדרות של חששות מסוימים שצפו סביב שלא כיסיתי (ככל הנראה, התגובה שלי הייתה “לנסות לשנות איזה קוד כמו גם לראות מה קורה, או את גוגל!” כי זה בדרך כלל שלי. שיטה). עם זאת שוב, אם אתה מקצוען – מרגיש חופשי לחלוטין להעריך בהדרכה לכל מי שמעוניין! חכה, עם זאת, ראשית דאגה אחת: מי היה לו סווטשירט דילברט נפלא מאוד כמו שלי? יאללה, אני מבין שמישהו עשה זאת. כמו גם אני מקווה שתקבלת גם את ההזדמנות לטלטל אותו בג’ינס סחוט וכן גם תספורת קערה א -לה -תשיעית ג’ון.

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

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

Posted in Uncategorized

Leave a Reply

Your email address will not be published. Required fields are marked *