คุณสร้างภาพหน้าจออัตโนมัติใน WordPress หรือไม่? หากคุณเพิ่มภาพหน้าจอของไซต์บ่อยๆในบทความ / หน้า WordPress ของคุณการดำเนินการโดยอัตโนมัติจะช่วยให้คุณประหยัดเวลาในการจับภาพหน้าจอด้วยตนเอง
ในบทช่วยสอนนี้ เราจะแสดงวิธีสร้างการบันทึกอัตโนมัติของ เว็บไซต์เว็บ WordPress
วิธีการ 1: สร้างการจับภาพอัตโนมัติด้วยปลั๊กอิน
วิธีนี้ง่ายกว่าดังนั้นแนะนำสำหรับผู้เริ่มต้นและผู้ใช้ที่ไม่ต้องการใช้รหัส
สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน " ช็อตเบราว์เซอร์ " สำหรับรายละเอียดเพิ่มเติมโปรดดูคำแนะนำทีละขั้นตอนของเรา วิธีการติดตั้งปลั๊กอิน WordPress.
ปลั๊กอินใช้งานได้ทันทีและไม่มีการตั้งค่าให้กำหนดค่า
เพียงแก้ไขโพสต์/หน้าหรือสร้างโพสต์/หน้าใหม่ คุณจะสังเกตเห็นปุ่มใหม่ในโปรแกรมแก้ไขภาพเพื่อเพิ่มภาพหน้าจอของ เว็บไซต์เว็บ.
คลิกที่หน้าต่างเพื่อป้อน url ของไซต์ข้อความแสดงแทนลิงค์ของ URL รูปภาพและความสูง / ความกว้างของภาพหน้าจอ
คลิกที่ปุ่ม "ตกลง" จากนั้นปลั๊กอินจะเพิ่มรหัสย่อลงในโพสต์ WordPress ของคุณ ตอนนี้คุณสามารถดูตัวอย่างโพสต์ของคุณเพื่อดูการทำงานของปลั๊กอิน
หากคุณใช้โปรแกรมแก้ไขข้อความ WordPress และไม่ต้องการใช้ปุ่มใหม่นี้ในโปรแกรมแก้ไขภาพคุณสามารถเพิ่มรหัสย่อนี้ด้วยตนเองได้เช่นกัน
[browser-shot url = "https://blogpascher.com"]
โดยค่าเริ่มต้นปลั๊กอินจะสร้างภาพหน้าจอ 600 x 600 พิกเซล คุณสามารถเปลี่ยนแปลงได้โดยเพิ่มแอตทริบิวต์ความกว้างและความสูงลงในรหัสย่อ
[browser-shot url = » http: // www. blogpascher.com "width =" 400″ height = "400″]
เขาจะมีลิงก์ไปยังหน้าเว็บที่เป็นปัญหา คุณสามารถเปลี่ยนได้โดยเพิ่มแอททริบิวต์ลิงก์ในรหัสย่อและเพิ่มลิงค์ที่คุณต้องการ
[browser-shot url = » http: // www. blogpascher.com "width =" 400″ height = "400″ link =" http://example.com "]
หากคุณต้องการเพิ่มคำบรรยายบนภาพหน้าจอคุณสามารถทำได้โดยการตัดข้อความรอบ ๆ รหัสย่อ
[URL ของเบราว์เซอร์ =”http://www. blogpascher.com »] การสร้างเว็บไซต์ – บล็อก WordPress, ร้านค้า อีคอมเมิร์ซ [/บราวเซอร์-ช็อต]
ใช้ปลั๊กอินเบราว์เซอร์ Shot " mshots » WordPress.com API เพื่อสร้างภาพหน้าจอได้ทันที รูปภาพเหล่านี้ไม่ได้เก็บไว้ในไลบรารีสื่อ WordPress ของคุณ สร้างขึ้นโดยตรงจากเซิร์ฟเวอร์ WordPress.com
วิธีการ 2: สร้างการจับโดยการเพิ่มรหัส
วิธีการนี้ต้องการให้คุณเพิ่มรหัสลงในไฟล์ WordPress ของคุณ ไม่แนะนำสำหรับผู้เริ่มต้น เราแสดงให้คุณเห็นถึงวิธีการสร้างปลั๊กอินบน WordPress ดังนั้นคุณสามารถใช้มันเพื่อเพิ่มรหัสนี้
ฟังก์ชัน bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // width "h" =>' 450 '// height), $ atts)); $ img = ' '; คืน $ img; } add_shortcode ("หน้าจอ", "bpc_screenshots");
คล้ายกับปลั๊กอินที่กล่าวถึงก่อนหน้านี้รหัสนี้ยังใช้ API " mshots จาก WordPress.com เพื่อสร้างภาพหน้าจอได้ทันที
หากต้องการดูภาพหน้าจอของ เว็บไซต์เว็บ เมื่อจับภาพในโพสต์และหน้า WordPress ของคุณ คุณจะต้องป้อนรหัสย่อดังนี้:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
แทนที่ฟิลด์ URL และ Alt ด้วยค่าของคุณเอง.
ตามค่าเริ่มต้นรหัสนี้จะสร้างภาพหน้าจอ 600 x 450 พิกเซล คุณสามารถเปลี่ยนแปลงได้โดยเพิ่มแอตทริบิวต์ความสูงและความกว้างของคุณเองลงในรหัสย่อ
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
นั่นคือทั้งหมดที่เกี่ยวกับการกวดวิชานี้ ฉันหวังว่าคุณจะสามารถจับภาพหน้าจอบนเว็บไซต์ของคุณ อย่าลังเลที่จะติดต่อเราในกรณีที่มีปัญหา
