fbpx
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
No Result
View All Result
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
No Result
View All Result

เปลี่ยน Logo เว็บ WordPress ให้เป็น SVG ชัดสุดๆ

THEZEN by THEZEN
เมษายน 18, 2022
Reading Time: 1 min read
0

Table of Contents

  1. 1. เพิ่ม Code ใน function
  2. 2. ติดตั้งปลั๊กอิน Safe SVG
  3. 3. ถ้าใช้ Elementor เปิดใช้ฟังก์ชั่น .SVG ได้
    1. แสดงความเห็น

เปลี่ยน Logo เว็บให้เป็นไฟล์ SVG ชัดสุดๆ

ปกติถ้าเราสร้างเว็บด้วย WordPress แล้วเราจะต้องอัพไฟล์ Logo เว็บเป็นนามสกุล .PNG ใช่ไหมครับ บางทีมันก็ไม่ชัด ไม่ค่อยคมเลย อยากให้ Logo เว็บเราชัดๆ ต้องใช้ไฟล์ .PNG ที่ใหญ่ๆ แต่ก็แลกมาด้วยความเกินจำเป็น ไหนจะเรื่อง Speed site อีก วันนี้มาแนะนำวิธีการแก้ไขให้ Logo ชัดๆ กันครับ

เว็บที่คุณกำลังอ่านอยู่นี้ Logo เป็นไฟล์ .SVG นะครับ ลองกด CTR+ลูกกลิ้งเมาส์ แล้ว Zoom ไปที่ Logo ของ zenkoy.com  ดูครับภาพจะไม่แตกเลย สาเหตุเพราะไฟล์ประเทท .SVG นั้นเป็น Vector นั่นเองครับ

 

1. เพิ่ม Code ใน function

นำ Code นี้ไปวางใน function.php  เพื่อเปิดใช้งานฟังก์ชั่นยืนยอมให้อัพโหลดไฟล์ .SVG ครับ

function add_svg_to_upload_mimes( $upload_mimes ) {
$upload_mimes[‘svg’] = ‘image/svg+xml’;
$upload_mimes[‘svgz’] = ‘image/svg+xml’;
return $upload_mimes;
}
add_filter( ‘upload_mimes’, ‘add_svg_to_upload_mimes’, 10, 1 );

 

Safe-SVG-WordPress-plugin-WordPress
Safe-SVG-WordPress-plugin-WordPress

2. ติดตั้งปลั๊กอิน Safe SVG

หากไม่ต้องการแก้ไข Code ให้เราติดตั้งปลั๊กอินเสริม เพื่อให้ WordPress ยอมรับให้เราสามารถอัพโหลดไฟล์นามสกุล .SVG  เราถึงจะอัพโหลดไฟล์นี้ขึ้นไปใช้ในเว็บได้ครับ

 

3. ถ้าใช้ Elementor เปิดใช้ฟังก์ชั่น .SVG ได้

สำหรับใครที่ใช้ Page Builder อย่าง Elementor จะมีเมนูให้เปิดใช้งานฟังก์ชั่นอัพโหลดไฟล์ .SVG ได้เลย

 

 

 

 

แสดงความเห็น

ความเห็น

Previous Post

ส่อง Annual Report ใครทำสวยสุด

Next Post

Best Web Browser Engine 2022

THEZEN

THEZEN

ผู้ค้นพบความสุขในชีวิตได้ตลอดเวลา ทำตัวเองให้มีความสุกกับทุกสิ่งที่เข้ามาในชีวิต

Related Posts

Interactive Videos
Marketing Tool

Interactive Videos

กุมภาพันธ์ 1, 2023
0
Theme

Review Astra Theme Header Builder Menu

ธันวาคม 23, 2022
0
Review ProductX WooCommerce Builder
Lifetime Deal

Review ProductX WooCommerce Builder

ธันวาคม 22, 2022
0
Plugin

แก้ URLs ภาษาไทยใน wordpress ให้ยาวขึ้น

ธันวาคม 9, 2022
0
Live Copy Paste Elementor
Plugin

Live Copy Paste Elementor

พฤศจิกายน 25, 2022
0
รวม Email Marketing Platform 2022
Plugin

Email Marketing WordPress

ธันวาคม 17, 2022
0
Next Post
Best Web Browser Engine 2022

Best Web Browser Engine 2022

  • Zenkoy คือใคร?
  • ห้องวิจัยส่วนตัว
  • My Future: My Life

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

No Result
View All Result
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

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

ตั้งค่า ไม่ยอมรับ ยอมรับ
ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • เปิดใช้งานตลอด

บันทึกการตั้งค่า
ตั้งค่าความเป็นส่วนตัว