ปลั๊กอินยิ้ม อีโมติคอน WordPress ใหม่ - มีและไม่มีปลั๊กอิน

สวัสดีเพื่อนๆ! ฉันไม่ได้เผยแพร่บทความใหม่เกี่ยวกับ WordPress มาเป็นเวลานาน ความจริงก็คือบล็อกของฉันถูกสร้างขึ้นแล้ว - มีการติดตั้งและกำหนดค่าปลั๊กอินหลักแล้ว มีบางอย่างที่ทำในโค้ดล้วนๆ และไม่จำเป็นต้องเปลี่ยนแปลงหรือเพิ่มสิ่งใหม่ สิ่งที่เหลืออยู่คือการทำสิ่งเล็ก ๆ น้อย ๆ ให้เสร็จซึ่งส่วนใหญ่เกี่ยวข้องกับรูปลักษณ์ของบล็อก สิ่งเล็กๆ น้อยๆ อย่างหนึ่งก็คืออีโมติคอน WordPress นั่นคือสิ่งที่เราจะพูดถึงในวันนี้

WordPress มีอิโมติคอนตามค่าเริ่มต้น แต่หลายคนไม่รู้ด้วยซ้ำ เนื่องจากยังจำเป็นต้องเปิดใช้งานในการตั้งค่า ไปที่ส่วน "ตัวเลือก" - "การเขียน" และเปิดใช้งานตัวเลือก:

รายการอีโมติคอนทั้งหมดที่มีอยู่ทั้งหมดไม่ได้ระบุไว้ในการตั้งค่า แต่สามารถพบได้ใน Codex ของ WordPress นี่คือ:

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

คุณสามารถเปลี่ยนอิโมติคอนได้ด้วยตนเอง โชคดีที่มันไม่ยาก

• ด้วยอีโมติคอนใหม่บนคอมพิวเตอร์ของคุณแล้วแกะออก
• ไอคอนทั้งหมดอยู่บนเซิร์ฟเวอร์ในไดเร็กทอรี /wp-includes/images/smilies เราจำเป็นต้องแทนที่ไฟล์มาตรฐานด้วยไฟล์ใหม่ด้วยตนเอง WP ไม่สนใจว่าจะแสดงภาพอะไร
• หากคุณต้องการเพิ่มอิโมติคอนใหม่ซึ่งไม่มีอะนาล็อกใน WP คุณยังคงต้องลงทะเบียนอิโมติคอนในไฟล์ /wp-includes/functions.php โดยค่าเริ่มต้น คุณสามารถดูรหัสต่อไปนี้:

  ฟังก์ชัน smilies_init() ( global $wpsmiliestrans , $wp_smiliessearch ; // ไม่ต้องยุ่งยากในการตั้งค่าสไมลี่หากถูกปิดการใช้งาน ถ้า ( ! get_option( "use_smilies" ) ) return ; if ( ! isset ( $wpsmiliestrans ) ) ( $wpsmiliestrans = array ( ":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ... ":!:" = > "icon_exclaim.gif" , ":?:" => "icon_question.gif" , ) ;

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

เพื่อให้สามารถเลือกอิโมจิในความคิดเห็นของ WordPress ให้เปิดเพื่อแก้ไขเทมเพลต comment.php จากธีม WP ของคุณและก่อนโค้ด (อาจแตกต่างกันเล็กน้อยขึ้นอยู่กับธีม):

วางสคริปต์:

สวัสดีอีกครั้ง!

ฉันจำไม่ได้แน่ชัดว่าอะไรทำให้ฉันมีความคิดที่จะติดตั้งอิโมติคอนบนเว็บไซต์นี้ ดูเหมือนว่าคนรู้จักจะให้การวิเคราะห์อีโมติคอนใน Messenger “QIP infium” แก่ฉัน ซึ่งฉันใช้มาหลายปีแล้ว และฉันก็กระตือรือร้นที่จะเพิ่มอีโมติคอนที่นี่

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

ปลั๊กอินทำอะไร:

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

ฉันจะบอกคุณเล็กน้อยเกี่ยวกับการตั้งค่า

ปลั๊กอินจะเพิ่มอิโมติคอนลงในแบบฟอร์มความคิดเห็น (พื้นที่ข้อความ) โดยอัตโนมัติ อย่างไรก็ตาม อาจกลายเป็นว่าปลั๊กอินจะไม่สามารถฝังรายการได้ตามปกติ ในกรณีนี้ คุณสามารถแทรกบล็อกอีโมติคอนด้วยตนเองที่ใดก็ได้ในเทมเพลต ในการดำเนินการนี้ ให้ปล่อยฟิลด์ "แทรกอิโมติคอนอัตโนมัติ" ในการตั้งค่าให้ว่างไว้ ด้วยวิธีนี้ คุณจะปิดการใช้งานการแทรกอัตโนมัติ และใช้โค้ด php เพื่อแทรกบล็อกลงใน สถานที่ที่ถูกต้องเทมเพลต (โดยปกติจะอยู่ที่ไหนสักแห่งในไฟล์ comment.php):

รหัสนี้จะส่งออกบล็อกอีโมติคอน

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

รอยยิ้ม :) .

แท็กจะต้องคั่นด้วยเครื่องหมายจุลภาค

ตามค่าเริ่มต้น อีโมติคอนจะถูกระบุในข้อความด้วยโค้ด (:emoticon_file_name:) แต่มีข้อยกเว้นอยู่ ตัวอย่างเช่น สไมลี่จะแสดงเป็น:-) หรือ:) หรือ =) และรหัสดั้งเดิมของมันคือ (:smile:) มีข้อยกเว้นดังกล่าวอยู่ 3 รายการตามค่าเริ่มต้น: :) :(:D ข้อจำกัดนี้เกิดจากการเพิ่มประสิทธิภาพเล็กน้อย... ข้อยกเว้นดังกล่าวสามารถกำหนดค่าได้ในปลั๊กอิน

หากคุณไม่พอใจกับรูปลักษณ์ของรายการอิโมติคอน คุณสามารถแก้ไขได้ โดยที่คุณต้องรู้จัก CSS ซึ่งคุณจะต้องเปลี่ยนกฎ CSS ในช่อง " สไตล์ CSS" เพื่อป้องกันไม่ให้สไตล์ถูกจัดเก็บในการตั้งค่า คุณสามารถคัดลอกสไตล์ไปยังไฟล์สไตล์ของคุณเองและลบออกจากการตั้งค่าได้

หากคุณไม่เห็นไอคอนแสดงอารมณ์ที่คุณต้องการให้มีในบล็อกของคุณ อย่าเพิ่งอารมณ์เสีย คุณสามารถเพิ่ม/แทนที่อิโมติคอนของคุณเองได้อย่างง่ายดาย

เพื่อเสริมรายการ สิ่งที่คุณต้องทำคือสร้างโฟลเดอร์ kama-wp-smile-packs ถัดจากโฟลเดอร์ปลั๊กอิน และเพิ่มชุดรูปภาพสไมลี่ของคุณลงไป เหล่านั้น. ด้วยเหตุนี้ คุณจะพบโฟลเดอร์ที่มีรูปภาพอีโมติคอนดังนี้: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif หลังจากสร้างโฟลเดอร์ดังกล่าวแล้วคุณจะต้องไปที่การตั้งค่าและเลือกแพ็คเกจอิโมติคอนใหม่ที่ปรากฏขึ้น

ข้อความของรายการจะใช้โครงสร้าง (:file_name:) ตัวอย่างเช่น หากคุณเพิ่มรูปภาพ Emotion.gif ในข้อความ อิโมติคอนนี้จะถูกแทรกเป็น (:emotion:)

อนุญาตให้ใช้เฉพาะอักขระละตินตัวพิมพ์เล็กในชื่อไฟล์ ตัวอักษร a-z, ตัวเลข 0-9, เครื่องหมาย - และ _ หากไฟล์มีอักขระอื่น มันจะไม่ทำงาน

หากคุณต้องการกรองข้อความที่ไหนสักแห่ง (ไม่แสดงโค้ดอิโมติคอน) ให้ใช้ตัวกรองต่อไปนี้:

$text = "ทดสอบข้อความ (:ดี:)"; $text = preg_replace("/\(:(0,15):\)/", "", $text); สะท้อน $ข้อความ; // กลับ: ข้อความทดสอบ

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

• kws_get_smiles_html($textarea_id) - แสดงบล็อกอีโมติคอนสำหรับ textarea
• kws_convert_smiles($content) - ประมวลผลเนื้อหาเอาต์พุตเพื่อสร้างรูปภาพจากโค้ดสไมลี่

ในกรณีที่เกิดปัญหากะทันหัน ข้อบกพร่อง ข้อบกพร่อง และ "อย่างอื่น" หรือหากคุณเพียงต้องการเขียนอะไรเช่นนี้ - เขียนในความคิดเห็น

สวัสดีผู้อ่านที่รักของฉัน!

ดีใจที่ได้พบคุณอีกครั้ง!

วันนี้เราจะมาพูดถึงปลั๊กอิน qip smiles ซึ่งจะแสดงอิโมติคอนน่ารัก ๆ ในรูปแบบของความคิดเห็น

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

แน่นอนว่ามันเป็นไปได้หากไม่มีพวกเขา แต่….

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

และถ้าคุณผู้อ่านที่รักของฉันมักจะแสดงความคิดเห็นในบล็อกคุณก็อาจจะประสบกับสิ่งนั้นในบางครั้ง - โอ้ คุณต้องการแสดงอารมณ์ของคุณอย่างไร! จากนั้นอีโมติคอนตัวน้อยแสนวิเศษเหล่านี้ก็เข้ามาช่วยเหลือ

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

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

และนั่นคือเหตุผลที่ฉันตัดสินใจตั้งแต่เริ่มต้นเส้นทางการเขียนบล็อกว่าจะมีอีโมติคอนในบล็อกของฉันอย่างแน่นอน!

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

ตอนแรกฉันมีอีโมติคอนปลั๊กอิน Monalisa แต่หลังจากนั้นไม่นานฉันก็รู้ว่านี่ไม่ใช่สิ่งที่ฉันต้องการ มีไม่มากนักและขอบเขตของอารมณ์ก็มีจำกัดมาก

จากนั้นจึงตัดสินใจติดตั้งปลั๊กอิน qip smiles เนื่องจาก qip smiles มีมากมายและสามารถถ่ายทอดอารมณ์และความรู้สึกได้มากมาย

ดังนั้นเพื่อน ๆ วันนี้ฉันจะบอกวิธีติดตั้งปาฏิหาริย์นี้ในบล็อกของคุณ

คุณสามารถดาวน์โหลดปลั๊กอินลงในคอมพิวเตอร์ของคุณได้

ปลั๊กอินจะถูกดาวน์โหลดเป็นไฟล์ zip คุณไม่จำเป็นต้องเปิด เราจะติดตั้งในแบบฟอร์มนี้

ทางด้านซ้ายคลิกที่แท็บ “ รูปร่าง" - “ปลั๊กอิน” หน้าเว็บที่มีปลั๊กอินจะเปิดขึ้น และที่ด้านบนให้คลิก “เพิ่มใหม่”

จากนั้น "อัปโหลด" และ "เลือกไฟล์"

Explorer ของคอมพิวเตอร์ของคุณจะเปิดขึ้น คุณจะพบปลั๊กอิน qipsmiles ที่คุณเพิ่งดาวน์โหลด และคลิก "ติดตั้ง"

เมื่อติดตั้งปลั๊กอินแล้ว (จะใช้เวลาสองสามวินาที) คลิก "เปิดใช้งาน" - และปลั๊กอินจะปรากฏบนหน้าพร้อมกับปลั๊กอินทั้งหมด

ตอนนี้เราจำเป็นต้องเปลี่ยนแปลงโค้ดเล็กน้อย

อย่ากลัวเลย มันไม่ยากเลย เราจะคิดออกตอนนี้

ทางด้านซ้ายคลิกที่แท็บ "ลักษณะที่ปรากฏ" - "ตัวแก้ไข" และทางด้านขวาคลิกที่ลิงก์ "ความคิดเห็น" (comments.php)

ในโค้ดที่เปิดขึ้น ให้ดูดีๆ - เราจำเป็นต้องค้นหาบรรทัดที่มีคำว่า textarea (คลิกได้)

ด้านล่างบรรทัดนี้ เราจะต้องใส่โค้ดนี้:

สำหรับฉันดูเหมือนว่านี้ (บรรทัดใน Editor ทำเครื่องหมายด้วยสีเหลือง รหัสที่ต้องแทรกด้วยสีน้ำเงิน) คลิกได้

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

คลิก "อัปเดตไฟล์" ที่ด้านล่าง เท่านี้ก็เรียบร้อย ตอนนี้อีโมติคอน qip จะปรากฏในรูปแบบของความคิดเห็นและสร้างความพึงพอใจให้กับผู้อ่านและนักวิจารณ์ของคุณ!

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

เพื่อน ๆ คุณคิดอย่างไรว่าจำเป็นต้องใช้อิโมติคอนในบล็อกหรือจะไม่เป็นไรหากไม่มีอิโมติคอน?

วันนี้มันไม่ไร้ประโยชน์ที่เราพูดถึงอิโมติคอน สำหรับคุณที่รัก ข้อความเชิงบวกสองนาที

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

เป็นเวลานานแล้วที่ไม่มีอิโมติคอนในบล็อกของฉันเพราะฉันไม่เคยใช้มันเลย เมื่อเวลาผ่านไป ฉันพบว่าตัวเองคิดว่าอีโมติคอนช่วยเพิ่มความมีชีวิตชีวาและอารมณ์บางอย่างให้กับการสื่อสารบนบล็อก อีโมติคอนมาตรฐานที่ติดตั้งในเครื่องยนต์ไม่เหมาะกับฉัน เนื่องจากมีขนาดเล็กเกินไปและไม่แสดงออก ฉันเริ่มมองหาวิธีแก้ปัญหาที่เหมาะสมในรูปแบบของปลั๊กอินพิเศษ แต่ทุกที่ที่มีแต่ความผิดหวังรอฉันอยู่ - ปลั๊กอินอาจอัดแน่นไปด้วยฟังก์ชันที่ไม่จำเป็นหรือทำงานคด :)

ในที่สุด ฉันตัดสินใจใช้ฟีเจอร์มาตรฐานของ WordPress โดยเปลี่ยนไอคอนอิโมจิเป็นของฉันเอง

ดังนั้น หากคุณต้องการแทรกอิโมจิลงในความคิดเห็นในบล็อก และไม่ต้องการใช้ปลั๊กอิน ให้ทำตามคำแนะนำด้านล่าง

ขั้นแรก คุณต้องดาวน์โหลดอิโมติคอนที่คุณต้องการแทนที่อิโมติคอนมาตรฐาน มีอีโมติคอนสำหรับทุกรสนิยมบนอินเทอร์เน็ต แต่ฉันชอบ koloboks มาตรฐานซึ่งตอนนี้ติดตั้งไว้ในบล็อกของฉันแล้ว ด้านล่างนี้คุณสามารถดาวน์โหลดได้:

มินิโคโลบก ()

โคโลโบกิ ()

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

ตอนนี้หลังจากที่คุณเปลี่ยนไอคอนแล้ว คุณต้องเพิ่มความสามารถในการแทรกลงในความคิดเห็น โดยหลักการแล้ว หากเปิดใช้งานคุณสมบัตินี้ในการตั้งค่าบล็อก อิโมติคอนควรถูกแปลงเป็นรูปภาพอยู่แล้วหากคุณพิมพ์สัญลักษณ์เหล่านั้น

ในการแสดงรายการอีโมติคอน มีฟังก์ชันพิเศษ:

ฟังก์ชั่น addsmile($smile)( document.getElementById("comment").value=document.getElementById("comment").value+" "+$smile+" "; )