เนื่องจากคุณมีคนมากมายร้องขอฉันจะพยายามทำตามคำแนะนำด้านเทคนิค / การเขียนโค้ดทางเทคนิค ฉันจะยอมรับว่าฉันลังเลอย่างมากที่จะเขียนสิ่งนี้เนื่องจากฉันเป็นมือสมัครเล่นมาก ขอคำแนะนำเกี่ยวกับสไตล์เว็บให้ฉันรู้สึกเหมือนขอให้บริกรของคุณแนะนำวิธีการทำอาหาร ฉันสามารถบอกคุณถึงองค์ประกอบพื้นฐานของสิ่งที่เราให้บริการ แต่สิ่งต่าง ๆ อาจมีขนดกถ้าฉันขอให้รวบรวมเมนู มันเป็นเพียงการทดลองใช้อย่างแท้จริงรวมถึงข้อผิดพลาดรวมถึง googling จำนวนมากรอบ ๆ สำหรับคำตอบ หมายเหตุ: ใช่การปฏิบัติตามภาพเป็นเรื่องตลกเข้ารหัสดังนั้นวงเล็บ
ตอนนี้ฉันปล่อยให้ความไม่มั่นคงของฉันทำอย่างมากในการพูด สิ่งต่าง ๆ ) โดยไม่ได้รับการสนับสนุนจากภายนอก (ข้อยกเว้นเพียงอย่างเดียวคือสายบริการลูกค้าของโฮสต์ของเรารวมถึงความช่วยเหลือเป็นครั้งคราวจากเพื่อนหรือสองคนเมื่อเราไม่สามารถเข้าใจได้ว่าทำไมห่าที่เรากำลังล่ม) ดังนั้นฉันควรจะทำสิ่งที่ดีที่สุดไม่ผิดอย่างสมบูรณ์ อย่างไรก็ตามหากคุณกำลังอ่านสิ่งนี้เป็นคนสมัครเล่นมากกว่าฉันโปรดใช้คำแนะนำของฉันด้วยเม็ดเกลือ เช่นเดียวกับถ้าคุณเป็นผู้เชี่ยวชาญมากขึ้นโปรดพยายามอย่าหัวเราะ เช่นเดียวกับการให้คำแนะนำที่เป็นประโยชน์อื่น ๆ สำหรับทุกคนที่ค้นหาเคล็ดลับทางเทคนิค/การเขียนโค้ด
ด้วยที่กล่าวมาแล้วให้ดำน้ำ
วิดีโอที่เราต้องการ
พื้นหลังของฉัน: บล็อกนี้ไม่ใช่การเต้นรำครั้งแรกของฉันที่มีการเข้ารหัส วิทยาการคอมพิวเตอร์เป็นโปรแกรมที่จำเป็นในโรงเรียนมัธยมของฉันดังนั้นเมื่ออายุ 15 ปีฉันได้รับการสอน C ++ เช่นเดียวกับ Smidge ของ HTML (ลอง w3schools.com หากสถาบันระดับสูงของคุณไม่ได้เป็นของฉัน) ฉันไม่ได้คำนึงถึงการเลีย C ++ แต่มันทำให้ฉันเข้าใจพื้นฐานได้ว่ารหัสทำงานอย่างไร (และที่สำคัญกว่านั้นคือวิธีที่มันไม่ได้ผลเมื่อบางสิ่งบางอย่างเป็นบิต . ฉันใช้ทักษะ HTML น้อยมากของฉันในการรวบรวมเว็บไซต์ที่ผ่อนคลายในสถาบันระดับสูง (เช่นนี้อย่างน่าสยดสยองอย่างสนุกสนานเช่นเดียวกับไซต์ Geocities ที่ยังคงเดินเล่นอย่างสนุกสนานสำหรับแผนก High Institution Band French Horn ภาษาที่ซับซ้อนเช่น CSS, JavaScript และผู้ที่เข้าใจสิ่งอื่น ดังนั้นหากยังไม่ชัดเจนว่าฉันได้รับความสนใจใน DNA ของฉันภาพนี้ควรทำให้ชัดเจนอย่างมากมาย ทำไมเสื้อยืด Dilbert ของฉันถึงระบุว่า“ เทคโนโลยี: ไม่มีที่ตั้งสำหรับ wimps”
วิธีฟรีรหัส: เสน่ห์ของแพลตฟอร์มบล็อกเช่น WordPress, Blogger และ Tumblr คือคุณไม่จำเป็นต้องเข้าใจรหัสประเภทใด ๆ เพื่อใช้ประโยชน์จาก em หลายคนทำให้ง่ายพอที่ถ้าคุณสามารถเขียนอีเมลและส่งรูปภาพได้คุณสามารถบล็อกได้ เช่นเดียวกับที่เราเริ่มต้นอย่างแม่นยำ เราใช้เวลาห้าเดือนแรกของเราในบัญชี WordPress.com ฟรีทั้งหมด (ภาพหน้าจอด้านล่าง) ซึ่งระดับของ“ การออกแบบบล็อก” ของเรากำลังปรับขนาดภาพส่วนหัว ดังนั้นหากคุณกังวลอย่างมากในการเข้ารหัสและการออกแบบนี่อาจเป็นวิธีการเลือกคุณ
ค้นพบโฮสต์ที่ยอดเยี่ยม: เราถ่ายโอนไปยังบล็อก WordPress.org ที่โฮสต์ตนเองในเดือนกุมภาพันธ์ปี 2008 เพื่อซื้อเพื่อมีความยืดหยุ่นในสไตล์มากขึ้น นั่นแสดงให้เห็นว่ามีการค้นพบโฮสต์ของเราเองซึ่งหมายความว่าไซต์ของเราไม่ได้ใช้ชีวิตฟรีบนเซิร์ฟเวอร์ของ WordPress อีกต่อไป แต่แทนที่จะใช้เซิร์ฟเวอร์ที่เราค้นพบเช่นเดียวกับการจ่ายเงินสำหรับตัวเราเอง เราไปที่ BlueHost ที่แนะนำจาก WordPress (นั่นคือลิงค์พันธมิตร) ที่เรียกเก็บเงินน้อยกว่า $ 30 ต่อปีในเวลานั้น เว็บไซต์ของเราอาศัยอยู่บนเซิร์ฟเวอร์ที่ใช้ร่วมกันโดยมีบล็อกเล็ก ๆ น้อย ๆ อีกประมาณ 99 บล็อก (หมายความว่าเว็บไซต์อื่น ๆ อาศัยอยู่ที่นั่นกับเราซึ่งเป็นเหตุผลว่าทำไมมันถึงราคาไม่แพง) ประมาณหนึ่งปี จนกระทั่งเราเติบโตขึ้นอย่างมาก (เช่นการชนทั้งเซิร์ฟเวอร์ทั้งหมด…นำไซต์อื่น ๆ ทั้งหมด 99 แห่งลงไปกับเรา…โอ๊ะโอ) ดังนั้น Bluehost จึงให้การบูตแก่เราเช่นเดียวกับที่เราได้ทำการศึกษาวิจัยจำนวนมากรวมทั้งลงจอดที่ LiquidWeb (นั่นคือลิงค์พันธมิตร) ซึ่งเรามีเซิร์ฟเวอร์ที่อุทิศตนของเราเองรวมถึงการสนับสนุนลูกค้าที่ยอดเยี่ยม มันเป็นหนทางไกลจากค่าใช้จ่าย $ 30 ต่อปีที่เราเริ่มต้นด้วย (ลองเพิ่มศูนย์สอง) อย่างไรก็ตามมันเป็นส่วนหนึ่งของข้อเสนอทั้งหมดเมื่อคุณโชคดีที่เราเติบโตเหมือนที่เรามี
โอ้ใช่การถือรูปภาพด้วย: เมื่อเราเปลี่ยนเป็น LiquidWeb เราได้รับคำแนะนำจากผู้อื่นและเลือกที่จะเก็บรูปภาพของเราไว้ที่อื่น – ซึ่งช่วยลดจำนวนตันในเซิร์ฟเวอร์เดียวและสามารถชดใช้ค่าใช้จ่ายได้สองสามค่า เราลอง Flickr เช่นเดียวกับ Photobucket (เนื่องจากพวกเขาฟรีหรือเกือบฟรีรวมทั้งเราราคาถูก) อย่างไรก็ตามหลังจากการร้องเรียนหลายเรื่องเกี่ยวกับเว็บไซต์เหล่านั้นถูกบล็อกในสถานที่ทำงานเฉพาะ ออกบล็อกในที่ทำงานใช่มั้ย) เราเลือกที่จะถ่ายโอนไปยังโฮสต์ที่ชำระเงิน: Amazon S3 (ซึ่งเราเห็นเว็บไซต์ขนาดใหญ่อื่น ๆ ที่ใช้งานสำเร็จ) เมื่อเวลาผ่านไปจำนวนรูปภาพของเราก็เพิ่มขึ้นพร้อมกับการจราจรของเรา…รวมถึงค่าใช้จ่ายในการถือรูปภาพของเรา (ดูเหมือนจะบ้าที่จะพิมพ์ แต่เราจ่ายเงินหลายสิบดอลลาร์ต่อปีเพื่อเก็บภาพของเรา) อย่างไรก็ตามอีกครั้งการถือค่าใช้จ่ายเป็นเพียงส่วนหนึ่งของสิ่งที่บล็อกเต็มเวลาทั้งหมดรวมทั้งเรารู้สึกขอบคุณเสมอที่“ ดู” พวกคุณ…ดังนั้นเราจึงต้องการผู้คนมากมายให้มากที่สุดเท่าที่จะทำได้เพื่อให้สามารถเข้าถึงรูปภาพของเราได้ . คุณรู้เพราะพวกเขาเป็นประเภทของส่วนที่ดีที่สุด
สร้างธีม: สไตล์คือสิ่งที่กำหนดรูปลักษณ์ของบล็อกของคุณ (สี, เค้าโครง, แบบอักษร, ฯลฯ ) WordPress มีชุดรูปแบบในตัวหรือคุณสามารถค้นพบตัวเองได้ (พวกเขาไม่ได้เป็นอิสระเสมอไป) เช่นเดียวกับว่าคุณมีความทะเยอทะยานอย่างแท้จริงคุณสามารถสร้างของคุณเองได้ อย่างไรก็ตามฉันไม่ได้ทะเยอทะยานดังนั้นเราจึงค้นพบสไตล์ที่เราชอบรวมทั้งลองใช้มือของเราในการปรับแต่งมัน ของเราเป็นสไตล์ฟรีทั้งหมดที่เรียกว่า “WP Premium” และเราค้นพบมันด้วย Nicole ที่ทำให้มันน่ารัก สองไซต์ของเราเป็นตัวอย่างของวิธีการที่รูปแบบหนึ่งสามารถทำให้เป็นส่วนตัวเพื่อสร้างสองที่แตกต่างอย่างสิ้นเชิงและดูแตกต่างกัน (เราทั้งคู่ยังคงใช้เทมเพลตการออกแบบเดียวกันที่แน่นอนด้วยการปรับแต่งที่แตกต่างกัน) ดังนั้นค้นพบสไตล์ที่มีฟังก์ชั่นพื้นฐานที่คุณต้องการในบล็อกของคุณ-บางสิ่งที่มีจำนวนคอลัมน์ที่เฉพาะเจาะจงการเดินเรือประเภทเฉพาะรูปลักษณ์ทั่วไปที่คุณชอบหรือแม้กระทั่งสไตล์สไตล์นิตยสาร (เช่น Layla & บล็อกของ Kevin) และเริ่มต้นที่นั่น (วิธีนั้นไม่มีการเข้ารหัสจากศูนย์)
สไตล์: ถ้าสไตล์ของคุณเป็นเหมือนของเรามันขึ้นอยู่กับแผ่นสไตล์ cascading (aka css) เป็นข้อมูล (หรือไฟล์) ที่กำหนดว่าเว็บไซต์ของคุณจะดูอย่างไรเมื่อโหลด ดังนั้นแทนที่จะต้องเขียนโค้ดชื่อบล็อกของเราด้วยตนเองให้มีขนาดที่เฉพาะเจาะจงและสีทุกครั้งสไตล์นั้นเข้าใจในการแนะนำแผ่นสไตล์ของฉันทุกครั้งรวมทั้งปฏิบัติตามแนวทางเหล่านั้น สไตล์ของเรามีแผ่นสไตล์สองรูปแบบหนึ่งที่เป็นแนวทางในขนาดรวมถึงการจัดวางด้านบนหน้า (เช่นทำให้แถบด้านข้างนี้มีพิกเซลมากมายที่กว้างและไกลที่สุดเท่าที่ดีที่สุดของกล่องวัสดุหลัก) รูปภาพรวมถึงสี (เช่นลิงก์ที่ฝังอยู่ทั้งหมดเป็นสีน้ำเงิน) ฉันไม่เข้าใจ CSS ก่อนบล็อกดังนั้นวิธีการของฉันในการปรับเปลี่ยนรูปแบบของบล็อกของเราเป็นหลัก“ เปลี่ยนรหัสบางอย่างดูว่าเกิดอะไรขึ้น” หลายครั้งที่มันจะได้ผลลัพธ์ที่ไม่ค่อยดี (“ ว้าวแถบเมนูทั้งหมดหายไปทันที”)) แต่ช้าฉันก็คิดว่าสาเหตุรวมถึงผลกระทบของการปรับแต่งการเข้ารหัสของฉัน เช่นเดียวกับอย่างช้าๆ แต่ฉันก็ทำงานเพื่อให้ได้รูปลักษณ์ที่กำหนดเอง มีบทเรียน CSS ที่ยอดเยี่ยมที่ W3Schools.com หากคุณต้องการค้นพบข้อมูลเฉพาะบางอย่าง
รูปภาพมีค่าหนึ่งพันรหัส: แน่นอนว่าไม่ว่าอะไรก็ตามในไซต์จะเป็นหมายเลขและรหัส กราฟิกจริง (เช่นส่วนหัวหรือไอคอนแถบด้านข้าง) เป็นส่วนสำคัญของสไตล์เช่นกัน การให้คำแนะนำเกี่ยวกับ Photoshop เป็นหัวข้อทั้งหมด ‘Nother ดังนั้นฉันจึงทิ้งไว้ที่นี่: รับซอฟต์แวร์แก้ไขภาพที่ยอดเยี่ยมโดยเฉพาะอย่างยิ่งสิ่งที่ทำให้ง่ายต่อการเปลี่ยนสีและขนาด (ในพิกเซลโดยเฉพาะ) รูปแบบที่หลากหลาย (เช่น JPG ที่ลดลงบนเว็บรวมถึง GIFs หรือ PNGs ที่มีความโปร่งใสที่มีความโปร่งใส) แน่นอนว่าเราเป็นแฟนของ Photoshop (เราเป็นเจ้าของ Adobe Innovative Suite) แต่เราได้ยินว่าเว็บไซต์เช่น Picnik เป็นทางเลือกที่ยอดเยี่ยม นอกเหนือจากนั้นให้แน่ใจว่าคุณมีวิธีการส่งภาพของคุณ การระงับของคุณอาจมีแอปพลิเคชันซอฟต์แวร์ FTP ในตัวหรือคุณสามารถดาวน์โหลดเวอร์ชันได้
การทดลองใช้ข้อผิดพลาดและ Google:“ เปลี่ยนรหัสบางอย่างดูว่าเกิดอะไรขึ้น” เป็นคำแนะนำที่ดีที่สุดของฉันสำหรับการเข้ารหัสเป็นมือสมัครเล่น ในบางกรณีวิธีที่ง่ายที่สุดในการทำความเข้าใจว่ารหัสบิตทำอะไรคือการเปลี่ยนแปลงเช่นเดียวกับการสังเกตผลที่ตามมา เพียงอย่าลืมบันทึกรหัสต้นฉบับไว้ที่ไหนสักแห่งเพื่อให้คุณสามารถยกเลิกได้อย่างง่ายดาย เมื่อฉันติดอยู่อย่างแท้จริงฉันหันไปหา Google เพียงแค่ googling รหัสลับ (และฉันบอกเป็นนัยถึงการคัดลอกรหัสลงในกล่องเรียกดู) สามารถเปิดผลลัพธ์ที่รู้แจ้งบางอย่าง – กระดานข้อความสนับสนุนฟอรัมและแม้กระทั่งในบางกรณีคำจำกัดความที่แท้จริงของรหัสที่เป็นปัญหา) WordPress เองมีฟอรัมที่ยอดเยี่ยมบางอย่างรวมถึง codex ที่ทำลายสิ่งที่รหัสทั้งหมดของพวกเขารวมถึงฟังก์ชั่นหมายถึงรวมถึงคำแนะนำบางอย่างเกี่ยวกับการเปลี่ยนแปลง
เสียบเข้าเสียบปลั๊กใน: คุณสามารถเพิ่มฟังก์ชั่น / การปรับแต่งของเว็บไซต์ของคุณด้วยปลั๊กอินซึ่งเป็นส่วนเสริมฟรีทั้งหมดไปยังบล็อก WordPress ที่คุณสามารถดาวน์โหลดได้ดีที่สุดภายในแผงควบคุม WordPress พวกเขาสามารถเพิ่มวิดเจ็ตที่ยอดเยี่ยมลงในแถบด้านข้างของคุณเพิ่มประสิทธิภาพของโพสต์ของคุณรวมถึงยังช่วยให้เว็บไซต์ของคุณทำงานได้เร็วขึ้น (เช่นเราพึ่งพาปลั๊กอินแคช W3 มากซึ่งทำให้เราไม่ทำงานตลอดทั้งวันทุกวัน) อย่างไรก็ตามปลั๊กอินสามารถทำให้ไซต์ของคุณแย่ลงเช่นกัน (เช่นเมื่อปลั๊กอินโพลของเมื่อวานนี้ทำให้ไซต์ของเราไปถึงจุด Ahh-we-craaashing สี่ครั้งที่ทำให้รุนแรงขึ้นในแถว) ดังนั้นจึงเหมาะสมกว่าที่จะใช้รหัสยากฟังก์ชั่นชนิดที่เป็นไปได้ (ถ้าเราเข้าใจว่าปลั๊กอินจะหยุดทำงานล่วงหน้าเราจะพยายามใช้รหัสอย่างอื่น) หากการเข้ารหัสยากเป็นเรื่องยาก (Har-Har) เพียงค้นพบการออนไลน์โดยมีน้อยกว่า (สิ่งที่สำคัญอย่างแท้จริง) เพื่อป้องกันฉุกเฉินที่ทำให้เกิดผมสีเทาเช่นข้อผิดพลาดในการบรรจุที่ไม่ได้อธิบายรวมถึงการล่มของไซต์เต็มรูปแบบ
รับความช่วยเหลือ: ในบางจุดคุณจะติดอยู่ ทุกคนทำไม่ว่าพวกเขาจะยอดเยี่ยมแค่ไหน ดังนั้นจึงเป็นเรื่องดีเสมอที่จะมีสถานที่ตั้งบางแห่ง นี่คือรายการโปรดของฉัน:
Google (ดังที่ฉันได้กล่าวไปแล้ว)
ฟอรัมสนับสนุน (โดยเฉพาะ WordPress ’ – แม้ว่าปฏิกิริยาจะไม่รวดเร็วเสมอไป)
การสนับสนุนด้านเทคนิค (ฉันขึ้นอยู่กับ LiquidWeb เพื่อช่วยเหลือเซิร์ฟเวอร์ของฉันเพราะเราจ่ายเงินให้พวกเขาเป็นร้อยละและพวกเขาเข้าใจสำหรับการสนับสนุนลูกค้าแบบภาคปฏิบัติ)
Twitter (มีข้อเสนอมากมายของคนฉลาดหากคุณพร้อมที่จะร้องขอความช่วยเหลือจากสาธารณชน)
นักเขียนบล็อกคนอื่น ๆ (ถ้าคุณเห็นสิ่งที่คุณชอบในเว็บไซต์ของคนอื่นลองถามว่าพวกเขาทำได้อย่างไร – ในบางกรณีมันง่ายเหมือนการแบ่งปันรหัสอย่างไรก็ตามบางครั้งมันก็ไม่ใช่สิ่งที่สามารถส่งผ่านได้อย่างรวดเร็ว)
การสนับสนุนที่ได้รับค่าตอบแทน (เว็บไซต์เช่น WP Assist Center สามารถให้ความช่วยเหลือที่ได้รับค่าตอบแทนแก่คุณหรือในสถานการณ์ของฉัน – ฉันได้จ้างผู้เชี่ยวชาญ/เพื่อนในระดับภูมิภาคบางคนเมื่อฉันติดอยู่กับสาเหตุที่เว็บไซต์ของเราพังทลายลงอย่างลึกลับ)
ดังนั้นคุณมีมัน เป็นการดีที่มีประโยชน์สำหรับผู้ที่สนใจ ฉันแน่ใจว่ามีข้อกังวลอย่างมากที่ลอยอยู่รอบ ๆ ที่ฉันไม่ได้ครอบคลุม (คำตอบของฉันน่าจะเป็น“ ลองเปลี่ยนรหัสบางอย่างและดูว่าเกิดอะไรขึ้นหรือ Google มัน!” เพราะโดยทั่วไปแล้ว วิธี). อย่างไรก็ตามอีกครั้งหากคุณเป็นมืออาชีพ – รู้สึกอิสระที่จะประเมินด้วยคำแนะนำสำหรับทุกคนที่สนใจ! เดี๋ยวก่อนอย่างไรก็ตามข้อกังวลข้อแรก: ใครมีเสื้อยืด Dilbert ที่ยอดเยี่ยมมากเช่นฉัน? มาเลยฉันเข้าใจว่ามีคนทำ เช่นเดียวกับที่ฉันหวังว่าคุณจะได้รับโอกาสที่จะเขย่ามันด้วยผ้าเดนิมที่ถูกสกัดกั้นเช่นเดียวกับการตัดผมชามเกรด la เก้าจอห์น
อัปเดต – คำขอปกติที่เราได้รับคือข้อมูลเกี่ยวกับการเขียนบล็อกอย่างมืออาชีพ (วิธีที่เราสร้างเว็บไซต์ของเราวิธีที่เราเพิ่มการติดตามของเราอย่างแน่นอนว่าเราสร้างรายได้ ฯลฯ ) ดังนั้นเราจึงแบ่งปันรายละเอียดทั้งหมดเกี่ยวกับวิธีการที่แน่นอน เราเริ่มบล็อกเพิ่มปริมาณการใช้งานของเรารวมทั้งเปลี่ยนเป็นงานเต็มเวลา
ข้อความเพิ่มเติมจาก Young Home Love