วิธีการเพิ่มขนาดที่กำหนดเองสำหรับภาพขนาดย่อ

คุณต้องการทราบวิธีเพิ่มขนาดที่กำหนดเองในภาพขนาดย่อหรือไม่?

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

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

ฉันจะถือว่าสำหรับบทช่วยสอนนี้ที่คุณทราบวิธีพัฒนา (HTML/CSS & PHP) บทช่วยสอนนี้ยังใช้ได้หากคุณรู้วิธีสร้าง ปลั๊กอิน WordPress.

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

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

วิธีบันทึกขนาดที่กำหนดเองบน WordPress

เริ่มต้นด้วยการเปิดหรือ สร้างไฟล์ functions.php ของธีมของคุณจากนั้นกำหนดค่าตามตัวอย่างด้านล่างซึ่งตัดตอนมาจากธีม Twenty Seventeen เริ่มต้น:

<?php

ถ้า ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) {
    ต้องการ get_template_directory() '/inc/back-compat.php';
    กลับ;
}

/**
 * การกำหนดค่าธีมเริ่มต้น + เพิ่มคุณสมบัติใหม่
 *
 * โปรดทราบว่าโค้ดนี้จะถูกเพิ่มหลัง "after_setup_theme hook" ซึ่ง
 * ทำงานก่อน init hook
 */
ฟังก์ชั่นยี่สิบเจ็ด_setup () {

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

ดูรายการของเรา ปลั๊กอิน WordPress 5 เพื่อแก้ไขภาพในบล็อกของคุณ

มีคุณสมบัติที่คุณต้องเพิ่มเพื่อที่จะสามารถสร้างภาพด้วยขนาดที่กำหนดเองและตัวอย่างภาพขนาดย่อ:

  add_theme_support ( 'โพสต์ภาพขนาดย่อ');

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

อ่านบทเรียนของเราต่อไป วิธีการที่จะมีการควบคุมผู้ใช้ขั้นสูงใน WordPress

จากนั้นคุณสามารถเพิ่มขนาดรูปภาพที่กำหนดเองลงใน " add_image_size ". นี่คือโครงสร้างพื้นฐานที่คุณต้องการ:

    add_image_size ('new-custom-size', ความกว้าง, ความสูง, โหมดครอบตัด);

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

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

ค้นพบด้วย วิธีการบีบอัดและปรับขนาดภาพบน WordPress

คุณสามารถเปลี่ยนขนาด " ความกว้าง "และ" ความสูง สำหรับผู้ที่คุณจะต้อง แม้ว่ามันจะอธิบายได้ด้วยตนเอง แต่โหมดครอบตัดไม่ได้

มีตัวเลือกสำหรับตัดภาพของคุณ:

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

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

แชร์บทความของคุณเป็น PDF บน WordPress อย่างไร ค้นหาโดยปรึกษาบทความนี้

คุณสามารถเพิ่มการสนับสนุนสำหรับคุณสมบัติที่คุณต้องการและเมื่อเสร็จแล้วให้รวมไว้ในเบ็ด " after_setup_theme ":

add_action ( 'after_setup_theme', 'themename_setup');

พึงระลึกไว้ว่า " THEMENAME ควรเปลี่ยนเป็นชื่อจริงของธีม WordPress ของคุณ อย่าลืมใช้ชื่อนี้อย่างสม่ำเสมอตลอดไฟล์นี้

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 QT Places

QT Places เป็น ส่วนขยายของ WordPress สวยงามและใช้งานได้หลากหลายเพื่อแสดงแผนที่จาก Google Maps บนเว็บไซต์ของคุณ หลังการติดตั้ง โพสต์ประเภทใหม่ที่เรียกว่า “สถานที่” จะปรากฏในเมนู WordPress ของคุณ และคุณสามารถเริ่มเพิ่มสถานที่ใหม่ลงในแผนที่ได้ทันที

ส่วนขยายนี้ตอบสนองได้ดีเยี่ยมและใช้งานได้บนมือถือ (iPhone, Android) คุณสามารถ เพิ่มฟังก์ชั่นแผนที่ให้กับสิ่งพิมพ์ทุกประเภท (เช่นบทความหรือหน้า) หรือส่วนบุคคล (เช่นพอร์ตการลงทุน)

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 Calendarista

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

ดังนั้นหากคุณกำลังมองหาระบบการจองที่สมบูรณ์สำหรับโรงแรม บริษัท รถเช่าให้เช่าอพาร์ทเมนต์ตัวแทนท่องเที่ยวร้านเสริมสวยร้านอาหาร ฯลฯ ... , ปลั๊กอินนี้จะเหมาะสำหรับคุณ 

อ่านบทความนี้ วิธีการแสดงสิ่งพิมพ์ WordPress ของคุณทั้งหมดในหน้าเดียว

ตามคุณสมบัติที่มีเหนือสิ่งอื่นใด: โมเดลระบบการจองพร้อมใช้ 10 รุ่น การสนับสนุนของ 3 เกตเวย์การชำระเงิน, การสนับสนุน WooCommerceการรวมตัวสร้างแบบฟอร์มที่ปรับแต่งได้ การสนับสนุน Google Mapเทมเพลตปฏิทินที่ยอดเยี่ยมสำหรับการแสดงการนัดหมายของคุณและอีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 EventOn

ปลั๊กอิน WordPress EventOn ระดับพรีเมียมเป็นปลั๊กอินปฏิทินที่ขายดีที่สุดบน CodeCanyon ด้วยยอดขายมากกว่า 7000 รายการ มีคุณสมบัติที่มีประโยชน์มากมายเช่นรูปภาพเด่นสำหรับกิจกรรม ย่อสร้างปฏิทินกิจกรรมได้ไม่ จำกัด ช่องข้อมูลเมตาที่ปรับแต่งได้และลักษณะเหตุการณ์

ส่วนขยายหลัก ได้แก่ ความเป็นไปได้ในการขายตั๋วการนำเข้า / ส่งออกกิจกรรมในรูปแบบ CSV บูรณาการฟรีกับ Google Mapการเรียงลำดับและการกรองในรายการเหตุการณ์เค้าโครงแบบตอบสนองอย่างสมบูรณ์ การสนับสนุนหลายภาษาและปรับแต่งปฏิทินได้ง่าย

ค้นพบของเรา ปลั๊กอิน 9 WordPress เพื่อสร้างเว็บไซต์ท่องเที่ยว

คุณลักษณะบางอย่างมีให้ใช้งานฟรีแล้วในปลั๊กอินอื่น ๆ แต่ค่านี้มีประสิทธิภาพลดลง

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

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

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

สรุป

ที่นี่คือ ! สำหรับคำแนะนำนี้ เราหวังว่ามันจะช่วยให้คุณเพิ่มขนาดที่กำหนดเองสำหรับภาพ

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

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

...