😍Tạo một WordPress theme theo chuẩn OOP + Namespace

Chú ý: Người ta sử dụng use (1) khi đã có require_once, hoặc include trước đó và trong fiel đó sử dụng namespace MyTheme\Core (2)

use MyTheme\Core\Loader;

Cách 1: Sử dụng theo cách thông thường require_once

wp-content\themes\my-theme\functions.php (1)

<?php
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
require_once get_template_directory() . '/inc/Core/Loader.php';
use MyTheme\Core\Loader;
Loader::init();

wp-content\themes\my-theme\inc\Core\Loader.php (2)

<?php
namespace MyTheme\Core;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Loader {
  public static function init() {
    require_once get_template_directory() . '/inc/Core/Theme.php';
    require_once get_template_directory() . '/inc/Setup/ThemeSetup.php';
    require_once get_template_directory() . '/inc/Setup/Enqueue.php';
    require_once get_template_directory() . '/inc/Hooks/Actions.php';
    require_once get_template_directory() . '/inc/Hooks/Filters.php';
    Theme::init();
  }
}

wp-content\themes\my-theme\inc\Core\Theme.php (3)

<?php
namespace MyTheme\Core;
use MyTheme\Setup\Enqueue;
use MyTheme\Setup\ThemeSetup;
use MyTheme\Hooks\Actions;
use MyTheme\Hooks\Filters;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Theme {
  public static function init() {
    ThemeSetup::init();
    Enqueue::init();
    Actions::init();
    Filters::init();
  }
}

wp-content\themes\my-theme\inc\Setup\ThemeSetup.php (4)

<?php
namespace MyTheme\Setup;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class ThemeSetup {
  public static function init() {
    add_action( 'after_setup_theme', array( self::class, 'setup' ) );
  }
  public static function setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    add_theme_support( 'menus' );
    register_nav_menus( array(
      'main-menu' => __( 'Main Menu My', 'mytheme' ),
    ));
  }
}

wp-content\themes\my-theme\inc\Setup\Enqueue.php (5)

<?php
namespace MyTheme\Setup;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Enqueue {
  public static function init() {
    add_action( 'wp_enqueue_scripts', array( self::class, 'loadAssets' ) );
  }
  public static function loadAssets() {
    wp_enqueue_style('theme-style', get_stylesheet_uri(),array(  ),'1.0');
    wp_enqueue_script('theme-js',get_template_directory_uri() . '/assets/js/main.js', array(  ), '1.0',true);
  }
}

wp-content\themes\my-theme\inc\Hooks\Actions.php (6)

<?php
namespace MyTheme\Hooks;
class Actions {
  public static function init() {
    add_action( 'wp_footer', array( self::class, 'footerText' ) );
  }
  public static function footerText() {
    echo "<!-- Theme Loaded -->";
  }
}

wp-content\themes\my-theme\inc\Hooks\Filters.php (7)

<?php
namespace MyTheme\Hooks;
class Filters {
  public static function init() {
    add_filter( 'body_class', array( self::class, 'addClass' ) );
  }
  public static function addClass( $classes ) {
    $classes[  ] = 'oop-theme';
    return $classes;
  }
}

Việc sử dụng use ví dụ: use MyTheme\Hooks\Filters; trở lên linh động hơn rất nhiều

wp-content\themes\my-theme\inc\Core\Theme.php (8)

<?php
namespace MyTheme\Core;
use MyTheme\Setup\Enqueue;
use MyTheme\Setup\ThemeSetup;
use MyTheme\Hooks\Actions;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Theme {
  public static function init() {
    ThemeSetup::init();
    Enqueue::init();
    Actions::init();
  }
}

wp-content\themes\my-theme\inc\Setup\ThemeSetup.php (9)

<?php
namespace MyTheme\Setup;
use MyTheme\Hooks\Filters;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class ThemeSetup {
  public static function init() {
    add_action( 'after_setup_theme', array( self::class, 'setup' ) );
    Filters::init();
  }
  public static function setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    add_theme_support( 'menus' );
    register_nav_menus( array(
      'main-menu' => __( 'Main Menu My', 'mytheme' ),
    ));
  }
}

Filters::init(); sử dụng trong (9) vẫn hoạt động tốt ✅

Cách 2: Thậm chí còn dễ dàng hơn nhiều là dung autoload

wp-content\themes\my-theme\composer.json (10)

{
 "autoload": {
   "psr-4": {
     "MyTheme\\": "inc/"
   }
 }
}

composer dump-autoload

wp-content\themes\my-theme\functions.php (11)

<?php
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
require get_template_directory() . '/vendor/autoload.php';
use MyTheme\Core\Loader;
Loader::init();

wp-content\themes\my-theme\inc\Core\Loader.php (12)

<?php
namespace MyTheme\Core;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Loader {
  public static function init() {
    Theme::init();
  }
}

wp-content\themes\my-theme\inc\Core\Theme.php (13)

<?php
namespace MyTheme\Core;
use MyTheme\Setup\Enqueue;
use MyTheme\Setup\ThemeSetup;
use MyTheme\Hooks\Actions;
use MyTheme\Hooks\Filters;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Theme {
  public static function init() {
    ThemeSetup::init();
    Enqueue::init();
    Actions::init();
    Filters::init();
  }
}

Ta thấy nó ngắn gọn hơn nhiều nó không sử dụng require_once ví dụ: require_once get_template_directory() . '/inc/Setup/ThemeSetup.php'; (2) nữa mà khi sử dụng

use MyTheme\Setup\ThemeSetup; 
thì require get_template_directory() . '/vendor/autoload.php'; 
nó tự động load class ThemeSetup rồi

Override Plugin Premium Addons for Elementor

wp-content\themes\my-theme\functions.php (14)

<?php
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
require get_template_directory() . '/vendor/autoload.php';
use MyTheme\Core\Loader;
use MyTheme\Overrides\PremiumAddons\Override;
Loader::init();
Override::init();

wp-content\themes\my-theme\inc\Overrides\PremiumAddons\Override.php (15)

<?php
namespace MyTheme\Overrides\PremiumAddons;
use MyTheme\Overrides\PremiumAddons\Widgets\Testimonial;
class Override {
  public static function init() {
    add_action('elementor/widgets/register', array( self::class, 'override_widgets' ),20);
  }
  public static function override_widgets( $widgets_manager ) {
    // Remove widget gốc
    $widgets_manager->unregister( 'premium-testimonials' );
    // Load widget custom
    $widgets_manager->register(new Testimonial());
  }
}

wp-content\themes\my-theme\inc\Overrides\PremiumAddons\Widgets\Testimonial.php (16)

<?php
namespace MyTheme\Overrides\PremiumAddons\Widgets;
use PremiumAddons\Widgets\Premium_Testimonials;
class Testimonial extends Premium_Testimonials {
  public function get_name() {
    return 'premium-testimonials';
  }
  protected function render() {
    echo '<div class="my-custom-testimonial">';
    parent::render();
    echo '</div>';
  }
}

wp-content\themes\my-theme\inc\Core\Loader.php (17)

<?php
namespace MyTheme\Core;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Loader {
  public static function init() {
    Theme::init();
  }
}

wp-content\themes\my-theme\inc\Core\Theme.php (18)

<?php
namespace MyTheme\Core;
use MyTheme\Setup\Enqueue;
use MyTheme\Setup\ThemeSetup;
use MyTheme\Hooks\Actions;
use MyTheme\Hooks\Filters;
if ( ! defined( 'ABSPATH' ) ) {
  exit;
}
class Theme {
  public static function init() {
    ThemeSetup::init();
    Enqueue::init();
    Actions::init();
    Filters::init();
  }
}

wp-content\themes\my-theme\index.php (19)

<?php get_template_part( 'templates/header' ); ?>
<main>
<h2>Hello OOP WordPress Theme</h2>
<?php
if ( have_posts() ): ?>
    <?php
    while ( have_posts() ): the_post(); ?>
      <h3><?php the_title(); ?></h3>
    <?php endwhile; ?>
<?php endif; ?>
</main>
<?php get_template_part( 'templates/footer' ); ?>

wp-content\themes\my-theme\templates\header.php (20)

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo('name'); ?></h1>
</header>

wp-content\themes\my-theme\templates\footer.php (21)

<footer>
<p>Copyright <?php echo date('Y'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>