วิธีแก้ไขหน้าใน WordPress – ควบคุมตัวแก้ไข WordPress

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

ดูเพิ่มเติมที่: วิธีแก้ไขชื่อเพจ >

ตัวอย่างที่ผมเคยใช้ที่นี่เป็นในระบบ WordPress.org แต่ WordPress.com ก็เปรียบมากในทางหน้ามีการเปลี่ยนแปลง โพสต์นี้จะเป็นประโยชน์สำหรับทั้งสอง

อัปเดต. โพสต์นี้อ้างถึง WordPress Classic Editor ไม่ใช่ WordPress Blocks aka Glutenberg WordPress Editor ที่ใช้ตั้งแต่ปี 2018 อย่างไรก็ตาม โพสต์นี้ยังคงมีประโยชน์สำหรับบางคน

ลองดูสิ่งที่คุณจะได้เรียนรู้

ในตอนท้ายของบทความนี้ คุณควรเข้าใจวิธีจัดรูปแบบและแก้ไขหน้าใน WordPress โดย:

• แก้ไขและบันทึกในส่วนผู้ดูแลระบบ
• การดูการเปลี่ยนแปลงที่ส่วนหน้า
• และใช้เครื่องมือจัดรูปแบบในตัวแก้ไข WordPress

ก่อนอัปเดตโพสต์หรือหน้าใดๆ ให้สำรองฐานข้อมูล WordPress ฉันใช้ DB Migrate ซึ่งเป็นปลั๊กอินสำรองและย้ายข้อมูลที่ให้บริการฟรี

สิ่งที่คุณต้องการในการแก้ไขหน้าใน WordPress

• ชื่อผู้ใช้และรหัสผ่าน WordPress จากนักพัฒนาเว็บของคุณ
• URL ของส่วนการบริหาร (เรียกอีกอย่างว่าที่อยู่เว็บ หรืออาจเป็นลิงก์)

เมื่อคุณมีสิ่งเหล่านี้แล้ว ให้ไปที่ URL ของคุณโดยพิมพ์ลงในเบราว์เซอร์หรือคลิกลิงก์

พิมพ์ชื่อผู้ใช้และรหัสผ่านแล้วกด เข้าสู่ระบบ คุณจะมาถึงแดชบอร์ดของ WordPress

ดูเว็บไซต์ WordPress ในแท็บใหม่

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

วิธีที่ง่ายที่สุดในการเปิดส่วนหน้าของเว็บไซต์ WordPress ของคุณในแท็บใหม่คือ

• ในพื้นที่ผู้ดูแลระบบ – วางเมาส์เหนือไอคอนบ้าน ด้านบนซ้ายของหน้าจอ
• จากเมนูแบบเลื่อนลง ให้ คลิกขวา ที่ 'เยี่ยมชมเว็บไซต์'
• คลิก "เปิดลิงก์ในแท็บใหม่" ฉันได้ขีดเส้นใต้สีแดงไว้ด้านล่าง

หมายเหตุ อาจมีคำหลากหลายขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้

ขณะนี้แท็บเบราว์เซอร์สองแท็บเปิดขึ้น หมายความว่าคุณสามารถสลับไปมาระหว่างแท็บทั้งสองได้

ดำเนินการต่อเพื่อแก้ไขหน้า WordPress ในแท็บเดียวโดยใช้พื้นที่ผู้ดูแลระบบ

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

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

การแก้ไขเนื้อหาของหน้าใน WordPress

ตอนนี้คุณได้ตั้งค่าพื้นที่ทำงานของคุณแล้ว มาเริ่มกันที่ส่วนผู้ดูแลระบบกัน ที่นี่คุณจะพบกับตัวแก้ไข WordPress

คลิก PAGES ที่เมนูด้านซ้ายมือ หน้าต่างๆ ภายในไซต์ของคุณมีการระบุไว้

ตัวเลือกเพิ่มเติมจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือชื่อหน้า

EDIT จะนำคุณไปสู่หน้าจอแก้ไขแบบเต็ม

QUICK EDIT จะทำให้คุณสามารถเปลี่ยนชื่อเรื่อง กระสุน วันที่ ความเป็นส่วนตัว ผู้ปกครอง คำสั่ง แม่แบบ และสถานะจากหน้าจอนี้

BIN จะส่งเพจไปที่ถังขยะ หน้าจะไม่ปรากฏบนเว็บไซต์อีกต่อไป

VIEW จะช่วยให้คุณเห็นหน้านี้โดยเฉพาะ - ส่วนหน้า (หรือส่วนสาธารณะ)

หากต้องการแก้ไขเพจ ให้คลิกตัวเลือกแรก แก้ไข หรือคลิกที่ชื่อเพจ

คุณจะมาถึงหน้าจอ 'แก้ไขหน้า' ของ WordPress

การแก้ไขหน้าในบทช่วยสอน WordPress

อันดับแรก ฉันต้องให้ความสนใจกับธีมและปลั๊กอินใน WordPress ในบางครั้ง ปรับแต่งหน้าจอ 'แก้ไขหน้า'

ตัวอย่างเช่น DIVI ใช้อินเทอร์เฟซที่เรียกว่า DIVI Builder; Avada เรียกว่า Fusion Builder

ใช้รุ่นไหนอยู่ครับ?

ตัวแก้ไข WordPress ล่าสุดคือ Gutenberg Block Editor หากหน้าของคุณคล้ายกับภาพด้านล่าง แสดงว่าคุณกำลังใช้บล็อก – ไปที่โพสต์ของฉันในเครื่องมือแก้ไขบล็อก

หากตัวแก้ไข WordPress คล้ายกับภาพด้านล่าง แสดงว่าคุณกำลังใช้ตัวแก้ไข WordPress แบบคลาสสิก

หากคุณไม่ได้ใช้ตัวสร้างแบบกำหนดเอง เราสามารถเริ่มต้นได้

ไอคอนปุ่มแก้ไข WordPress อธิบาย

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

ไอคอนสลับแถบเครื่องมือมีลักษณะดังนี้:

ไอคอนปุ่มนี้แสดงหรือซ่อนตัวเลือกการจัดรูปแบบพิเศษ ให้มันเปิดใช้งาน

การจัดรูปแบบข้อความใน WordPress

เช่นเดียวกับโปรแกรมแก้ไข WordPress ส่วนใหญ่ คุณสามารถเน้นข้อความและจัดรูปแบบได้

จากซ้ายไปขวาบนแถบแก้ไขหลักคือ:

B – ทำให้ข้อความเป็นตัวหนาหรือเข้ม
ฉัน – ใส่ข้อความที่เน้นเป็นตัวเอียง
ABC – จะเพิ่มขีดทับข้อความของคุณราวกับว่าจะขีดฆ่า สะดวกสำหรับสินค้าที่ขาย

ไอคอนปุ่มสำหรับรายการที่ไม่เรียงลำดับในการสนทนาทางเว็บ แต่ WordPress เรียกมันว่ารายการหัวข้อย่อย ใช้สิ่งนี้เพื่อสร้างรายการ ตัวอย่างเช่น:

• นี่คือจุดแรก
• นี่คือลำดับที่สองของการสั่งซื้อ

ที่ส่วนท้ายของแต่ละบรรทัด คลิก return (หรือ enter) ทุกครั้งที่คุณต้องการให้สัญลักษณ์แสดงหัวข้อย่อยใหม่

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

• นี่คือชื่อเรื่องของประเด็นแรกของฉัน
  ฉันพูดเล็กน้อยเกี่ยวกับสิ่งนี้ด้านล่างโดยกดปุ่ม SHIFT-ENTER
• ตอนนี้ฉันมีจุดที่สองของฉัน
  เล็กน้อยเกี่ยวกับเรื่องนี้

หากต้องการยกเลิกรายการ ให้กด return สองครั้งหลังบรรทัดสุดท้าย หรือกดที่ไอคอนเป็นครั้งที่สอง WordPress จะกลับสู่ย่อหน้าปกติ

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

ไอคอนนี้เป็นรายการตัวเลข เรียกว่า รายการสั่งซื้อในภาษาอินเทอร์เน็ต ใช้ในลักษณะเดียวกับรายการหัวข้อด้านบน ยกเว้นรายการจะมีหมายเลข

Blockquotes เยื้องบรรทัดข้อความ อีกครั้ง ธีมหรือนักพัฒนาเว็บอาจกำหนดรูปแบบเหล่านี้ ดังนั้นคุณอาจไม่สามารถจัดรูปแบบได้

ถัดลงมาเป็นเส้นแนวนอน ใช้เส้นแนวนอนเพื่อสร้างตัวแบ่งส่วนข้อความ ธีมควบคุมสไตล์ รูปแบบด้านบนคือรูปแบบเริ่มต้น – เส้นสีเทาที่ 1 พิกเซล

การจัดตำแหน่งย่อหน้าใน WordPress

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

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

คลิกที่บรรทัดข้อความ จากนั้นคลิกเครื่องมือจัดตำแหน่ง—การจัดตำแหน่งจะมีผลกับทั้งย่อหน้า

บ่อยครั้ง ย่อหน้าต่อไปนี้จะเป็นไปตามการจัดตำแหน่งข้างต้น โดยปกติจะเกิดขึ้นเมื่อมีการใช้ตัวแบ่งบรรทัดแทนแท็ก 'ย่อหน้า' มีวิธีแก้ไขง่ายๆ

• วางเคอร์เซอร์ไว้ที่ท้ายย่อหน้าแรก
• ตอนนี้กด DELETE (backspace) เพื่อดึงย่อหน้าที่สองขึ้น
• กด ENTER เพื่อสิ้นสุดย่อหน้าหนึ่งย่อหน้าแล้วเริ่มย่อหน้าใหม่
• สองสามารถจัดตำแหน่งแยกกันได้

การสร้างและแก้ไขลิงก์ใน WordPress

ไอคอนลิงก์ – ทั้งข้อความและรูปภาพสามารถลิงก์ไปยังหน้า โพสต์ หรือเว็บไซต์ภายนอกได้

หากต้องการเชื่อมโยงข้อความใน WordPress อย่าลืมเน้นข้อความก่อน

เคล็ดลับ ง่ายๆ : ดับเบิลคลิกหนึ่งคำเพื่อเน้นทั้งคำ กด shift ค้างไว้แล้วคลิกคำที่สองเพื่อไฮไลต์ด้วย

ตอนนี้คลิกไอคอนลิงก์ของคุณ

หากคุณกำลังเชื่อมโยงไปยังหน้า/โพสต์บนไซต์ของคุณ ให้เริ่มพิมพ์ชื่อ
หมายเหตุ พิมพ์ TITLE ของหน้า ไม่ใช่ตัวบุ้ง

แก้ไขชื่อหน้า WordPress

เมื่อคุณพบหน้าในรายการแล้ว ให้กดลูกศร 'ย้อนกลับ' สีน้ำเงินที่ท้ายฟิลด์เพื่อนำไปใช้

หากต้องการปรับแต่งลิงก์เพิ่มเติม ให้คลิกไอคอนฟันเฟืองท้ายฟิลด์ก่อนคลิกนำไปใช้

ไอคอนฟันเฟืองจะเปิดกล่องที่มี LINK OPTIONS - เลือกหน้าที่คุณต้องการเชื่อมโยง

ไม่แนะนำ แต่ลิงก์สามารถเปิดหน้าต่างใหม่ (หรือแท็บ) เพียงทำเครื่องหมายที่ "เปิดลิงก์ในแท็บใหม่" ภายในหน้าจอตัวเลือกลิงก์ Google ลงโทษลิงก์ที่เปิดหน้าต่างอื่น – ผู้ใช้จะต้องสามารถตัดสินใจได้

เคล็ดลับง่ายๆ: ใน WordPress เวอร์ชันล่าสุด คุณไม่จำเป็นต้องกดไอคอนลิงก์เมื่อลิงก์ข้อความ คัดลอกลิงก์ไปยังคลิปบอร์ด ไฮไลต์ข้อความแล้วกด control-v เพื่อวางลิงก์

การเชื่อมโยงรูปภาพใน WordPress เป็นกระบวนการที่คล้ายคลึงกัน

เลือกรูปภาพ จากนั้นคลิกไอคอนลิงก์ ทำตามขั้นตอนด้านบน

วิธีแก้ไขลิงค์ใน WordPress

หากต้องการแก้ไขลิงก์ ให้ทำตามขั้นตอนที่คล้ายกัน

เน้นข้อความหรือเลือกรูปภาพ ใช้ไอคอนเดิมและเปลี่ยนลิงก์เป็นไอคอนใหม่ หรือคลิกไอคอนดินสอที่ปรากฏขึ้น

วิธีลบลิงค์ใน WordPress

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

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

ย่อหน้าและหัวเรื่องใน WordPress

ภายในแถบเครื่องมือ คุณจะเห็นเมนูแบบเลื่อนลง

ในการจัดรูปแบบเส้น ให้คลิกข้อความในบรรทัดหรือย่อหน้า แล้วใช้เมนูแบบเลื่อนลงเพื่อเลือกย่อหน้า หัว 1 หรือหัว 2

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

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

การเขียน SEO คืออะไร?

เครื่องมือจัดรูปแบบเพิ่มเติมใน WordPress

ใช้ไอคอนนี้เพื่อขีดเส้นใต้ข้อความในเนื้อหา WordPress ของคุณ ทำให้โดดเด่นหรือประกาศ

เพียงไฮไลต์ข้อความแล้วคลิกไอคอนขีดเส้นใต้

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

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

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

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

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

ไอคอนถัดไป โอเมก้ากรีกจะเปิดแผนผังอักขระด้านล่าง ทำให้คุณสามารถเพิ่มอักขระพิเศษ เช่น เฉียบพลัน หลุมฝังศพ และ circumflex มีประโยชน์หากคุณกำลังสร้างเพจหลายภาษา

นี่คือไอคอนเยื้อง คุณสามารถเพิ่มหรือลดการเยื้องของย่อหน้าหรือหัวเรื่องได้

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

บันทึกหน้า WordPress

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

บันทึกและแก้ไขอัตโนมัติใน WordPress

WordPress มักจะบันทึกร่างของหน้าโดยอัตโนมัติ

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

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

การแก้ไขลิงก์ถาวรใน WordPress

Permalinks – หรือที่เรียกว่าทาก – สร้าง URL ของหน้าเว็บใน WordPress ลิงก์ไปยังหน้าอาจเสียหายได้เมื่อคุณแก้ไขลิงก์ถาวร ดังนั้น โปรดแก้ไขด้วยความระมัดระวัง

หากคุณกำลังจะเปลี่ยนและแก้ไขลิงก์ถาวร ฉันขอแนะนำให้ใช้ปลั๊กอินเปลี่ยนเส้นทาง เช่น การเปลี่ยนเส้นทาง

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

คำสุดท้าย

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