การสร้างก็ง่ายๆ แต่อาจจะต้องมีความรู้ PHP ด้วยนะครับ

วิธีการ

เข้าไปแก้ไขไฟล์ functions.php ภายใต้ Theme ที่เราใช้งานอยู่

พิมพ์ Code ต่อท้ายไฟล์

ตังอย่างนี้จะแสดงปีผลปัจจุบันขึ้นมา เพื่อใช้ในข้อความ copyright ตรง footer

function year_shortcode() {
  $year = date('Y');
  return $year;
}
add_shortcode('year', 'year_shortcode');

function year_shortcode() ทั้งชื่อ Function ที่เราใช้เรียก

ภายใน { } คือ code โปรแกรม PHP สุดท้าย code ให้ return ค่าออกมา

add_shortcode(‘year’, ‘year_shortcode’); ส่วนนี้ก็เป็นการ Add Short Code

year คือ ชื่อ Short Code

เวลาเรียกใช้งานการเพียงใส่ค่า [year] แบบนี้การแสดงผลก็จะเป็นตัวเลขปี ค.ศ. 4 หลัก ( 2021 )

ง่ายๆแบบนี้ลองเอา code ไปพัฒนาต่อกันดูนะครับ

The post สร้าง Short code แบบง่ายๆ บน WordPress appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

WordPress Widgets คือ

การทำงานของฟังก์ชันเล็กๆ ทำงานเฉพาะส่วนที่ได้เขียนโปรแกรมไว้ เช่น Widget ของปฏิทิน ก็จะแสดงผลปฏิทินเท่านั้น ซึ่ง Widget นี้ เราสามารถลากวางและแสดงผลที่ใดก็ได้บนเว็บไซต์เรา แต่บน Theme ของเว็บไซต์เรานั้นจะต้องมีการเขียนพื้นที่สำหรับวาง Widget ด้วย เรียกว่า Widget area (ที่เห็นบ่อยๆก็คือ Right Sidebar)

เราสามารถจัดการ Widget ได้โดยเข้าที่เมนู Appearance » Widgets

ในหน้าจัดการ Widgets  จะแบ่งหน้าจอเป็น 2 ส่วน คือ Available Widgets และ Widget area 

( ซึ่งใน Theme ที่ไม่เหมือนกันจะมี จำนวน Available Widgets และ Widget area  ที่ไม่เท่ากันด้วย)

Available Widgets คือกล่องการทำงานของฟังก์ชันเล็กๆ  มาตราฐานของ WordPress เองจะมีมาให้ไม่มากนัก ดังนั้นผู้พัฒนา Plugin จะมีการเขียนโปรแกรมให้แทรก Available Widgets ของ Plugin นั้นแถมเข้ามาด้วย เพื่อทำให้ Plugin ของตัวเองใช้งานได้ทุกพื้นที่

Widget area คือพื้นที่ที่สามารถเอา Available Widgets ไปวางแสดงผลได้ มาตราฐานของ WordPress เองจะมีมาให้ไม่มากนักเช่น Sidebar เป็นต้น ดังนั้น ผู้พัฒนา Theme  จะมีการสร้าง Widget area เสริมเข้ามาให้บน Theme ตัวเองทำให้การแสดงผลดีและยืดหยุ่นมากขึ้น

วิธีการใช้งานก็ไม่ยากเพียงแค่เข้าที่เมนู Appearance » Widgets แล้วทำการลาก Available Widgets ที่ต้องการมาวาง ที่ Widget area หลังจากนั้นทำการป้อนค่าการแสดงผลตาม Widget นั้นๆอีกเล็กน้อย แล้วก็ Save ค่าให้เรียบร้อยก็เป็นการเสร็จ

วิธีการเอา Widget ออกจาก Widget area ก็เพียงคลิก Delete ก็ลบออกแล้วครับ

สำหรับขั้นสูงเราสามารถสร้าง Available Widgets และ Widget area  ใช้งานเองได้ ซึ่งต้อง Customize WordPress  ของเราเพิ่มเติมอีกหลายส่วน ซึ่งผมจะมาอธิบายในบทความต่อๆไปนะครับ

The post WordPress Widgets คืออะไร appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

หลายๆท่านที่เคยทำเว็บไซต์ WordPress ระบบหลายภาษาโดยใช้ Plugin WPML คงทราบดีว่าเป็น Plugin นี้มีความนิยมเป็นระดับต้นๆ เพราะมีความสามารถมากมาย และมีส่วนเสริมช่วยเยอะ วันนี้ผมจะมาแนะนำการเปลี่ยนไฟล์โลโก้ ตามภาษาที่เราเลือกกันนะครับ ด้านบนเป็นภาพตัวอย่างของเว็บไซต์ลูกค้าของเราโดยมีระบบ 3 ภาษา (ไทย,อังกฤษ,ญี่ปุ่น) สำหรับภาษาญี่ปุ่นทางลูกค้าต้องการเปลี่ยนโลโก้ด้วย มาดูวิธีการทำกันเลยนะครับ อย่างแรกติดตั้ง Plugin WPML ก่อนนะครับ (ผมข้ามวิธีติดตั้งไปนะครับ) และก็ติดตั้งส่วนเสริมที่ชื่อว่า WPML String Translation 

เมื่อติดตั้งเสร็จแล้ว ให้เข้าไปที่เมนูหลักด้านซ้าย WPML คลิกที่  String translation

พิมพ์ชื่อไฟล์โลโก้เดิมของเรา ในช่อง Search for:  แล้วคลิกปุ่ม Search

เมื่อเจอจุดที่ต้องแก้ไข คลิกข้อความ translations

จุดของโลโก้ในแต่ละ Theme จะไม่เหมือนกัน ตรงส่วน Domain กับ Name จะไม่เหมือนกันนะครับเว็บใครเว็บมัน

เมื่อคลิก translations จะมีข้อมูลให้เราป้อน url ของภาพที่แยกภาษากันลงไป

คลิกเครื่องหมายถูกที่ Translateion is complates แล้วคลิกปุ่ม Save

แค่นี้ก็เสร็จเรียบร้อยแล้ว ลองเข้าหน้าเว็บของเราทดสอบเปลี่ยนภาษาแล้วดูผลครับ

ใครสงสัยหรือทำไม่ได้สามารถ Inbox มาถามกัยได้ครับ

The post เปลี่ยนภาพโลโก้ตามภาษาด้วย WPML Plugin appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

xmlrpc.php คือ ระบบที่มีไว้รับข้อมูลจากแอปปริเคชั่นที่ซัพพอร์ต พูดง่ายๆ ว่าโพสต์ข้อมูลจากโปรแกรมอื่นๆ ที่ซัปพอร์ตเข้าเว็บไซต์เราได้

wp-corn.php คือ ตัวที่เราใช้สำหรับตั้งเวลา, ตั้ง Schedule เพื่อสั่งให้ WordPress ทำงานอะไรซักอย่างนึง

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

ปิด xmlrpc.php ด้วยไฟล์ .htaccess

อย่างแรกให้ไปหาไฟล์ .htaccess ในเว็บไซต์ WordPress ของเราก่อน โดยจะใช้ FTP หรือ File Manager ของ Hosting ก็ได้ครับ  (ส่วนใหญ่ไฟล์จะอยู่ที่ Directory หลักของเว็บไซต์) หลังจากนั้นก็ Edit ไฟล์ และใส่ code ดังนี้ลงไป

<Files xmlrpc.php>
order deny,allow
deny from all
</Files>

แล้วก็ Save ไฟล์ ก็จบครับ

แต่เรายังสามารถใช้พวก Plugin Security ต่างๆช่วยในการปิดได้เช่นกัน ยกตัวอย่าง Plugin iThemes Security สามารถไแ Config ที่ WordPress Tweaks และสั่ง Disable XML-RPC ได้ง่ายๆ

ปิด wp-cron.php

ให้ไปหาไฟล์ wp-config.php ในเว็บไซต์ WordPress ของเรา  โดยจะใช้ FTP หรือ File Manager ของ Hosting ก็ได้ครับ  (ส่วนใหญ่ไฟล์จะอยู่ที่ Directory หลักของเว็บไซต์) หลังจากนั้นก็ Edit ไฟล์ และใส่ code ดังนี้ลงไป

define(‘DISABLE_WP_CRON’, ‘true’);

แล้วก็ SAVE

แค่นี้ก็สามารถป้องกันเว็บไซต์ของเราได้ไปอีกช่องทางหนึ่งแล้ว

แต่อย่าเพิ่งนิ่งนอนใจเพราะว่าพวกที่จะคอยเจาะระบบ WordPress ก็มีการพัฒนาไปเรื่อยๆเช่นกัน ถ้าจะให้ดีก็ควร Backup เว็บไซต์เราให้ดี และ Update Software ที่ใช้บนเว็บไซต์เราอยู่เสมอ

The post ปิดการทำงานของไฟล์ xmlrpc.php และ wp-cron.php appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

สืบเนื่องมากจากบทความ สร้าง Dynamic Text ใน Plugin Contact Form 7 ที่เคยเขียนมาก่อนหน้านี้ มันอาจจะเน้นไปที่การรับค่าจาก get ผ่าน URL ซึ่งจะทำให้ URL เราจะไม่ค่อยสวยเท่าไร ผมจึงไปค้นหาวิธีการเพื่อที่จะรับค่าจากส่วนอื่นๆได้ด้วย  ไม่ค้นพบ Plugin อยู่ตัวหนึ่งชื่อว่า Contact Form 7 Dynamic Text Extension (คลิก Link เพื่อดู Plugin)  ก่อนติดตั้ง Plugin ตัวนี้ ต้องติดตั้ง Plugin Contact Form 7 ก่อนนะครับ

มาดูวิธีใช้งานกัน

เมื่อติดตั้ง Plugin เสร็จ ให้เราแก้ไปแก้ไข Form ของเรา จะสังเกตเห็นปุ่มเพิ่มขึ้นมา

คือ dynamic text กับ dynamic hidden (ต่างกันตรงที่ต้องการคนเห็นช่องนี้หรือไม่)

ลองคลิกที่ dynamic text จะเห็นช่อง Dynamic value  ซึ่งตรงช่องนี้แหละที่เราต้องกำหนดค่าลงไปว่าต้องการเอาค่าอะไรมาแสดงที่ช่องนี้  ในตัวอย่างใส่ CF7_get_post_var key=’title’ ซึ่งจะเอาค่าของ title มาแสดง เมื่อคลิก Insert จะเป็น Short code เพิ่มเข้ามาใน Form ของเรา

[dynamictext cardetail “CF7_get_post_var key=’title'”]

หลังจากนั้นก็บันทึก Form ของเรา แล้วลองกลับไปดูที่ Page ที่เราวาง Form นี้ไว้ จะเห็นว่าในช่องดังกล่าวจะมีค่าวางไว้ให้เลย

และส่วนการตั้งค่า Email ก็เพียงอ้างอิงค่า Name แบบเดิมนะครับ

ค่าของ Dynamic value เราสามารถเข้าไปศึกษาได้ที่ หน้าของ Plugin ครับ

Contact Form 7 – Dynamic Text Extension

ใครติดอะไรสามารถสอบถามเพิ่มเติมได้นะครับ

The post ทำ Dynamic Text ให้ Contact Form 7 Plugin ภาค 2 appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

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

สำหรับเจ้าของเว็บไซต์ที่จะสร้างเว็บไซต์ด้วยเอง หรือจะจ้างผู้เชียวชาญทำ ก็ต้องผ่านการเตรียมข้อมูลเช่นกัน และควรต้องเป็นเจ้าของเว็บไซต์ที่เป็นผู้ที่เตรียมข้อมูลนี้ด้วย (ใครจะรู้ข้อมูลเท่าเจ้าของละจริงไหม?) ซึ่งข้อมูลที่ต้องเตรียมหลักๆจะประกอบไปด้วย โครงสร้างเว็บไซต์ (Web Structure) , เนื้อหา (Content) และ สื่อ (Media)

1. โครงสร้างเว็บไซต์  คือ หน้าต่างๆของเว็บไซต์ที่เราอยากจะให้มี (มองง่ายๆคือเมนูหลักด้านบน)  จะเขียนใส่กระดาษหรือพิมพ์ไว้ในไฟล์ก็ได้

ตัวอย่าง

• หน้าหลัก
• เกี่ยวกับเรา
  • ความเป็นมา
  • ควบคุมคุณภาพ
  • ทีมงาน
• สินค้า
  • เสื้อ
  • กางเกง
  • เครื่องประดับ
• บริการของเรา
• วิธีการสั่งซื้อ
• บทความ
  • ผู้หญิง
  • ผู้ชาย
  • เด็ก
• ติดต่อเรา

2. เนื้อหา คือข้อความที่จะเอามาใส่ลงไปในแต่ละหน้า เราควรจะยึดตามโครงสร้างเว็บไซต์ที่เราออกแบบไว้ (ตามข้อ 1) จะแบ่งแยกเป็นไฟล์ไฟล์ละหัวข้อ(ตั้งชื่อไฟล์ให้เหมือนหัวข้อ) หรือจะรวมไฟล์ก็ได้แต่ควรจะแยกให้ทราบชัดเจน

ตัวอย่าง

ตั้งชื่อไฟล์ว่า “ความเป็นมา.doc” เป็นต้น
ติดต่อเรา.doc ภายในไฟล์ก็ใส่ข้อความ ชื่อ ที่อยู่ เบอร์โทรศัพท์ Email Social ฯลฯ

3. สื่อ คือไฟล์ภาพต่างๆที่ใช้บนเว็บไซต์ ควรแบ่งชัดเจนเป็นโฟลเดอร์ เช่น

ไฟล์ Logo.png (ควรเป็น .png หรือ .Ai)
สร้าง Folder  ความเป็นมา/ ให้วางไฟล์ภายในเป็น filname.jpg  , … (จำนวนไฟล์ยิ่งเยอะยิ่งดี)

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

ส่วนไฟล์ Video ควร upload ขึ้นไปไว้ที่ Youtube หรือ Vimeo แล้วส่งเพียง link มาให้ผู้จัดทำ

(อย่าลืมส่งภาพที่ใช้ในการประกอบเว็บไซต์ส่วนอื่นๆด้วยเช่น ภาพ Banner สวยๆ , ภาพบริษัทมุมกว้างๆ)

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

ซึ่งเว็บไซต์จะสมบูรณ์ได้ก็ ขึ้นอยู่กับข้อมูลที่เจ้าของเว็บไซต์ต้องเตรียมว่าครบเพียงใด ส่วนความสวยงามเรื่องการจัดวาง Layout คือหน้าที่ต่อไปของ Web Designer และ Web Programmer มาปรุงแต่งต่อไป

The post เตรียมข้อมูลสำหรับทำเว็บไซต์ appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

สิ่งที่ต้องเข้าใจก่อนเป็นอย่างแรกคือ WordPress สร้างมาจากภาษา PHP และ  PHP คือภาษาที่ใช้เขียนโปรแกรมบน Web Server  ( ภาษาที่ใช้เขียนโปรแกรมมีมากมายเช่น PHP , Node.js  , Ruby on Rails , Aspx , Jsp ฯลฯ) ซึ่งภาษา PHP มีความนิยมเขียนกันเยอะ และหาความรู้ต่างๆได้ง่ายบน Internet

แล้วถ้าถามว่าสร้าง “เว็บไซต์ด้วย WordPress กับ PHP แบบไหนดีกว่ากัน”

จริงๆ แล้วขึ้นอยู่กับเว็บไซต์ที่คุณต้องการมากกว่าโดยทั้ง 2  วิธีมีข้อดีดังนี้

ข้อดีสร้างเว็บไซต์ด้วย WordPress
(ไม่ต้องพึ่งโปรแกรมเมอร์)

• สร้างเว็บไซต์เสร็จเร็ว
• ไม่ต้องมีความรู้ด้านโปรแกรมมิ่งก็สามารถทำเว็บไซต์ได้
• เว็บไซต์สามารถใส่ส่วนเสริมได้เรื่อยๆ ไม่ต้องพึ่งโปรแกรมเมอร์
• มีการ Update WordPress ให้ทันสมัยได้เอง

ข้อดีสร้างเว็บไซต์ด้วย PHP
(ต้องใช้โปรแกรมเมอร์)

• สร้างขั้นตอนการทำงานของเว็บไซต์ได้ตามไอเดียที่เราคิด
• ออกแบบส่วนต่างๆของเว็บไซต์ได้ตามไอเดียที่เราคิด

เปรียบเทียบให้เห็นภาพง่ายๆก็คือ เหมือนการสร้างบ้าน

ที่สร้างแบบหมู่บ้านจัดสรร สวยงาม ทันสมัย มีทุกอย่างครบ และสร้างเสร็จด้วยความรวดเร็ว (เสมือน WordPress)

กับการสร้างบ้านแบบสร้างเอง ออกแบบเอง เลือกวัสดุเอง (เสมือน PHP)

ซึ่งเราต้องการแบบไหนก็เลือกตามความเหมาะสม เพราะการสร้างด้วย PHP จะใช้เวลาทำนานกว่ามาก และมีค่าใช้จ่ายสูงกว่า

ยกตัวอย่าง

ถ้าคุณต้องการเว็บไซต์บริษัท (information)
หรือเว็บไซต์ Ecommerce แบบมีขั้นตอนทำงานมาตราฐานทั่วไป

ก็ควรเลือกใช้ WordPress

หรือ

ต้องการเว็บไซต์ที่มีขั้นตอนซับซ่อน เช่น สมัครสมาชิกซื้อคอร์สเรียน , เว็บไซต์จองตั๋ว หรือระบบงาน HR เป็นต้น

ก็ควรเลือกด้วย PHP

สำหรับท่านใดต้องการคำแนะนำเพิ่มเติมสามารถติดต่อได้ที่หน้า Contact ได้เลยนะครับ

The post สร้างเว็บไซต์ด้วย WordPress หรือ PHP แบบไหนดีกว่ากัน appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

Page Builder by SiteOrigin คือ Plugin ใน WordPress ที่ช่วยจัดวางเนื้อหาใน wordpress ให้สวยงามมากขึ้น

ในปัจจุบัน Plugin พวก Page Builder มีมากมาย ซึ่งจะมีข้อดีข้อเด่นที่แตกต่างกันไป แต่ในที่นี้ จะบธิบายเฉพาะที่เป็นของค่าย SiteOrigin

สิ่งที่ชอบของค่าย SiteOrigin เพราะว่า

• การใช้งานที่เข้าใจง่าย
• ตัวฟรีก็เพียงพอสำหรับการใช้งานแล้ว
• การแสดงผลที่หน้า front ก็ค่อนข้างเร็ว

นี้คือเหตุผลที่เลือกใช้ค่าย SiteOrigin  (ค่ายอื่นไม่ขอกล่าว)

ทางเราได้จัดทำคู่มือ การใช้งานเบื้องต้นของ Plugin Page Builder by SiteOrigin ตัวนี้

เริ่มตั้งแต่ ติดตั้ง Plugin ,​เลือก Theme ไปจนถึงการสร้างหน้า Page

จัดทำในรูปแบบ Google Doc  สามารถคลิกได้เลย  คู่มือ Page Builder by SiteOrigin

The post เครื่องมือช่วยในการจัดวางเนื้อหาใน WordPress appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.

<iframe src=”path/file.pdf” width=”200″ height=”200″></iframe>

เราก็จะได้กรอบแสดงเนื้อหาไฟล์ pdf ด้านใน แต่มันไม่สวยในแบบที่เราต้องการ

เราจึงไปลง Plugin ที่เกี่ยวกับ iframe มาติดตั้ง ซึ่งการทำงานคือ โปรแกรมจะเรียกใช้เครื่องมือ View จาก google doc มาอ่าน URL ที่วางไฟล์ PDF ของเรา แล้วทำการประมวลผลส่งค่าเป็น PDF Reader มาที่หน้าเว็บของเราอีกที

โดย shortcode จะได้ประมาณนี้

[iframe src=”http://www.youtube.com/embed/4qsGTXLnmKs” width=”100%” height=”500″]

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

(หรือช้าด้วยเหตุผลอื่นเรื่องนี้ไม่แน่ใจ)

จึงมีแนวคิดว่าถ้าเราเอาไฟล์ไปวางไว้ใน Google Drive เราเลยจะได้ไหม แล้วก็ Embed มาจาก Drive วางในหน้าเว็บไซต์อีกที ปรากฎว่ามีวิธีด้วย ผมเลยเอาวิธีการมาแชร์ ให้ทุกท้านได้ทราบ เผื่อเป็นประโยชน์กับใครได้บ้าง

เริ่มเลยนะครับ

ขั้นแรก uplaod ไฟล์ pdf ไปวางใน Google Drive ของเราก่อน
ขออนุญาติไม่อธิบายการสมัคร google drive นะครับ

เปิดแชร์ให้ทุกคนเห็นก่อนนะครับ

ตั้งให้ ทุกคนที่มีลิงค์สามารถดู

หลังจากนั้น คลิกดูตัวอย่าง

หน้าจอจะแสดงเนื้อของเอกสาร
คลิกที่ ขวาบน เลือก เปิดในหน้าต่างใหม่

หน้าจอจะเปิดขึ้นมาอีกหน้า
คลิกที่ ไอคอน ขวาบน ของหน้าจอใหม่ เลือก ฝังรายการ

เราก็จะได้ code ไปฝังในเว็บไซต์ของเราเรียบร้อยแล้ว
ถ้าให้สวย ปรับ code ตรง width=”100%” จะได้ความขว้างพอดีหน้าจอ

ตัวอย่าง Embed ข้อมูลจาก google drive

เรียบร้อยแล้ว

ง่ายไหมครับ เร็วด้วย และไปเปลื่องเนื้อที่บน host เราด้วย

สำหรับใครที่ต้องการ สร้าง link สำหรับ Download  ไฟล์ใน Google Drive ก็เพียงใส่ link ตาม format นี้

https://drive.google.com/uc?export=download&id=idของไฟล์หาได้ตอนที่เราแชร์ไฟล์

เปลี่ยนค่านิดหน่อยก็ใช้ได้แล้วครับ แต่อย่าลืมเปิดสิทธิ์การแชร์ไฟล์ใน Google Driveด้วยนะครับ

สำหรับเอกสารในชุด Google Docs

ก็สามารถ Embed ได้เช่นกัน คลิกที่ ไฟล์ > เผยแพร่ทางเว็บ

ตัวอย่าง

The post Embed ข้อมูลจาก google drive มาไว้ที่เว็บไซต์ appeared first on รับทำเว็บไซต์ ออกแบบเว็บไซต์ รับทำเว็บไซต์ด้วย WordPress เว็บแอพพลิเคชั่น รับทำแอพ ร้านค้าออนไลน์ e-commerce ระบบอินทราเน็ต ดูแลเว็บไซต์ จดโดเมน โฮสติ้ง.