สวัสดีผู้อ่านที่รักของบล็อกไซต์ แน่นอนคุณสามารถใช้ปลั๊กอินสำหรับงานนี้ได้ แต่ ไม่ยากเลยที่จะทำด้วยตัวเองและจะมีน้อยลง โดยเฉพาะอย่างยิ่งเมื่อฉันมีคนทำงานอยู่มากมายแล้ว (ดูบทความที่ลิงค์ที่ให้ไว้) ฉันเอาไอคอนโซเชียลเน็ตเวิร์กซึ่งฉันได้เขียนไปแล้วในรายละเอียดบางอย่าง (ฉันหวังว่า Dimox จะไม่คัดค้านสิ่งนี้)
และฉันก็เห็นว่าเป็นการสมควรที่จะส่งอีเมล
เราสร้างสไปรท์จากปุ่มและแทรกโค้ด Html ลงในไซต์
หลังจากที่คุณสร้างกลุ่มและเพจที่จำเป็นทั้งหมดบนโซเชียลเน็ตเวิร์กและได้รับลิงก์ที่จำเป็นทั้งหมดแล้ว คุณอาจสับสนได้โดยการเพิ่มปุ่มลงในไซต์ แน่นอนคุณสามารถเลือกไอคอนที่เหมาะสมสำหรับแต่ละเครือข่ายโซเชียลได้ตามโพสต์ของฉันและหากจำเป็นให้ลดขนาดลงเป็นขนาดที่ต้องการในและ
แต่นี่ไม่ใช่ตัวเลือกที่ดีที่สุด ทำไม เนื่องจากในการโหลดภาพโซเชียลเน็ตเวิร์กแต่ละภาพ จะมีการร้องขอแยกต่างหากไปยังเซิร์ฟเวอร์ของคุณ หากคุณมีไอคอนหลายสิบไอคอน นั่นหมายถึงคำขอ 10 รายการ ซึ่งไม่ว่าในกรณีใดก็ตาม จะสร้างภาระเพิ่มเติมบนเซิร์ฟเวอร์และ ความสิ้นเปลืองเช่นนี้ไม่เหมาะกับเรา โดยเฉพาะเมื่อมันเกิดขึ้นมานานแล้ว
ฉันตัดสินใจที่จะไม่ประดิษฐ์วงล้อขึ้นมาใหม่ (สร้างสไปรท์) แต่ใช้อันที่สร้างโดยตัวสร้าง Share42 (ลิงก์ไปยังคำอธิบายการทำงานกับมันอยู่ด้านบน) ในนั้นคุณสามารถเลือกเครือข่ายโซเชียลที่คุณต้องการไอคอนและพร้อมกับโค้ดที่คุณจะได้รับสไปรท์ CSS เช่น ไฟล์กราฟิกหนึ่งไฟล์ทางกายภาพซึ่งไอคอนเครือข่ายโซเชียลทั้งหมดที่คุณต้องการและการสมัครสมาชิกฟีด RSS (และอีเมลหากจำเป็น) จะถูกวางไว้
ฉันเลือกเครือข่ายหลักสี่เครือข่ายและไอคอนสองสามอันสำหรับสมัครรับข่าวสารด้วยขนาดไอคอน 24 x 24 ดังนั้นสไปรท์ของฉันจึงมีลักษณะเช่นนี้ (แม้ว่าจะยังอยู่ในนั้น แต่ก็ไม่สำคัญ):
ตอนนี้เรามีส่วนผสมทั้งหมดแล้ว - ลิงก์ไปยังกลุ่มหรือหน้าโซเชียลเน็ตเวิร์กและไอคอนสำหรับแสดงบนเว็บไซต์ สิ่งที่เหลืออยู่คือเตรียมทุกอย่างให้ถูกต้องนั่นคือ แต่งหน้า. บล็อกของฉันทำงานบน WordPress ดังนั้นฉันจะวางโค้ดที่มีปุ่มต่างๆ ลงในไฟล์ . ในกรณีของฉันเรียกว่า sidebar.php รหัส HTMLสิ่งนี้กลายเป็นเรื่องง่ายมาก:
และสิ่งที่น่าสนใจที่สุด ด้วยความช่วยเหลือของเรา เราจะกำหนดพื้นที่ของสไปรท์ของเราที่จะแสดงในตำแหน่งเฉพาะนี้เป็นพื้นหลัง (ในกรณีของเรา พื้นหลังนี้จะอยู่ใต้ไฮเปอร์ลิงก์) ใช้เวลานานมากในการอธิบายว่าสิ่งนี้เกิดขึ้นได้อย่างไร ดังนั้นอ่านบทความที่เชื่อมโยงกับลิงก์แล้วทุกอย่างจะชัดเจน (มีตัวอย่างประกอบให้ด้วย) หากคุณขี้เกียจก็ลองทดลองกับตัวเลขซึ่งดังที่คุณอาจสังเกตเห็นแล้วว่าหารด้วย 24 ไม่ลงตัว
ใช่ อัปโหลดไฟล์สไปรท์ผ่าน FTP ไปยังเว็บไซต์ของคุณ และระบุเส้นทางไปยังไฟล์นั้น () ในเบื้องหลัง นั่นคือทั้งหมดที่ หากไม่ได้ผล ให้อ่านเนื้อหาในลิงก์ด้านบนอย่างละเอียดยิ่งขึ้น และหากไม่มีสิ่งใดได้ผลเลย ให้อธิบายสถานการณ์ของคุณในความคิดเห็น (โดยละเอียด - หากต้องการแทรกโค้ด อย่าลืมใส่ไว้ใน PHP แท็กที่มีวงเล็บเหลี่ยม)
ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก
คุณอาจจะสนใจ
แนวคิดในการจัดแพลตฟอร์มอินเทอร์เน็ตเพื่อรวมผู้คนที่มีความสนใจร่วมกัน เพื่อรับปริมาณการเข้าชมที่ดีและแนะนำระบบการสมัครสมาชิกแบบชำระเงินดึงดูดผู้คนมากมาย เพื่อให้บรรลุเป้าหมายนี้ในระยะเวลาอันสั้น โซเชียลเน็ตเวิร์กที่สร้างขึ้นบนเทมเพลต WordPress ที่เข้ากันได้กับปลั๊กอิน BuddyPress และ bbPress จึงเหมาะสม พวกเขามอบฟังก์ชันการทำงานเต็มรูปแบบของเครือข่ายโซเชียล: การสร้างโปรไฟล์ การแลกเปลี่ยนข้อความ การเพิ่มเพื่อน การสื่อสารในฟอรั่ม การทำงานร่วมกันในไฟล์ และตัวเลือกอื่น ๆ
เทมเพลต 10 สำหรับไซต์เครือข่ายโซเชียลบน WordPress + BuddyPress
1.เดทแสนหวาน
เทมเพลตสำหรับเครือข่ายโซเชียลที่นำเสนอ 2 การสาธิตสำหรับเว็บไซต์หาคู่และ 1 สำหรับเว็บไซต์สำหรับการค้นหาเพื่อนร่วมเดินทาง ไซต์บน Sweet Date อาจใช้ระบบการสมัครสมาชิกแบบชำระเงินและควบคุมการเข้าถึงเนื้อหา การออกแบบที่ตอบสนองอย่างเต็มที่ของธีมทำให้มั่นใจได้ว่าเมื่อเยี่ยมชมไซต์บนอุปกรณ์ใดๆ ผู้เยี่ยมชมจะได้รับประสบการณ์ผู้ใช้แบบเดียวกัน
2. เจริญเติบโต
เทมเพลตสำหรับอินทราเน็ตและชุมชนออนไลน์ เป็นแพลตฟอร์มสากลที่รวมฟังก์ชันการทำงานของเครือข่ายโซเชียล ฟอรัม ระบบส่งข้อความ การจัดกิจกรรม การจัดการโครงการและการแชร์ไฟล์ อีคอมเมิร์ซ และการเรียนรู้ทางอิเล็กทรอนิกส์ (หากคุณซื้อปลั๊กอิน Learndash)
3. บัดดี้
ธีมนี้พัฒนาขึ้นสำหรับ Buddypress และ bbPress ช่วยให้คุณสร้างโซเชียลเน็ตเวิร์กด้วยการออกแบบที่ทันสมัย Buddy ใช้เค้าโครง Retina Ready ที่ตอบสนองและไลบรารีแบบอักษรไอคอน Font Awesome เทมเพลตช่วยให้คุณสามารถเพิ่มวิดเจ็ตลงในไซต์ของคุณได้อย่างง่ายดาย เช่น: “ผู้ใช้ใหม่/ยอดนิยม/ใช้งานอยู่”, “กลุ่มใหม่/ยอดนิยม”, “ปฏิทิน”, “หัวข้อล่าสุดในฟอรัม”, “สถิติ”, “ผู้ใช้ออนไลน์” .
4. เข้าสังคม
เทมเพลตนี้ใช้ประโยชน์จากความสามารถของ Buddypress ให้เกิดประโยชน์สูงสุด ทำให้เป็นพื้นฐานที่ดีสำหรับชุมชนหรือเครือข่ายโซเชียล Socialize ได้เปลี่ยนแปลงการออกแบบของ bbPress อย่างสิ้นเชิง ทำให้เข้าใกล้รูปแบบฟอรัมแบบคลาสสิกมากขึ้น เพื่อให้เว็บมาสเตอร์สามารถแสดงเนื้อหาประเภทที่ต้องการได้ เทมเพลตจึงมีตัวเลือกเค้าโครง 4 แบบสำหรับหน้าหลัก 9 แบบสำหรับหมวดหมู่ 6 แบบสำหรับโพสต์
5. ไคลน์
ธีมนวัตกรรมใหม่ที่ออกแบบมาเพื่อทำงานร่วมกับ BuddyPress และ bbPress ซึ่งสร้างขึ้นด้วยความใส่ใจในรายละเอียดเป็นพิเศษ เหมาะสำหรับผู้ที่ต้องการชุมชนออนไลน์หรือโซเชียลเน็ตเวิร์กที่ขับเคลื่อนโดย WordPress เหมาะสำหรับไซต์ที่มีผู้ลงทะเบียนจำนวนมาก โดยเชื่อมต่อกับสมาชิกในชุมชน
6. เคลีโอ
KLEO ได้รับการยกย่องให้เป็นธีม BuddyPress ที่ขายดีที่สุดประจำปีนี้ เนื่องจากเป็นไปตามความคาดหวังอย่างแท้จริง เทมเพลตนำเสนอแบบเรียบง่ายพร้อมองค์ประกอบรองที่ผ่านการตรวจสอบแล้ว ธีมนี้ใช้การค้นหาในตัวซึ่งไม่รวมอยู่ในเทมเพลตอื่นและช่วยให้คุณหลีกเลี่ยงการติดตั้งปลั๊กอินพิเศษซึ่งส่งผลดีต่อความเร็วของไซต์
7. มอนสรอยด์2
เทมเพลตสากลที่ติดตามธีม Monstroid ในตำนาน เขียนใหม่ทั้งหมดตั้งแต่ต้น ด้วยความเข้ากันได้กับปลั๊กอิน BuddyPress เทมเพลตนี้จึงทำให้เว็บมาสเตอร์สามารถสร้างไซต์เครือข่ายโซเชียลหรือชุมชนออนไลน์ที่มีธีมได้โดยไม่ต้องใช้ความพยายามใดๆ เพิ่มเติม เทมเพลตนี้มีสไตล์ส่วนหัวที่กำหนดเอง 7 แบบและรองรับเมนูขนาดใหญ่ ผู้ซื้อสามารถใช้รูปภาพจากการสาธิตบนเว็บไซต์ของเขา
ธีม WordPress ยอดนิยมธีมแรกสำหรับชุมชนอินทราเน็ต/เอ็กซ์ทราเน็ต Woffice สามารถใช้กับเครือข่ายอินทราเน็ต/เอ็กซ์ทราเน็ตขององค์กรและภาครัฐ ชุมชนอินเทอร์เน็ตและเครือข่ายโซเชียลปกติ โรงเรียน หรือเครือข่ายโซเชียลส่วนตัวอื่นๆ
ในช่วงไม่กี่ปีที่ผ่านมา ความนิยมของเครือข่ายโซเชียลได้พุ่งสูงขึ้นอย่างที่ไม่เคยมีมาก่อน แน่นอนว่าผู้นำที่ได้รับการยอมรับในด้านนี้คือ Facebook มีการพัฒนาแอปพลิเคชั่นต่าง ๆ จำนวนมากโดยใช้เทคโนโลยีอย่างกว้างขวาง
แต่หากแผนของคุณไม่รวมถึงการแซงหน้า Facebook หรือ VKontakte และคุณต้องการเพียงแค่ สร้างเครือข่ายโซเชียลหรือชุมชนของคุณเองคล้ายกับ Facebook, Vkontakte, Twitter หรือ Google Plus - รีวิวนี้เหมาะสำหรับคุณ
เราจะพิจารณา 15 สคริปต์สำหรับสร้างเครือข่ายโซเชียลด้วยฟังก์ชันมาตรฐานสำหรับผลิตภัณฑ์ เช่น แชท ไมโครบล็อก a la Twitter และฟังก์ชันยอดนิยมอื่น ๆ ที่คุณจะชื่นชอบอย่างไม่ต้องสงสัย ตัวเลือกมีทั้งโซลูชันแบบชำระเงินและฟรี
phpDolphin.php
นี้ แพลตฟอร์มสำหรับการสร้างเครือข่ายโซเชียลมีฟีเจอร์เกือบเหมือนกับ Facebook ไม่ว่าจะเป็นการแชทสด การส่งข้อความส่วนตัว ความคิดเห็น การแชร์รูปภาพ และอื่นๆ อีกมากมายราคา: $43
ไลฟ์สตรีท ซีเอ็มเอส
แพลตฟอร์มบล็อกโซเชียลการผลิตในประเทศ ใน RuNet มักมีพอร์ทัลที่สร้างขึ้นด้วยความช่วยเหลือ หากคุณพยายามอธิบาย CMS นี้โดยสรุป มันก็เป็นเช่นนั้น อะนาล็อกของ Habrahabr ที่รู้จักกันดี- ความหมายของระบบคือ: ผู้ใช้ทุกคนสามารถเป็นผู้เขียนได้ค่าใช้จ่าย: ฟรี
บูเน็กซ์ ดอลฟิน
Boonex Dolphin นั้นทรงพลัง CMS สำหรับสร้างเครือข่ายโซเชียล- คลังแสงมีส่วนขยายจำนวนมาก เช่น: กลุ่ม ประกาศ แค็ตตาล็อกเสียงและวิดีโอ โปสเตอร์ บล็อก แชท แค็ตตาล็อกไฟล์ ฯลฯ คุณยังสามารถขยายชุดโมดูลแบบชำระเงินมาตรฐานซึ่งสามารถซื้อได้จากทางการ เว็บไซต์. คุณสามารถปรับแต่งสไตล์ของเพจของคุณได้ นอกจากนี้ นักพัฒนายังจัดเตรียมแอปพลิเคชันมือถือที่รวมเข้ากับพอร์ทัลของคุณอีกด้วย CMS จ่ายเงินแล้ว แต่มีเวอร์ชันทดลองใช้สำหรับการทดสอบจากประสบการณ์ของฉันในการทำงานกับเอนจิ้นนี้ ฉันสามารถพูดได้ว่าระบบมีประสิทธิภาพและค่อนข้างเสถียร แต่ต้องใช้เซิร์ฟเวอร์ที่ดีเนื่องจากใช้ทรัพยากรจำนวนมาก
ราคา: จาก $29/เดือน หรือจาก $599 สำหรับการซื้อครั้งเดียว (มีเวอร์ชันทดลองใช้งาน)
ธุรกิจเพื่อสังคม
ธุรกิจเพื่อสังคมคือ สคริปต์เครือข่ายโซเชียลสำหรับนักธุรกิจ- เป้าหมายหลักของสคริปต์นี้คือเพื่อให้นักธุรกิจสามารถค้นหาพันธมิตรได้ บาง คล้ายกับ LinkedIn.ราคา: $32
โซเชียลเน็ตเวิร์ก SocEuro
SocEuro ค่อนข้างใช้งานได้ดี สคริปต์เครือข่ายโซเชียลด้วยชุดโมดูลทั่วไปสำหรับผลิตภัณฑ์ประเภทนี้ กิน บันทึกเสียงเป็น VKontakte, แชท, ฟีด, เกม...ราคา: $43
ออกซ์วอลล์
อย่างแน่นอน สคริปต์เครือข่ายโซเชียลฟรีโอเพ่นซอร์ส. มีส่วนเสริมฟรีและไม่ซ้ำใครแบบเดียวกันจำนวนมากซึ่งไม่สามารถพบได้แม้แต่ในอะนาล็อกที่ต้องชำระเงิน: แกลเลอรี่รูปภาพ, แคตตาล็อกวิดีโอ, บล็อก, ฟอรัม, วิกิ, กลุ่ม, กิจกรรม, เพื่อน, การทำงานร่วมกัน, การแชร์ไฟล์, การประชุมทางวิดีโอ ฯลฯ .ค่าใช้จ่าย: ฟรี
โซเชียลคิท
ฟังก์ชั่นเกือบทั้งหมดที่เป็นมาตรฐานสำหรับเครือข่ายโซเชียลนั้นรวมอยู่ในแพลตฟอร์ม ScialKit: แชทสด หน้าส่วนตัว การส่งข้อความและลิงก์ ความสามารถในการแสดงความคิดเห็นและไลค์ การแจ้งเตือน แฮชแท็ก และการกล่าวถึงราคา: $39
ปลีก
ปลิกครับ ฟรีซึ่งเป็นโซลูชันที่เรียบง่ายแต่ทรงพลังสำหรับ การสร้างบล็อกโซเชียลเน็ตเวิร์กหรือชุมชน- ลักษณะพิเศษคือคุณสามารถสร้างชุมชนที่ควบคุมตนเองได้ ผู้ใช้ตัดสินใจเองว่าอะไรไม่ดีและสิ่งที่ดี สิ่งนี้ทำให้ไม่จำเป็นต้องมีการกลั่นกรอง Habrahabr และระบบ LiveStreet CMS ซึ่งมีอยู่ในคอลเลกชันนี้ทำงานด้วยปรัชญาที่คล้ายกันค่าใช้จ่าย: ฟรี
สังคมควิซ
SocioQuiz เป็นสคริปต์ที่สามารถเปลี่ยนเว็บไซต์ของคุณให้กลายเป็นพอร์ทัลที่หลากหลาย การทดสอบ แบบสำรวจ และแบบทดสอบ- ให้การสนับสนุนอย่างเต็มที่สำหรับเนื้อหารูปภาพและวิดีโอ รวมถึงอิสระในการใช้งานของคุณเอง มีความสามารถมากกว่าอย่างเห็นได้ชัดเมื่อเทียบกับไซต์ที่คล้ายกัน เช่น Playbuzz, Buzzfeed และอื่นๆราคา: $44
เครือข่ายสังคมที่เป็นมิตร
โซเชียลเน็ตเวิร์กที่เป็นมิตรนั้นมีอยู่จริง เครือข่ายโซเชียลสำหรับเพื่อน- มีฟังก์ชันครบชุดที่จำเป็นในกรณีนี้: หน้าส่วนตัว กลุ่ม แชทสด ความคิดเห็น การถูกใจ แฮชแท็ก การกล่าวถึง การแจ้งเตือน สามารถสร้างโปรไฟล์แยกสำหรับเพื่อนและโปรไฟล์สาธารณะได้ คุณสามารถควบคุมการแสดงโพสต์ - ปรากฏแก่ทุกคน (สาธารณะ) หรือเฉพาะเพื่อนเท่านั้น และนี่เป็นเพียงคุณสมบัติบางส่วนที่ทำให้ Friendly เป็นแพลตฟอร์มในอุดมคติสำหรับการสร้างชุมชนของคุณเองราคา: $36
ดังนั้น ผู้ดูแลเว็บมือใหม่ทั้งหลาย เราได้เรียนรู้พื้นฐานของ HTML แล้ว
ตอนนี้เรามาประยุกต์ใช้ความรู้นี้และทำให้ตัวเราเป็นเว็บไซต์เล็ก ๆ และเผยแพร่บนอินเทอร์เน็ตอย่างรวดเร็ว
จริงอยู่ที่การสร้างทรัพยากรที่ครบถ้วนโดยใช้เพียง html เป็นเรื่องยาก แต่เว็บไซต์นามบัตรที่มีหลายหน้านั้นค่อนข้างเป็นไปได้
หากนี่คือเป้าหมายของใครบางคน และไม่มีความปรารถนาที่จะเรียนรู้ภาษาการเขียนโปรแกรมอื่น บทความนี้ก็เหมาะสำหรับพวกเขา
กล่าวโดยสรุป ในเวอร์ชันที่เขียนเอง โดยไม่ต้องใช้ CMS ไม่มีอะไรจะง่ายไปกว่านี้แล้ว
และสำหรับผู้ที่ต้องการอะไรที่เจ๋งกว่านั้น ในตอนท้ายของบทความจะมีลิงก์ไปยังบทความที่มีโค้ดเทมเพลตบล็อกโดยใช้ CSS และโค้ดไซต์ไดนามิกที่ใช้ PHP
เราจะสร้างเว็บไซต์ด้วย HTML ล้วนๆ บนหน้านี้ กล่าวคือ เว็บไซต์ภายในเว็บไซต์ ทำงานได้อย่างสมบูรณ์และพร้อมที่จะเต็มไปด้วยเนื้อหา
แบ่งกระบวนการทั้งหมดออกเป็นสามส่วน
1. สร้างไดเร็กทอรีไซต์บนคอมพิวเตอร์ของคุณ
2. การสร้างเว็บไซต์
3. ถ่ายโอนไซต์จากคอมพิวเตอร์ของเราไปยังโฮสติ้งนั่นคือไปยังอินเทอร์เน็ต
การสร้างไดเร็กทอรีไซต์บนคอมพิวเตอร์ของคุณ
จุดแรกนั้นง่ายที่สุด วิธีสร้างไดเร็กทอรีแสดงไว้อย่างชัดเจนในบทความ (ลิงก์ทั้งหมดจากหน้านี้จะเปิดในหน้าต่างแยกต่างหากเพื่อไม่ให้สูญหาย)
ฉันจะแสดงรายละเอียดให้คุณเห็นว่าควรวางไว้หลังโค้ดของหน้าหลักอะไรและในโฟลเดอร์ใดเพื่อให้คุณมีบางอย่างที่จะไปที่ไดเร็กทอรีอยู่แล้ว
ถ้าอย่างนั้นเรามาดูประเด็นที่สองกันดีกว่า ส่วนที่สร้างสรรค์ที่สุด
การสร้างเทมเพลตเว็บไซต์
หากต้องการสร้างเทมเพลต คุณจะต้องมีโปรแกรมแก้ไขซึ่งคุณจะต้องวางโค้ดด้านล่าง
นี่อาจเป็นได้ทั้ง Windows Notepad แบบธรรมดาหรือโปรแกรมแก้ไขข้อความอื่น ๆ
ลองใช้ตาราง HTML หลายชั้นเป็นพื้นฐานสำหรับเทมเพลต ก่อนหน้านี้ก่อนการถือกำเนิดของ CSS เว็บไซต์ทั้งหมดถูกเขียนด้วยตาราง แต่ตอนนี้รูปแบบบล็อกได้รับความนิยมมากขึ้น
แต่จนถึงทุกวันนี้ โครงสร้างตารางยังไม่ล้าสมัยและใช้งานได้สำเร็จ
ตัวอย่างเช่น การลงทุน CMS H-script ที่มีฟังก์ชันการทำงานที่ซับซ้อน ซึ่งได้รับการออกแบบทั้งหมดบนพื้นฐานของตาราง
นี่คือเว็บไซต์ที่มีการออกแบบที่เรียบง่าย
วิธีการออกแบบตารางในอนาคตจะแสดงไว้อย่างละเอียดในบทความ
|
<!--สร้างตารางคอนเทนเนอร์ ซึ่งเราระบุดังต่อไปนี้
ตกแต่ง:
border="1" - ใส่กรอบรอบๆ คอนเทนเนอร์ โดยการเพิ่มจำนวนคุณสามารถเพิ่มความหนาของเฟรมได้
align="center" - วางคอนเทนเนอร์ไว้ตรงกลางหน้าจอ
กฎ = "แถว" - ลบเส้นขอบคู่
สไตล์ = "ความกว้าง: 60%;" - เพิ่มคุณสมบัติสไตล์ที่ทำให้
ภาชนะและไซต์งานทั้งหมดเป็น "ยาง"
เป็นไปไม่ได้เลยที่จะสร้างการออกแบบที่ปรับเปลี่ยนได้เต็มรูปแบบในลักษณะนี้-->
|
อ่านด้วย |
