test top bar

เริ่มต้นการใช้งาน และ คำสั่งพื้นฐานใน Functions สำหรับ WordPress

JQUERY-&-FUNCTION

เริ่มต้นการใช้งาน Functions

โดยปกติในธีมส์เวิร์ดเพรสทั่วไปจะมีไฟล์ชื่อว่า functions.php ไว้สำหรับการเขียน โค้ดฟังก์ชั่น เพื่อสั่งการคำสั่งได้มากมาย ในบทความนี้จะมีแนะนำคำสั่งพื้นฐานหลักๆที่ได้ใช้กัน

พื้นฐานคือการเปิดไฟล์ functions.php แล้วนำโค้ดฟังก์ชั่นที่เราเขียนเองหรือฟังก์ชั่นมาตราฐานมาใส่ในไฟล์นี้นั้นเอง เรามาดูตัวอย่างคำสั่งพื้นฐานที่ใช้กันบ่อยๆ

การเพิ่มเมนู (Menu) เพื่อนำมาใช้ในหลายๆตำแหน่ง

  • คำสั่ง function seed_setup คือ การสร้างฟังก์ชั่นที่ชื่อว่า seed_setup ขึ้นมาใช้งาน สามารถเปลี่ยนชื่ออื่นได้
  • คำสั่ง register_nav_menus คือ คำสั่งพื้นฐานในการเปิดการใช้งานเมนูของเวิร์ดเพรส
  • คำสั่ง ‘ชื่อของเมนูห้ามซ้ำกัน’ => esc_html__( ‘ป้ายกำกับแสดงที่หลังบ้าน’, ‘ชื่อไฟล์.potสำหรับการแปล’ ),
  • คำสั่ง add_action คือ การนำฟังก์ชั่น seed_setup ไป action ตอน after_setup_theme
  • คำสั่ง wp_nav_menu คือ คำสั่งแสดงผลเมนูที่เราสร้างไว้ ตำแหน่ง theme_lacation ต้องให้ตรงกับชื่อเมนูที่เราสร้างไว้

ใน functions.php

function seed_setup() {
     register_nav_menus( array(
          'primary' => esc_html__( 'Main Menu', 'seed' ),
	  'sub' => esc_html__( 'Sub Menu', 'seed' ),
     ) );
add_action( 'after_setup_theme', 'seed_setup' );

ในตำแหน่งที่ต้องการให้เมนูแสดง

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'sub-menu' ) ); ?>

 

การเพิ่มวิดเจ็ต (Widgets) เพื่อนำมาใช้ในหลายๆตำแหน่ง

  • คำสั่ง function seed_widgets_init คือ การสร้างฟังก์ชั่นที่ชื่อว่า seed_widgets_init ขึ้นมาใช้งาน สามารถเปลี่ยนชื่ออื่นได้
  • คำสั่ง register_sidebar คือ คำสั่งพื้นฐานในการเปิดการใช้งานวิดเจ็ตของเวิร์ดเพรส
  • คำสั่ง ด้านในarray คือ name:ชื่อที่แสดงในส่วนหลังบ้าน, id:ชื่ออ้างอิงที่นำไปเรียกใช้, description:รายละเอียดเพิ่มเติม, ส่วนอื่นๆคือการเพิ่มคลาสและแท็กต่างๆในวิดเจ็ตที่เราสร้าง
  • คำสั่ง add_action คือ การนำฟังก์ชั่น seed_widgets_init ไป action ที่ส่วน widgets_init
  • คำสั่ง dynamic_sidebar คือ คำสั่งแสดงผลวิดเจ็ตที่เราสร้างไว้ ชื่อด้านในต้องตรงกับไอดีที่เราสร้างไว้

ใน functions.php

function seed_widgets_init() {
     register_sidebar( array(
          'name' => __( 'Sidebar', 'seed' ),
          'id' => 'sidebar',
          'description' => '',
          'before_widget' => '<aside id="%1$s" class="widget %2$s">',
          'after_widget' => '</aside>',
          'before_title' => '<h1 class="widget-title">',
          'after_title' => '</h1>',
     ) );
}
add_action( 'widgets_init', 'seed_widgets_init' );

ในตำแหน่งที่ต้องการให้เมนูแสดง

<?php dynamic_sidebar( 'sidebar' ); ?>

 

2ฟังก์ชั่น ที่ได้แนะนำในบทความนี้ถือเป็นฟังก์ชั่นพื้นฐานที่ใช้กันประจำเลยทีเดียว แต่ยังมีอีกหลายฟังก์ชั่นที่น่าสนใจเราจะมานำเสนอในบทความต่อๆไปนะครับ