เทมเพลตบัญชีส่วนบุคคลที่ปรับเปลี่ยนได้ สีขาว - เทมเพลตหน้าเดียวที่ยอดเยี่ยม

คอลเลกชันนี้มีเทมเพลตสำหรับอาชีพต่างๆ แต่ส่วนใหญ่จะเป็นโปรแกรมเมอร์ นักออกแบบเว็บไซต์ หรือนักออกแบบเลย์เอาต์ เนื่องจากจะเหมาะกับพวกเขามากกว่าในการออกแบบและโครงสร้าง

ก่อนหน้านี้เราได้เผยแพร่คอลเลกชันพร้อมเทมเพลตสำหรับสร้างพอร์ตโฟลิโอ ตัวอย่างเช่น:

ทำความสะอาด

มืออาชีพ สะอาดตาสำหรับการสร้างพอร์ตโฟลิโอส่วนตัวและเพจส่วนตัวสำหรับนักพัฒนาเว็บอิสระ เหมาะสำหรับนักออกแบบ นักออกแบบเลย์เอาต์ หรือโปรแกรมเมอร์
เทมเพลตสามารถปรับเปลี่ยนได้อย่างสมบูรณ์ มีภาพเคลื่อนไหวที่สวยงามของรูปลักษณ์ขององค์ประกอบเมื่อเลื่อนด้วยโค้ดที่ถูกต้องโดยสมบูรณ์

ผลงานของกอร์โก

ฟรี สะอาดและมีสไตล์มาก เทมเพลตพอร์ตโฟลิโอของนักออกแบบ- ทำในสไตล์มินิมอล นอกจากนี้ยังมีเมนูเต็มจอสุดเจ๋งอีกด้วย
ตารางที่มีตัวอย่างงานถูกสร้างขึ้นตามตัวอย่างกระดานหมากรุกซึ่งเป็นที่ชื่นชอบมากเนื่องจากนี่เป็นเทรนด์ หน้างานทำให้ฉันประทับใจมาก อาจเนื่องมาจากเนื้อหาสาธิตคุณภาพสูง หากคุณตั้งใจจะใช้การออกแบบเฉพาะนี้เป็นเพจส่วนตัว โปรดดูแลการออกแบบคุณภาพสูงของตัวงานด้วย

ลิเธียม

เทมเพลตสไตล์ตอบสนองฟรี แบนซึ่งเหมาะสำหรับฟรีแลนซ์เกือบทุกคน ไม่ว่าจะเป็นนักพัฒนาเว็บหรือช่างภาพ เนื่องจากหน้านี้มีทั้งพอร์ตโฟลิโอที่คุ้นเคยพร้อมตัวกรองตามหมวดหมู่งาน และแกลเลอรีรูปภาพ

บรั่นดี

อย่างยิ่งอีกประการหนึ่ง เทมเพลตคุณภาพสูงสำหรับสร้างพอร์ตโฟลิโอส่วนตัว- มีสารพัดมากมายที่ทุกคนชื่นชอบ: เอฟเฟกต์ Parallax, เอฟเฟกต์ของบล็อกที่ปรากฏขึ้นเมื่อเลื่อน, การเลื่อนอย่างราบรื่น, ตัวนับต่างๆ และแน่นอนว่ารวมถึงบล็อกพอร์ตโฟลิโอด้วย
เทมเพลตนี้ใช้งานได้ฟรีและเหมาะสำหรับฟรีแลนซ์ทุกอาชีพด้านไอที

กง

น่าสนใจ เทมเพลต html ผลงานของนักออกแบบ- ในหน้าจอแรก คุณสามารถวางรูปภาพ แนะนำตัวเอง และเขียนความสามารถพิเศษของคุณได้
บล็อกเกือบทั้งหมดในเทมเพลตคือบล็อกที่เราคุ้นเคยในแลนดิ้งเพจมาตรฐาน
ส่วนเรื่องโทนสีผมจะเปลี่ยนครับ มีพิษมากเกินไป

MyFolio

ยอดเยี่ยม ผลงานแบบหน้าเดียวที่ปรับเปลี่ยนได้ในโทนสีเขียว เหมาะสำหรับทั้งฟรีแลนซ์คนเดียวและทีมนักพัฒนา เทมเพลตนี้สร้างมาด้วยคุณภาพสูงและสมควรได้รับความสนใจ

ขั้นพื้นฐาน

เข้มงวด เทมเพลตในโทนสีน้ำเงินเพื่อสร้างพอร์ตโฟลิโอ สร้างขึ้นบน Bootstrsp 3.2 หากคุณเปลี่ยนไอคอนบนหน้าจอแรก คุณสามารถใช้ไอคอนนี้กับฟรีแลนซ์ในทุกสาขาของกิจกรรมได้

เล็ก

เล็ก เทมเพลต html หน้าเดียวในรูปแบบแบน- แบ่งออกเป็นสามหน้าจอที่มีความสูง 100% หน้าจอแรกเป็นรูปถ่ายและข้อมูลโดยย่อเกี่ยวกับฟรีแลนซ์
หน้าจอที่สองคือพอร์ตโฟลิโอ รายการล่าสุดจะปรากฏขึ้น 8 ผลงานจากผลงานของคุณบน Dribbble- นั่นคือสิ่งที่คุณต้องทำคือตั้งค่าการผสานรวมด้วย เท่านี้ก็เรียบร้อย รูปภาพจะอัปเดตตัวเองให้สอดคล้องกับกิจกรรมของคุณบน Dribbble
หน้าจอที่สามคือข้อมูลการติดต่อ

เคลวิน

เทมเพลต HTML5 CSS3 สากลคุณภาพสูง มันชวนให้นึกถึง Ceevee มากซึ่งอยู่ในคอลเลกชันด้านบนนี้ แต่มีความแตกต่างบางประการในแนวคิดของบล็อกพร้อมตัวอย่างงานและในกราฟที่แสดงทักษะของฟรีแลนซ์ มีโอกาสที่จะเล่าเรื่องราวโดยละเอียดเกี่ยวกับตัวคุณโดยใช้บล็อกต่างๆ

ปอร์ติโอ

เทมเพลตสากลที่น่าสนใจ แม้ว่าจะมีหลายเหตุผลที่ฉันจะไม่ใช้: แบบอักษรงี่เง่า ปุ่มไม่ดี บางทีอาจมีคนสนใจตัวเลือกนี้ ท้ายที่สุดแล้ว - โทนสีที่สดใส หากคุณปรับแต่งสไตล์ CSS เล็กน้อย คุณจะได้ผลลัพธ์ที่ดี

ท่าเรือ

ฟรีและฉันจะบอกว่าเทมเพลตหน้าเดียวที่หรูหราซึ่งใช้ Bootstrap โดยส่วนตัวแล้วฉันชอบองค์ประกอบแอคทีฟสีแดง บล็อกพร้อมตัวอย่างการทำงานได้รับการออกแบบในรูปแบบของตารางที่ซับซ้อนและนี่คือข้อดี เทมเพลตนี้จะเป็นโซลูชันที่ยอดเยี่ยมสำหรับการสร้าง p ผลงานของนักออกแบบเว็บไซต์หรือโปรแกรมเมอร์.

เฮกซา

เทมเพลตหน้าเรียบหลายหน้าพร้อมแถบเลื่อนในส่วนหัวในรูปแบบสีเฉพาะตัว - สีเขียว เมื่อใช้โซลูชันนี้ คุณสามารถสร้างเว็บไซต์นามบัตรที่ยอดเยี่ยมพร้อมตัวอย่างงานและบล็อกได้

ฟรีแลนซ์

ยอดเยี่ยม เพจเจอร์หนึ่งหน้าในแบบแบนๆและโทนสีเขียว หน้าจอแรกมีพื้นที่สำหรับถ่ายภาพหรือดีกว่านั้นคือภาพวาดของตัวเองของเจ้าของเว็บไซต์เพื่อไม่ให้เสียสไตล์
เทมเพลตมีขนาดเล็กและเป็นข้อดีอย่างมาก เนื่องจากตามวัตถุประสงค์ของเรา ไม่จำเป็นที่จะต้องใช้ "ผ้าพันเท้า" ทำมาอย่างน่าประหลาดใจมีคุณภาพสูงมาก มีการตอบสนองอย่างเต็มที่และอิงตามกรอบ Bootstrap

ผลงานการเลี้ยงบอล

อีกเทมเพลตพร้อมพอร์ตโฟลิโอ บูรณาการกับ Dribbble- สิ่งที่คุณต้องทำคือกำหนดค่าการอัปโหลดผลงานล่าสุดของคุณและลืมการอัปเดตพอร์ตโฟลิโอของคุณอย่างต่อเนื่องและน่าเบื่อบนหน้าส่วนตัวของคุณ
เทมเพลตนี้สร้างด้วยโทนสีที่ทันสมัยและเข้มงวด ทุกอย่างดูสะอาดมาก
เช่นเดียวกับเทมเพลต Dribbble ก่อนหน้านี้ มันมีขนาดเล็ก ฉันจะพูดพูดน้อยด้วยซ้ำ คะแนนโดยรวมของฉันคือ 9 เต็ม 10

กี๊ก

ก็ไม่เลวนะ แม้จะรู้สึกหนักนิดหน่อยก็ตาม เทมเพลตสำหรับสร้างผลงานอิสระในรูปแบบของหน้า Landing Page มีแผนภูมิต่างๆ เพื่อแสดงระดับทักษะในโปรไฟล์กิจกรรม ซึ่งน่าสนใจมาก นอกจากนี้ยังมีแถบเลื่อนข้อความรับรองและตารางรูปภาพสวยๆ ที่คุณสามารถใช้แสดงผลงานของคุณได้

ดริบเบิล โฟลิโอ V2

ฟรี เทมเพลตพร้อมพอร์ตโฟลิโอที่กรอกอัตโนมัติ- ผลงานนำเข้าจากเว็บไซต์ เลี้ยงบอล- ก่อนที่จะใช้โซลูชันนี้ อย่าลืมตั้งค่าการรวมเข้ากับโปรไฟล์ Dribbble ของคุณ
น่าเสียดายที่ไม่มีการสาธิต

ท่าเรือ

ต้นฉบับ เทมเพลต html css ในโทนสีม่วงเพื่อสร้างเว็บไซต์ส่วนตัว นี่เป็นธีมแบบหลายหน้าโดยที่ธีมหลักถูกสร้างขึ้นในรูปแบบหน้าเดียว แต่ในทางกลับกันก็มีหน้าภายในด้วย เหมาะสำหรับการสร้าง เว็บไซต์ส่วนตัวของฟรีแลนซ์พิเศษใด ๆ

เทมเพลตที่นำเสนอทั้งหมดสำหรับเว็บไซต์ของคุณสร้างขึ้นจาก HTML5 และ CSS3 เวอร์ชันทันสมัย นอกจากนี้ ผู้เขียนยังใช้คุณสมบัติที่ทันสมัย ​​เช่น การออกแบบเรียบๆ การออกแบบที่ตอบสนอง รูปแบบที่ปรับเปลี่ยนได้ แถบเลื่อน jQuery ภาพเคลื่อนไหว CSS3 เป็นต้น นั่นคือหากคุณกำลังมองหาเทมเพลตเว็บไซต์บนมือถือ คุณสามารถเลือกเทมเพลตที่นำเสนอได้ เทมเพลต html5 ที่สวยงาม 2017แม้ว่าจะฟรีแต่ก็ดูพรีเมี่ยม

ที่นี่คุณจะพบเทมเพลตเว็บไซต์แบบตอบสนองคุณภาพสูงฟรีมากกว่า 50 แบบใน HTML5 และ CSS3 ซึ่งสามารถใช้ได้ทั้งสำหรับไซต์ใหม่และการออกแบบไซต์ที่มีอยู่ใหม่ เทมเพลตเว็บไซต์ html5 ที่ทันสมัย- นี่คือสิ่งที่คุณต้องการ!

อัปเดตเมื่อ 03/12/2019: เนื่องจากบทความนี้เขียนเมื่อ 2 ปีที่แล้ว ลิงก์จำนวนมากจึงเสียหาย เจ้าของเทมเพลตรวมกันหรือเปลี่ยนสถานะของเทมเพลตจากฟรีเป็นชำระเงินหรือมนุษย์ต่างดาวทำลายทุกสิ่ง เราขอให้คุณผู้อ่านที่รักหากคุณพบลิงก์ดังกล่าวทิ้งไว้ในความคิดเห็นฉันจะแก้ไขให้ถูกต้อง

1. Snow - เทมเพลตหน้า Landing Page ฟรีโดยใช้ HTML5 และ CSS3

เทมเพลต html5 css3 ของหน้า Landing Page Snow สร้างขึ้นบนเฟรมเวิร์ก Bootstrap เทมเพลตมีสไตล์และเท่มาก! พื้นหลังคงที่และ Jumbotron ขนาดใหญ่ - สิ่งที่แสดงเนื้อหาหลักของเว็บไซต์ สิ่งที่สำคัญที่สุดบนหน้า Landing Page คืออะไร? ถูกต้องแล้ว คำกระตุ้นการตัดสินใจ โดยปกติแล้วเทมเพลตนี้ได้รับการปรับให้เหมาะกับอุปกรณ์มือถืออย่างสมบูรณ์ คุณสามารถใช้เป็นพื้นฐานสำหรับเทมเพลตของคุณเองได้

2. Sima - เทมเพลตเว็บไซต์เชิงพาณิชย์สุดเก๋

เทมเพลต html5 css3 นี้สร้างขึ้นบนเฟรมเวิร์ก Bootstrap เช่นกัน คุณสามารถสร้างเว็บไซต์ที่ไม่ซ้ำใครบนเทมเพลตนี้ พร้อมด้วยพอร์ตโฟลิโอ ทีมของคุณ ราคา บทวิจารณ์ และทุกสิ่งที่จำเป็น ตัวอย่างเช่น เทมเพลตนี้เหมาะสำหรับเว็บไซต์สำหรับบริการทำความสะอาด ภาพเคลื่อนไหวในเทมเพลตนี้ราบรื่นและมีประสิทธิภาพ แบบอักษรสะอาดตาและอ่านง่าย เทมเพลตที่สมบูรณ์แบบ!

3. สีขาว - เทมเพลตหน้าเดียวที่ยอดเยี่ยม!

คุณสมบัติที่โดดเด่นของเทมเพลตเว็บไซต์ White คือตัวเลือกพื้นหลังสองตัวเลือกที่ด้านบน ทางเลือกของคุณคือแถบเลื่อนพร้อมรูปภาพหรือพื้นหลังวิดีโอ เทมเพลตคุณภาพสูงและมีประสิทธิภาพสำหรับเว็บไซต์!

4. Platz – เทมเพลตเว็บไซต์แบบตาราง HTML5 ฟรี

เทมเพลตเว็บไซต์ HTML5 ที่ทันสมัยและดึงดูดสายตา ออกแบบในรูปแบบตาราง (อ่านเพิ่มเติมเกี่ยวกับตาราง) การออกแบบเทมเพลตที่สวยงามและตอบสนองสำหรับบล็อกหรือเว็บไซต์

5. Mart eCommerce - เทมเพลตเว็บไซต์อีคอมเมิร์ซ HTML5 และ CSS3 ที่สวยงาม

การออกแบบเทมเพลตเว็บไซต์ที่สดใหม่และมีสไตล์เหมาะที่สุดสำหรับเว็บไซต์แฟชั่นทุกประเภทที่ขายรองเท้า เสื้อผ้า นาฬิกา เครื่องประดับ ชุดกีฬา ฯลฯ มาพร้อมกับไฟล์ PSD ที่คุณสามารถปรับเปลี่ยนให้เหมาะกับความต้องการของคุณได้

6. Nava – เทมเพลต HTML5 และ CSS3 ที่น่าทึ่งสำหรับเว็บไซต์สร้างสรรค์

Nava เป็นเทมเพลตเว็บไซต์ HTML5 สมัยใหม่ที่ใช้เป็นหลักสำหรับนักสร้างสรรค์มืออาชีพที่ต้องการอวดผลงานของตนอย่างสง่างาม การตั้งค่าเทมเพลตหลากหลายรูปแบบทำให้เว็บไซต์ของคุณมีเอกลักษณ์เฉพาะตัว เทมเพลตเว็บไซต์น้ำหนักเบา สวยงาม และตอบสนองได้ดี

7. Box Portfolio - เทมเพลตเว็บไซต์สร้างสรรค์ที่ไม่ซ้ำใครโดยใช้ HTML5 และ CSS3

เทมเพลตเว็บไซต์ Box Portfolio มีการออกแบบเรียบง่ายสะอาดตาและทันสมัย เหมาะสำหรับมืออาชีพที่ต้องการแสดงผลงานออนไลน์อย่างมีประสิทธิภาพ ตามชื่อที่แนะนำ เทมเพลตเว็บไซต์เหมาะอย่างยิ่งสำหรับพอร์ตโฟลิโอ

8. Mountain King – เทมเพลตเว็บไซต์ HTML5 และ CSS3 ยอดนิยมและใช้งานได้จริง

ธีมภูเขาในการออกแบบเว็บไซต์ได้รับความนิยมอย่างมากในช่วงนี้ เทมเพลตเว็บไซต์ Mountain King ก็ไม่มีข้อยกเว้น รวมไอคอนเวกเตอร์ 336 รายการจาก Typicons พร้อมแอนิเมชั่นที่ยอดเยี่ยมโดยใช้ CSS3 เทมเพลตนี้เหมาะสำหรับเว็บไซต์ท่องเที่ยวและพอร์ตโฟลิโอ

9. Beauty Spa - เทมเพลตเว็บไซต์ HTML5 และ CSS3 สุดเจ๋งสำหรับร้านสปา

Beauty Spa เป็นเทมเพลตเว็บไซต์แบบตอบสนองที่มีฟีเจอร์มากมาย เหมาะสำหรับเว็บไซต์สปา ศูนย์สุขภาพหรือฟิตเนส ไซต์โยคะ หรือแม้แต่ร้านทำผม การอ่านแบบอักษรที่ยอดเยี่ยมและความเรียบง่ายที่ไม่เกะกะ

10. Bent – ​​​​หน้า Landing Page ที่ทันสมัยและมีประสิทธิภาพสำหรับเว็บไซต์ที่ใช้ HTML5 และ CSS3

Bent เป็นเทมเพลตเว็บไซต์ฟรีที่ยอดเยี่ยมใน html5 และ css3 การออกแบบที่ตอบสนอง, ภาพเคลื่อนไหว CSS3, การเลื่อนแบบพารัลแลกซ์, การนำทางแบบกำหนดเอง และสารพัดอื่น ๆ นี่คือการออกแบบเทมเพลตที่ดูสะอาดตาสำหรับไซต์ที่ต้องการใช้การออกแบบที่สมดุลเพื่อให้แน่ใจว่าผู้เยี่ยมชมจะเพลิดเพลินกับรูปลักษณ์ของไซต์ในขณะที่ยังคงมองเห็นเนื้อหาหลักของไซต์ได้อย่างชัดเจน

11. Triangle – เทมเพลต HTML5 และ CSS3 อเนกประสงค์ที่ตอบสนองฟรี

Triangle เป็นเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สร้างสรรค์โดยเฉพาะสำหรับผู้ที่ต้องการปรับแต่งการออกแบบสุดเก๋ แต่ไม่ทำให้แย่ลง เทมเพลตนี้มาพร้อมกับหน้าที่ออกแบบไว้ล่วงหน้ามากกว่า 40 หน้าที่ให้คุณปรับแต่งไซต์ของคุณให้ตรงกับเนื้อหาในใจของคุณได้

12. Future Imperfect - เทมเพลตเว็บไซต์ที่ยอดเยี่ยมสำหรับคนที่มีความคิดสร้างสรรค์!

สัมผัสประสบการณ์ความสนุกอย่างแท้จริงด้วยเทมเพลตเว็บไซต์นี้ เหมาะสำหรับนักเขียน ผู้แต่ง นักเขียนคำโฆษณา และพนักงานปากกาและกระดาษอื่นๆ เทมเพลตนี้ยังใช้สำหรับบล็อกส่วนตัว บล็อกเกี่ยวกับการเดินทาง ความคิดสร้างสรรค์ ฯลฯ หลายๆ คนจะชอบการออกแบบที่สร้างสรรค์และเค้าโครงที่ปรับเปลี่ยนได้ของเทมเพลต

13. Bodo - เทมเพลตที่ยอดเยี่ยมสำหรับเว็บไซต์ส่วนตัว

Bodo เป็นเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สวยงามซึ่งเหมาะสำหรับเว็บไซต์ส่วนตัว โดยเฉพาะการจัดพอร์ตโฟลิโอ การออกแบบตัวอักษรที่สะอาดตา แถบเลื่อนแบบหมุน หน้าต่างป๊อปอัปเพื่อแสดงผลงาน และอื่นๆ อีกมากมาย

14. Lens – เทมเพลตเว็บไซต์ HTML5 ที่สมบูรณ์แบบสำหรับช่างภาพ

ช่างภาพมักมองหาเทมเพลตที่สมบูรณ์แบบสำหรับเว็บไซต์ของตนเพื่อแสดงผลงานของตนอย่างสง่างาม น่าประทับใจและที่สำคัญที่สุด - ใหญ่มาก! เทมเพลตเว็บไซต์ที่หายากมีคุณสมบัติตรงตามข้อกำหนดเหล่านี้ Lens เป็นหนึ่งในเทมเพลตเว็บไซต์ช่างภาพ

15. Spectral - เทมเพลตเว็บไซต์ทำมือที่ไม่ซ้ำใครโดยใช้ HTML5 และ CSS3

หากคุณกำลังมองหา เทมเพลตเว็บไซต์ฟรีในหัวข้ออัตโนมัติจากนั้น Spectral จะเป็นทางออกที่ดี นี่คือการออกแบบเทมเพลตเว็บไซต์หน้าเดียวที่ทำด้วยมือซึ่งมีเอกลักษณ์เฉพาะตัว การออกแบบสามารถเปลี่ยนแปลงได้ตามดุลยพินิจของคุณ ด้วยเทมเพลตนี้ คุณสามารถสร้างเว็บไซต์ที่สวยงามได้ในทุกหัวข้อ ไม่ว่าจะเป็นบล็อกท่องเที่ยวที่น่าประทับใจ แกลเลอรี่รูปภาพ เว็บไซต์เกี่ยวกับรถยนต์ หรือผู้ให้บริการโฮสติ้ง

16. Oxygen - เทมเพลตเว็บไซต์ HTML5 และ CSS3 หนึ่งหน้า

Oxygen เป็นเทมเพลตที่สะดวกและไม่เหมือนใครสำหรับเว็บไซต์ธุรกิจ การออกแบบแบบสมัยใหม่รูปแบบที่ปรับเปลี่ยนได้ ตัวอย่างเช่น เทมเพลตนี้เหมาะสำหรับไซต์เกี่ยวกับแอปพลิเคชันบนมือถือหรือเทคโนโลยีบนมือถือ

17. Mobirise Bootstrap – เทมเพลตเว็บไซต์ฟรีที่สมบูรณ์แบบบน HTML5 และ CSS3

หากคุณกำลังมองหาเทมเพลตเว็บไซต์ฟรี Mobirise Bootstrap เหมาะอย่างยิ่งสำหรับการเริ่มต้นใช้งาน นี่เป็นเทมเพลตมัลติฟังก์ชั่นที่มีสิ่งพิเศษมากมายรวมอยู่ด้วย เค้าโครงหน้าแรกและบล็อกที่สร้างไว้ล่วงหน้าสามแบบจะช่วยคุณในเรื่องนี้ Mobirise Bootstrap ยังได้รับการปรับแต่ง SEO 100% และปรับให้เข้ากับขนาดหน้าจอใดก็ได้

18. La Casa - เทมเพลต HTML5 ที่สวยงามและฟรีสำหรับเว็บไซต์อสังหาริมทรัพย์

เทมเพลตบรั่นดีเหมาะอย่างยิ่งสำหรับการจัดการเว็บไซต์อสังหาริมทรัพย์เชิงพาณิชย์ การออกแบบที่ตอบสนองและสวยงามมากจะไม่เพียงดึงดูดเจ้าของเว็บไซต์เท่านั้น แต่ยังรวมถึงผู้เยี่ยมชมด้วย

19. Drifolio – เทมเพลตเว็บไซต์ HTML5 ที่ทันสมัยสำหรับพอร์ตโฟลิโอ

เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่มีสไตล์และเคลื่อนไหวได้สำหรับการจัดระเบียบพอร์ตโฟลิโอ การออกแบบที่สะอาดตา ตัวอักษรที่ยอดเยี่ยม ไอคอนที่สวยงาม และอื่นๆ อีกมากมาย

20. พลูตัน - เทมเพลตที่สดใสและมีสไตล์สำหรับเว็บไซต์หน้าเดียว

Pluton เป็นเทมเพลตเว็บไซต์ที่สดใสและมีประสิทธิภาพโดยใช้ Bootstrap เทมเพลตเว็บไซต์สมัยใหม่พร้อมเค้าโครงหน้าเดียวที่เป็นเอกลักษณ์และการออกแบบที่ตอบสนองได้ดี เหมาะสำหรับสตูดิโอ ช่างภาพ และนักออกแบบเชิงสร้างสรรค์

21. SquadFree - เทมเพลตเว็บไซต์หน้าเดียวระดับมืออาชีพบน HTML5

เทมเพลต SquadFree เหมาะสำหรับการสร้างเว็บไซต์เชิงพาณิชย์หน้าเดียว เทมเพลตนี้ไม่เพียงแต่ดูเป็นมืออาชีพเท่านั้น แต่ยังปรับให้เข้ากับหน้าจอทุกประเภทอีกด้วย เทมเพลตจะขึ้นอยู่กับ Bootstrap

22. Sublime – เทมเพลตเว็บไซต์ที่น่าสนใจบน HTML5 และ CSS3

Sublime เป็นเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สะอาดตาและสวยงามน่าทึ่ง เหมาะสำหรับสตาร์ทอัพ เอเจนซี่โฆษณา หรือเว็บไซต์พอร์ตโฟลิโอ การออกแบบที่ตอบสนองและสองตัวเลือกหน้าให้เลือก

23. ไม้ - เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่แปลกตาและสวยงาม

Timber เป็นธีมเทมเพลตเว็บไซต์หน้าเดียวที่สดใหม่ มีสไตล์ และแปลกตา เส้นทแยงมุมเป็นคุณลักษณะการออกแบบหลักของเทมเพลตนี้ เทมเพลตนี้เหมาะสำหรับเว็บไซต์ธุรกิจหรือพอร์ตโฟลิโอ มีแกลเลอรี แผนที่ และข้อมูลการติดต่อในตัวซึ่งคุณสามารถปรับให้เข้ากับความต้องการของคุณได้อย่างง่ายดาย

24. E-Shopper - เทมเพลตเว็บไซต์อีคอมเมิร์ซที่ดีที่สุด

E-Shopper เป็นตัวเลือกที่ยอดเยี่ยมสำหรับเทมเพลตเว็บไซต์อีคอมเมิร์ซ สร้างขึ้นบน bootstrap พร้อมชุดคุณสมบัติที่น่าทึ่งสำหรับร้านค้าออนไลน์ที่สมบูรณ์และมีประสิทธิภาพ

25. Magnetic - เทมเพลต HTML5 และ CSS3 ฟรีสำหรับไซต์รูปภาพ

เทมเพลต HTML5 และ CSS3 ที่น่าทึ่งอย่างยิ่งสำหรับการสร้างเว็บไซต์รูปภาพหรือพอร์ตโฟลิโอสำหรับนักออกแบบ นักวาดภาพประกอบ หรือศิลปิน เทมเพลตนี้ยกระดับเทมเพลตระดับมืออาชีพขึ้นไปอีกระดับ! การออกแบบที่ตอบสนอง การสนับสนุนที่ยอดเยี่ยมสำหรับอุปกรณ์แสดงผลทุกประเภท การนำทางที่ง่ายและสะดวก และอื่นๆ อีกมากมาย

26. Mabur Portfolio - เทมเพลตเว็บไซต์ที่สวยงามในสไตล์มินิมอลโดยใช้ HTML5 และ CSS3

ดีไซน์เรียบๆ ของเทมเพลตเว็บไซต์สไตล์มินิมอลนี้เหมาะอย่างยิ่งสำหรับการสร้างแฟ้มผลงาน ในเทมเพลตมีการตรวจสอบรายละเอียดทั้งหมดอย่างสมบูรณ์แบบ!

27. Modern Bootstrap HTML5 – เทมเพลตเว็บไซต์ฟรีหนึ่งหน้า

หน้าเดียวฟรีที่ใช้กรอบงาน Bootstrap นี้เหมาะสำหรับเว็บไซต์องค์กร ทั้งสำหรับบริษัทขนาดเล็กและขนาดใหญ่ การออกแบบเรียบๆ รูปแบบที่ปรับเปลี่ยนได้ องค์ประกอบการออกแบบคุณภาพสูงทั้งหมด เทมเพลตมี 4 สีที่แตกต่างกัน

28. Infusion - เทมเพลตเว็บไซต์หน้าเดียวมีสไตล์โดยใช้ HTML5 และ CSS3

Infusion เป็นตัวอย่างที่ดีของเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่ออกแบบมาโดยเฉพาะสำหรับการสร้างพอร์ตโฟลิโอธุรกิจ ฟังก์ชันการทำงานที่หลากหลายของเทมเพลตนี้ช่วยให้คุณทำงานร่วมกับลูกค้าได้อย่างมีประสิทธิภาพและดึงดูดลูกค้าใหม่ ๆ

29. Yebo - เทมเพลตเว็บไซต์องค์กรบน HTML5 และ CSS3

เทมเพลตเว็บไซต์สไตล์เรียบคุณภาพสูงนี้เหมาะสำหรับเว็บไซต์องค์กรทุกประเภท การออกแบบที่ปรับเปลี่ยนได้ การตั้งค่ามากมาย และตัวเลือกการแก้ไข

30. เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่น่าทึ่งยี่สิบแบบพร้อมพารัลแลกซ์

เทมเพลตเว็บไซต์ที่มีเอกลักษณ์และสวยงามมากพร้อมเอฟเฟกต์พารัลแลกซ์นี้จะไม่ทำให้ใครเฉยเมย เทมเพลตหน้าเดียวสร้างขึ้นจาก HTML5 และ CSS3 ล้วนๆ พร้อมรูปแบบที่ตอบสนอง พื้นหลังที่น่าประทับใจ รองรับโซเชียลมีเดีย ฯลฯ

31. Urbanic – เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่ยอดเยี่ยมบน Bootstrap

Urbanic เป็นเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สดใหม่และยอดเยี่ยมซึ่งสร้างขึ้นบนเอ็นจิ้น Bootstrap เหมาะสำหรับการเริ่มต้นสร้างเว็บไซต์ของคุณทันทีโดยไม่ต้องยุ่งยากใดๆ เทมเพลตได้รับการปรับให้เข้ากับขนาดหน้าจอได้อย่างสมบูรณ์แบบ

32. Design Showcase - เทมเพลตเว็บไซต์พอร์ตโฟลิโอ HTML5

เทมเพลตเว็บไซต์ HTML5 ที่กลมกลืนและมีประสิทธิภาพสำหรับการจัดระเบียบพอร์ตโฟลิโอของคุณ เทมเพลตนี้ได้รับการปรับให้เข้ากับอุปกรณ์มือถืออย่างสมบูรณ์แบบ ซึ่งเป็นเรื่องยากมากที่จะทำกับไซต์ในรูปแบบนี้

33. Mamba One - เทมเพลตเว็บไซต์ที่เรียบง่ายและมีสไตล์โดยใช้ HTML5 และ CSS3

Mamba One เป็นตัวอย่างของเทมเพลตเว็บไซต์ที่เรียบง่ายแต่มีสไตล์สำหรับการสร้างเพจเดียว เข้ากันได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด และจะแสดงอย่างเพียงพอทุกที่

34. KreativePixel - เทมเพลตเว็บไซต์ฟรีสำหรับช่างภาพ

อีกหนึ่งเทมเพลตเว็บไซต์ที่ยอดเยี่ยมสำหรับช่างภาพ การออกแบบที่ตอบสนองและการจัดเรียงภาพถ่ายที่สะดวกมากในแฟ้มผลงานและแกลเลอรีจะดึงดูดผู้ชื่นชอบการถ่ายภาพจำนวนมาก เทมเพลตยังใช้เอฟเฟกต์พารัลแลกซ์ ซึ่งทำให้ผู้ชมประทับใจเมื่อดูภาพถ่าย

35. แอป Retina Ready Responsive - เทมเพลตหน้า Landing Page ฟรีโดยใช้ HTML5 และ CSS3

ดังที่ชื่อบอกไว้ เทมเพลตเว็บไซต์ที่ยอดเยี่ยมนี้ไม่เพียงแต่เหมาะสำหรับหน้า Landing Page เท่านั้น แต่ยังตอบโจทย์เทรนด์มือถือใหม่ๆ โดยเฉพาะอย่างยิ่งในแง่ของความชัดเจนในการแสดงผลบนอุปกรณ์ที่มีจอแสดงผล Retina

36. Brushed - เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่ตอบสนองตามกลไก Bootstrap

Brushed เป็นเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่ตอบสนองและฟรี โดยใช้กลไก Bootstrap ปรับให้เหมาะสมสำหรับจอแสดงผล Retina (iPhone, iPad, iPod Touch และ MacBook Pro Retina)

37. เทมเพลตเว็บไซต์ Big Picture HTML5 และ CSS3

ยินดีต้อนรับสู่ภาพใหญ่! เทมเพลตเว็บไซต์ HTML5 ที่ตอบสนองได้ดีนี้เหมาะสำหรับคนที่มีความคิดสร้างสรรค์ทุกคนซึ่งมีสิ่งที่จะแสดง และแสดงสิ่งที่ยิ่งใหญ่และน่าประทับใจบนเว็บไซต์ของพวกเขา นอกจากนี้เทมเพลตยังใช้แอนิเมชั่นที่ยอดเยี่ยมอีกด้วย

38. Tesselatte – เทมเพลต HTML5 และ CSS3 ที่ตอบสนองฟรี

เทมเพลตหน้าเดียวที่เรียบง่ายที่คำนึงถึงเครื่องมือที่จำเป็นทั้งหมดสำหรับการสร้างเว็บไซต์ที่ประสบความสำเร็จ เหมาะสำหรับบล็อกส่วนตัวของนักเขียน นักเขียนคำโฆษณา หรือผู้ชื่นชอบงานเขียน

39. Overflow - เทมเพลตเว็บไซต์ที่ไม่ซ้ำใครที่ใช้ HTML5 และ CSS3

เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่ไม่เหมือนใครนี้เหมาะสำหรับคนที่มีความคิดสร้างสรรค์ มันตอบสนองอย่างเต็มที่และฟรีโดยสมบูรณ์

40. Runkeeper - เทมเพลตเว็บไซต์ที่ตอบสนองและสวยงามมาก

Runkeeper เป็นเทมเพลตเว็บไซต์ฟรี ตอบสนองได้ดี และสวยงามมาก สามารถใช้สำหรับเว็บไซต์เรื่องใดก็ได้ สไตล์ที่ยอดเยี่ยมและแบบอักษรที่ชัดเจน การออกแบบที่ตอบสนองและรายละเอียดเทมเพลตที่น่าประทับใจ ทุกอย่างเหมาะกับคุณ!

41. รูปแบบตารางที่ตอบสนองต่อพินบอล - เทมเพลตเว็บไซต์แบบกริดที่ยอดเยี่ยม

เทมเพลตเว็บไซต์แบบตารางกริดระดับมืออาชีพที่น่าทึ่งนี้เหมาะสำหรับเว็บไซต์องค์กร การออกแบบที่เรียบหรูทันสมัยและโครงสร้างที่ตอบสนองของเทมเพลตจะแสดงได้อย่างสมบูรณ์แบบทั้งบนจอภาพขนาดใหญ่และอุปกรณ์มือถือ

42. อารัมภบท - ล้างเทมเพลตเว็บไซต์หน้าเดียวโดยใช้ HTML5 และ CSS3

เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สะอาดตา เรียบง่าย และชัดเจนนี้เหมาะสำหรับการสร้างแลนดิ้งเพจ การออกแบบที่เรียบง่ายไม่หันเหความสนใจไปจากสิ่งสำคัญ แถบนำทางด้านข้างแบบเลื่อนที่สะดุดตาและบรรทัดหน้าที่สะอาดตาเป็นเพียงส่วนผสมที่ลงตัว!

43. Helios - เทมเพลตเว็บไซต์สมัยใหม่ที่ใช้ HTML5 และ CSS3 ล้วนๆ

อีกหนึ่งเทมเพลตเว็บไซต์ในสไตล์มินิมอลลิสต์และรูปแบบที่สะอาดตา ออกแบบมาโดยเฉพาะเพื่อใช้ประโยชน์จากหน้าจอแสดงผลขนาดใหญ่ แต่ยังปรับให้เข้ากับหน้าจอขนาดเล็กของอุปกรณ์มือถือได้อย่างสมบูรณ์แบบ

44. Telephasic - เทมเพลตเว็บไซต์ HTML5 ฟรีและตอบสนองได้ดี

เทมเพลตเว็บไซต์ที่ทันสมัย ​​ตอบสนองได้ดี และไม่เสียค่าใช้จ่ายใดๆ นี้มีข้อได้เปรียบที่สำคัญอย่างหนึ่ง นั่นคือ เรียบง่ายและกระชับ แต่นี่คือสิ่งที่หลายๆ คนยังขาดอยู่

45. Strongly Typed - เทมเพลตเว็บไซต์ที่สวยงามมากในสไตล์กึ่งย้อนยุค

เทมเพลตเว็บไซต์ใหม่ที่มีสไตล์กึ่งย้อนยุคที่เรียบง่าย มันเป็นเพียงความย้อนยุคที่ไม่เป็นแฟชั่นอีกต่อไป แต่ยังมีคำใบ้เล็กน้อยที่ยินดีเป็นอย่างยิ่ง เทมเพลตเว็บไซต์นี้ตอบสนองได้อย่างเต็มที่ สร้างขึ้นจาก HTML5 และ CSS3 ล้วนๆ และมีองค์ประกอบหน้าหลักที่จำเป็นทั้งหมด เทมเพลตที่พิมพ์อย่างเข้มงวดเหมาะสำหรับเว็บไซต์ที่สร้างสรรค์ เช่น สำหรับเว็บไซต์เกี่ยวกับการตกแต่งบ้าน

46. ​​​​Striped - เทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่สะอาดตาสวยงามและใช้งานได้

เทมเพลตเว็บไซต์ใหม่สดและสะอาด สวยงามและใช้งานได้จริงใน HTML5 และ CSS3 มีองค์ประกอบของหน้าที่จำเป็นทั้งหมดอยู่ในคลังแสง รวมถึงคำพูด ตาราง และรายการที่ได้รับการออกแบบ รวมถึงแถบด้านข้างที่ปรับเปลี่ยน (ทางด้านขวาหรือซ้าย - ตามที่คุณต้องการ)

47. ความเท่าเทียม - เทมเพลตเว็บไซต์ที่แปลกตาและมีสไตล์โดยใช้ HTML5 และ CSS3

ความเท่าเทียมเป็นเทมเพลตเว็บไซต์ที่มีสไตล์สำหรับจัดระเบียบแฟ้มผลงานหรือภาพถ่าย สิ่งที่ทำให้มันผิดปกติคือการเลื่อนที่นี่ไม่ใช่แนวตั้งเหมือนปกติ แต่เป็นแนวนอน สิ่งนี้ทำให้เว็บไซต์มีความเก๋ไก๋และน่าจดจำเป็นพิเศษ

48. Miniport - เทมเพลตเว็บไซต์ HTML5 ที่ตอบสนองอย่างเต็มที่ในสไตล์มินิมอล

เทมเพลตเว็บไซต์ที่ยอดเยี่ยมในสไตล์มินิมอลบน HTML5 เหมาะสำหรับเว็บไซต์/บล็อกส่วนตัว รวมถึงเว็บไซต์บริษัทหน้าเดียวขนาดเล็ก หรือเว็บไซต์นามบัตร

49. Verti – เทมเพลตเว็บไซต์ HTML5 ที่กว้างขวางและตอบสนองฟรี

การออกแบบเทมเพลตเว็บไซต์ที่สะอาดตาและกว้างขวางนี้เหมาะสำหรับเว็บไซต์องค์กรขนาดใหญ่หรือโครงการเชิงพาณิชย์ ตอบสนองและสะดวกทั้งผู้เขียนและผู้ใช้

50. ZeroFour – เทมเพลตเว็บไซต์ที่น่าประทับใจและมีสไตล์โดยใช้ HTML5 และ CSS3

และสุดท้ายในรายการ แต่ไม่ใช่อย่างน้อยในแง่ของคุณภาพและประสิทธิผลของการมองเห็น คือเทมเพลตเว็บไซต์ - ZeroFour การออกแบบอย่างมีสไตล์ เมนูที่สวยงามมาก รูปแบบและปุ่มที่ปรับแต่งได้อย่างลงตัว ไอคอนที่สวยงาม และอื่นๆ อีกมากมาย และทั้งหมดนี้ฟรีอย่างแน่นอน!

ฉันหวังว่าคุณจะพบสิ่งที่เหมาะกับตัวคุณเองจากเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่น่าทึ่งเหล่านี้ ขอให้โชคดี!

คั่นหน้าไว้เพื่อให้คุณสามารถค้นหาได้อย่างรวดเร็ว

PS: หากคุณไม่สามารถเลือกได้ โปรดอ่านบทความ “ฉันไม่รู้ว่าฉันต้องการอะไร” มันจะมีประโยชน์

ปลั๊กอิน WP WP-Recall สามารถขยายได้ด้วยส่วนเสริมของบุคคลที่สาม เราได้จัดการช่วงเวลานี้แล้ว

มีหมวดหมู่แยกต่างหากของ Add-on WP-Recall: - ตามลิงก์ไปยังแค็ตตาล็อก Add-on และตรวจสอบเทมเพลตที่มีอยู่ (ทั้งเทมเพลตฟรีและเทมเพลต VIP และ LC ระดับพรีเมียมจะแสดงอยู่ที่นั่น)

เทมเพลตบัญชีส่วนบุคคลเป็นโซลูชันสำเร็จรูปที่แสดงถึงบัญชีส่วนบุคคล (PA) ของผู้ใช้ใน wp ในจอแสดงผลที่แตกต่างไปจากเดิมอย่างสิ้นเชิง ปลั๊กอินจำนวนมากนำเสนอบัญชีส่วนตัวของผู้ใช้โดยไม่มีความสามารถในการเปลี่ยนรูปลักษณ์ของพวกเขา - ใน WP-Recall ปัญหานี้แก้ไขได้โดยเพียงแค่สลับในแผงผู้ดูแลระบบ

คุณสามารถปรับใช้บัญชีส่วนตัวของผู้เขียนบนเว็บไซต์ WordPress ของคุณได้อย่างง่ายดาย เพียงคลิกไม่กี่ครั้ง

ในขณะนี้ การกำหนดค่าพื้นฐานของปลั๊กอินประกอบด้วยส่วนเสริมเทมเพลตบัญชีส่วนตัวฟรี 2 รายการ: Sunshine และ Grace สิ่งเหล่านี้เป็นเทมเพลตบัญชีส่วนบุคคลที่ปรับเปลี่ยนได้ (ตอบสนอง) (โดยที่ธีม WordPress ของคุณตอบสนอง) ช่วยให้ผู้ใช้สามารถใช้งานสำนักงานได้อย่างสะดวกสบายทั้งบนพีซีและบนแท็บเล็ตหรืออุปกรณ์พกพา เมนูแท็บถูกจัดกลุ่มและซ่อนไว้ในไอคอน "เบอร์เกอร์" ที่รู้จักกันดีโดยคลิกที่เมนูมือถือ ดังนั้น แท็บจำนวนมากในบัญชีส่วนตัวของคุณจะไม่ทำลายเทมเพลตบัญชี ทำให้มีอินเทอร์เฟซผู้ใช้ที่สะดวกสบาย

การติดตั้งเทมเพลตบัญชีส่วนบุคคล เปิดใช้งานและอัปเดต:

การติดตั้งเทมเพลตบัญชีส่วนตัว:ไม่ต่างจากการติดตั้งโปรแกรมเสริม WP-Recall ใหม่
ไปที่แผงผู้ดูแลระบบ: "WP-Recall" -> "เทมเพลต" และใน "ดาวน์โหลดโปรแกรมเสริมสำหรับ WP-Recall ในรูปแบบ .zip" ให้เลือกไฟล์ zip ของโปรแกรมเสริมเทมเพลตบัญชีส่วนบุคคล และอัปโหลดไปยังเซิร์ฟเวอร์ .

การเปิดใช้งานเทมเพลตบัญชีส่วนตัว:- คุณสามารถเปิดใช้งานเทมเพลตบัญชีส่วนตัวได้ครั้งละหนึ่งเทมเพลตเท่านั้น หากต้องการเปิดใช้งาน ในหน้า “WP-Recall” -> “เทมเพลต” ให้ชี้ไปที่เทมเพลตที่ต้องการในรายการแล้วคลิก “เชื่อมต่อ”

อัปเดตเทมเพลตของบุคคลที่สามถูกสร้างขึ้นในลักษณะเดียวกับส่วนเสริมของบุคคลที่สาม - งานที่กล่าวถึงในบทที่ 1 เทมเพลตฐานได้รับการอัปเดตเมื่อมีการอัปเดตปลั๊กอิน

โครงสร้างพื้นฐานของเทมเพลตบัญชีส่วนบุคคล:

แน่นอนว่าการจับคู่ 100% ขึ้นอยู่กับเทมเพลตที่ใช้ แต่ตามกฎแล้ว โครงสร้างของตู้จะเป็นดังนี้:

ในพื้นที่ด้านบน เทมเพลตจะลงทะเบียนแถบด้านข้าง (ในแผงผู้ดูแลระบบ: “ลักษณะที่ปรากฏ” -> “วิดเจ็ต”) - เช่น คุณสามารถวางรหัสย่อ ข้อความ หรือวิดเจ็ตอื่นๆ ไว้ที่นั่นได้
ในพื้นที่: การดำเนินการ ตัวนับ และเมนู ส่วนเสริมจะแสดงปุ่ม และในพื้นที่เมนู เมื่อล้น ปุ่มจะพับอยู่ใน "เมนูมือถือ" ตรงกลางบัญชีส่วนบุคคลจะมีพื้นที่เนื้อหาสำหรับบัญชีส่วนบุคคลของคุณ - นี่เป็นพื้นที่แถบด้านข้างสำหรับวิดเจ็ตด้วย

และในห้องใต้ดินของบัญชีส่วนตัว คุณยังสามารถดูพื้นที่วิดเจ็ตที่ลงทะเบียนไว้ได้ด้วย

ดังนั้น หากไม่มีการเขียนโปรแกรม เราสามารถเสริมบัญชีส่วนตัวของผู้ใช้ด้วยข้อมูลที่เราต้องการ - เพียงแค่ทำเครื่องหมายโดยใช้วิดเจ็ต

การปรับแต่งเทมเพลตบัญชีส่วนบุคคล:

หากพื้นที่วิดเจ็ตไม่เพียงพอสำหรับคุณ คุณสามารถเสริมเทมเพลตบัญชีส่วนบุคคลด้วยพื้นที่ของคุณเองหรือปรับเค้าโครงของบัญชีให้เหมาะกับตัวคุณเอง

ฉันพูดคุยเกี่ยวกับการทำงานของเทมเพลต WP-Recall (เทมเพลตเพื่อไม่ให้สับสนกับเทมเพลตบัญชีส่วนบุคคล) ในบทที่ 1
ดังนั้น: คุณสามารถเปลี่ยนเทมเพลตบัญชีส่วนบุคคลได้ หากคุณต้องการเปลี่ยนแปลงบางอย่างในเค้าโครง โปรดอ่านคำแนะนำ “การใช้ฟังก์ชันเทมเพลตในปลั๊กอิน WP-Recall” ในโฟลเดอร์เทมเพลตบัญชีส่วนตัวจะมีเทมเพลต office.php - คัดลอกไปยังเส้นทางที่ปลอดภัยและทำการเปลี่ยนแปลงที่นั่น ด้วยวิธีนี้คุณจะไม่สูญเสียมันไปเมื่ออัปเดตปลั๊กอินและส่วนเสริมเทมเพลตบัญชีส่วนบุคคล

ปลั๊กอิน WP-Recall มี hooks และตัวกรอง - แต่สำหรับวัตถุประสงค์ของหนังสือสำหรับผู้เริ่มต้นนี้ เราจะไม่ครอบคลุมถึงปัญหาการพัฒนา

บัญชีส่วนตัวของปลั๊กอินเวอร์ชันพื้นฐาน:

ปลั๊กอินเวอร์ชันพื้นฐานประกอบด้วยส่วนเสริมเทมเพลตบัญชีส่วนตัว 2 รายการ นี่คือซันไชน์และเกรซ มาดูคุณสมบัติและรูปลักษณ์ของพวกเขากัน:

เทมเพลตบัญชีส่วนตัว WP-Recall ซันไชน์

ลักษณะที่ปรากฏของเทมเพลต "Sunshine"

เทมเพลตอนุญาตให้ผู้ใช้ตั้งค่าหน้าปกในส่วนหัวของเทมเพลต (ไอคอนที่ด้านบนขวา) ตั้งค่าอวตาร (ไอคอนในพื้นที่อวาตาร์) แสดงบล็อกข้อมูลเกี่ยวกับผู้ใช้ (ไอคอน "I" ที่ด้านบนของ อวตาร "ข้อมูลโดยละเอียด"):

ข้อมูลเกี่ยวกับผู้ใช้ประกอบด้วย: การขยายอวาตาร์ สถานะ (คำอธิบาย) และฟิลด์โปรไฟล์ที่รวมอยู่ในการแสดงในตัวจัดการฟิลด์โปรไฟล์สำหรับผู้ใช้รายอื่น

เทมเพลตบัญชีส่วนบุคคลจะลงทะเบียนวิดเจ็ตสามส่วน: RCL: แถบด้านข้างเนื้อหาบัญชีส่วนบุคคล, RCL: แถบด้านข้างเหนือบัญชีส่วนบุคคล และ RCL: แถบด้านข้างภายใต้บัญชีส่วนบุคคล ดูในแผงผู้ดูแลระบบ: “ลักษณะที่ปรากฏ” -> “วิดเจ็ต”

เทมเพลตช่วยให้คุณสามารถแสดงปุ่มจากพื้นที่เมนูในมุมมองทั้งแนวตั้งและแนวนอน (การตั้งค่าในแผงผู้ดูแลระบบ: "WP-Recall" -> "การตั้งค่า" -> "การตั้งค่าทั่วไป" -> "ตำแหน่งของปุ่มแสดงแท็บ") .

เมื่อล้นปุ่มแนวนอนจะยุบลงในเมนูมือถือ:

เมื่อคุณคลิกที่ไอคอน "เบอร์เกอร์" คุณจะเห็นปุ่มที่เหลือในบัญชีส่วนตัวของคุณ:

สีของปุ่มจะถูกปรับผ่านการตั้งค่าทั่วไป: “WP-Recall” -> “การตั้งค่า” -> “การตั้งค่าทั่วไป” -> “การออกแบบ” -> “สีหลัก” - ด้วยวิธีนี้คุณสามารถปรับแต่งให้ตรงกับสีได้ ของเว็บไซต์ของคุณ

ในปลั๊กอินเวอร์ชันพื้นฐาน บัญชีส่วนตัวของผู้เขียนอนุญาตให้คุณแสดง:
1. แชท (โต้ตอบในข้อความส่วนตัว)
2. แสดงการตั้งค่าโปรไฟล์ (กรอกข้อมูลในช่องโปรไฟล์ที่กำหนดเอง) - ผู้ใช้สามารถกรอกได้โดยไม่ต้องเข้าสู่แผงผู้ดูแลระบบ (wp-admin)
3. แสดงกลุ่มที่สร้างขึ้น
4. แสดงโพสต์ WordPress ของผู้เขียนคนนี้
5. แสดงแบบฟอร์มสิ่งพิมพ์
6. คำสั่งซื้อที่สร้างในร้านค้าออนไลน์โดยอิงตาม Add-on Commerce ฟรี
7. แสดงรายการหัวข้อฟอรั่มที่สร้างขึ้น (โปรแกรมเสริม PrimeForum)
8. แสดงรายละเอียดการให้คะแนนของผู้ใช้
9. แสดงรายการสมาชิกและการสมัครสมาชิกผู้เขียนคนอื่น
10... แท็บที่กำหนดเองที่สร้างโดยผู้ดูแลระบบในแผงผู้ดูแลระบบ

การออกแบบตู้ที่ปรับเปลี่ยนได้ช่วยให้สามารถใช้งานได้อย่างสะดวกเท่าเทียมกันบนพีซี แท็บเล็ต และอุปกรณ์เคลื่อนที่:

เทมเพลตบัญชีส่วนบุคคล WP-Recall เกรซ

เทมเพลต Grace นำเสนอฟีเจอร์บัญชีส่วนตัวเช่นเดียวกับ Sunshine (ยกเว้น: ปุ่มสำหรับแสดงแท็บบัญชีส่วนตัว - เฉพาะมุมมองแนวตั้งและลงทะเบียนพื้นที่วิดเจ็ต 2 ส่วน - ด้านบนและด้านล่างของบัญชี) ดังนั้นสิ่งที่กล่าวมาข้างต้นก็เป็นจริงเช่นกัน .

มาดูรูปลักษณ์ของเทมเพลตบัญชีส่วนตัว WordPress นี้:

ลักษณะที่ปรากฏของเทมเพลต "เกรซ"

และรูปลักษณ์ของมันบนอุปกรณ์พกพา:

บัญชีผู้ใช้ส่วนตัวของบุคคลที่สาม:

เทมเพลตส่วนเสริมส่วนบุคคลของบุคคลที่สาม - เทมเพลตบัญชีส่วนบุคคลอื่น ๆ ทั้งหมดที่มีให้จากหน้า: เทมเพลตบัญชีส่วนบุคคล WP-Recall

คำอธิบายของคุณสมบัติสามารถพบได้ในหน้าคำอธิบาย นอกจากนี้ยังมีภาพหน้าจอ ด้านล่างนี้ฉันจะนำเสนอภาพหน้าจอหลายภาพพร้อมชื่อของสำนักงาน WordPress - "เพื่อความสมบูรณ์":

เทมเพลต LC "ข้ามมหาสมุทร"
เทมเพลต LC "ข้ามมหาสมุทร PRO"
เทมเพลต LC "แนวธีม"
เทมเพลต LC "ธีมท้องฟ้าแจ่มใส"
เทมเพลต LC "การควบคุมธีม"
เทมเพลตบัญชีส่วนบุคคล "การควบคุมธีม" และ "แท็บข้อมูลผู้ใช้" เพิ่มเติม
เทมเพลต LC "แสง"

ตารางเปรียบเทียบความสามารถของเทมเพลต LC:

ในตารางนี้ ฉันวิเคราะห์เทมเพลตบัญชีส่วนตัว WordPress ที่มีอยู่ทั้งหมดในปัจจุบันสำหรับปลั๊กอิน WP-Recall ฉันเน้นประเด็นหลักและคุณลักษณะจากพวกเขา:

คำอธิบายสำหรับตาราง:
หน้าจอที่ 1 คือหน้าจอทันทีที่เข้าสู่บัญชีส่วนตัว wp ของคุณ เช่น โดยไม่มีการเปลี่ยนแปลงใดๆ เพิ่มเติม

ในบรรดาเทมเพลตทั้งหมด มีเทมเพลตเดียวเท่านั้น - "การควบคุมธีม" - รองรับการขยายขีดความสามารถผ่านส่วนเสริม
นี่คือส่วนเสริมแท็บข้อมูลผู้ใช้

เครื่องมือปรับแต่ง (WP Tools): หมายความว่าเทมเพลตอนุญาตให้ผู้ใช้สามารถกำหนดค่าสีที่กำหนดเองได้ โรคหลอดเลือดสมอง สีของพื้นที่สำนักงาน ทางเลือกของอวตารแบบสี่เหลี่ยมหรือแบบกลม ตั้งค่าไว้ในแผงผู้ดูแลระบบผ่าน: “ลักษณะที่ปรากฏ” -> “ปรับแต่ง” การตั้งค่าทั้งหมดเกิดขึ้นแบบเรียลไทม์ - เช่น คุณจะเห็นการเปลี่ยนแปลงที่คุณทำทันทีโดยไม่ต้องโหลดหน้าซ้ำ

Lifehacks ของเทมเพลตบัญชีส่วนตัว:

หากบัญชีส่วนตัวของคุณแสดงผ่านรหัสย่อ:
"WP-Recall" -> "การตั้งค่า" -> "การตั้งค่าทั่วไป (รวมถึงการตั้งค่าขั้นสูง)" -> "ขั้นตอนสำหรับการแสดงบัญชีส่วนบุคคลของคุณ" -> "ผ่านรหัสย่อ wp-recall"

จากนั้นคุณสามารถเปลี่ยนชื่อบัญชีส่วนตัวของคุณ "สำนักงานส่วนบุคคล" เป็นของคุณเองหรือลบออกทั้งหมด:

บางทีธีม VP ของคุณอาจทำให้คุณแสดงตู้ได้เต็มความกว้าง ในการดำเนินการนี้ ให้ไปที่แผงผู้ดูแลระบบไปยังเพจที่ป้อนรหัสย่อ wp-recall และทางด้านขวา (หรือด้านล่าง) ในคุณสมบัติของเพจ เลือก "เทมเพลต" (ดูภาพหน้าจอด้านบน)

คุณสามารถเปลี่ยน URL บัญชีของคุณในหน้าเดียวกันเป็นของคุณเองได้ - ใต้ชื่อหน้า: "ลิงก์ถาวร" - "แก้ไข" (ดูภาพหน้าจอด้านบน)

คุณสามารถเปลี่ยนรูปแบบของลิงก์ไปยังบัญชีส่วนตัวของคุณได้ในการตั้งค่าขั้นสูงของปลั๊กอิน ตัวอย่างเช่น เมื่อใช้ life hack ข้างต้น เราได้เปลี่ยนส่วนบุ้งของหน้าบัญชีบนหน้าด้วยรหัสย่อแล้ว ตอนนี้เรามาเปลี่ยนพารามิเตอร์ตัวที่สอง:

อื่น:
หากคุณต้องการลิงก์ไปยังบัญชีเช่น: your-site/author/masha/ โดยที่ masha คือการเข้าสู่ระบบของผู้ใช้ที่เขาลงทะเบียนด้วย คุณจะต้องกำหนดค่าผลลัพธ์ของบัญชีผ่านไฟล์เทมเพลต WordPress author.php . คุณต้องมีความรู้เกี่ยวกับวิธีการทำเช่นนี้ คุณจะพบคำอธิบาย - วิธีที่สอง

หรือเลือกและซื้อเทมเพลต VP เด็กสำเร็จรูปซึ่งงานนี้ดำเนินการโดยผู้เชี่ยวชาญแล้ว ลิงก์ไปยังเทมเพลตย่อย

คุณสามารถให้โอกาสผู้ใช้ในการเปลี่ยนส่วนของ URL ที่มีการเข้าสู่ระบบเป็นของคุณเองและน่าสนใจยิ่งขึ้น ซึ่งสามารถทำได้โดยใช้โปรแกรมเสริม Pretty URL Author - เช่น รับฟังก์ชันการเปลี่ยนชื่อใน URL เช่นเดียวกับในโซเชียลเน็ตเวิร์ก VKontakte

คุณกำลังมองหาปลั๊กอินบัญชีส่วนตัวสำหรับ WordPress หรือไม่? WP-Recall เหมาะสำหรับงานนี้

สมัครสมาชิกเพื่อรับหนังสือเวอร์ชันออฟไลน์ฟรี: “WP-Recall for a Beginner” ในรูปแบบ pdf
ระบุอีเมลของคุณที่ฉันจะส่งหนังสือเล่มนี้ให้คุณทันทีที่เสร็จสิ้น

ในโลกยุคใหม่ บางครั้งการมีเว็บไซต์เป็นของตัวเองก็มีความสำคัญไม่แพ้กัน เช่น การมีหมายเลขโทรศัพท์หรือที่อยู่อีเมล น่าเสียดายที่ไม่ใช่ทุกคนสามารถสร้างเว็บไซต์ระดับมืออาชีพที่สวยงามได้ด้วยตัวเอง และบางครั้งก็ไม่ได้ผลด้วยซ้ำ การสั่งซื้อจากโปรแกรมเมอร์ก็ไม่ใช่วิธีแก้ปัญหาที่ดีเช่นกัน เนื่องจากทุกคนไม่สามารถจ่ายได้

เทมเพลตเว็บไซต์ HTML ฟรีจะช่วยให้คุณหลุดพ้นจากสถานการณ์นี้ได้ เทมเพลตเว็บไซต์ HTML คือชุดของหน้าคงที่สำเร็จรูปสำหรับเว็บไซต์ในหัวข้อเฉพาะ เมื่อใช้เทมเพลตนี้ คุณสามารถสร้างเว็บไซต์ง่ายๆ ได้ภายในเวลาเพียงไม่กี่ชั่วโมง โดยที่คุณมีความรู้พื้นฐานเกี่ยวกับมาร์กอัป HTML ในส่วน HTML คุณจะได้รับความรู้นี้หากคุณใช้เวลาศึกษาอีกสองสามชั่วโมง และหากคุณใช้เวลาศึกษาส่วน CSS คุณจะสามารถควบคุมการออกแบบเทมเพลตเว็บไซต์ HTML ได้อย่างเต็มที่ และปรับแต่งให้เหมาะสมอย่างสมบูรณ์ ความต้องการของคุณ

ข้อดีอีกประการที่ปฏิเสธไม่ได้ของเทมเพลตเว็บไซต์ก็คือ ในกรณีส่วนใหญ่ เทมเพลตเหล่านี้เขียนโดยผู้เชี่ยวชาญ เทมเพลตเว็บไซต์ระดับมืออาชีพไม่เพียงแต่หมายถึงการออกแบบที่สวยงามและทันสมัย ​​แต่ยังรวมถึงวิธีการเขียนโค้ดด้วย เครื่องมือค้นหาจะดูว่าเว็บไซต์ของคุณเขียนอย่างไร ไม่ว่าโค้ดนั้นได้รับการปรับให้เหมาะกับ SEO หรือไม่ และด้วยเหตุนี้ โค้ดเหล่านี้จะลดหรือเพิ่มตำแหน่งของคุณในผลการค้นหา ดังนั้นเว็บไซต์ที่ดีไม่เพียงแต่จะต้องสวยงามและทันสมัยซึ่งเป็นสิ่งสำคัญ แต่ยังต้องเขียนโค้ดให้ถูกต้องด้วย

ดาวน์โหลดเทมเพลตเว็บไซต์ HTML ฟรีและสร้างโครงการของคุณในเวลาอันรวดเร็ว