ವರ್ಡ್ಪ್ರೆಸ್ ವಿಜೆಟ್‌ಗಳನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?ಥೀಮ್ ಏಕೀಕರಣ ವಿಜೆಟ್‌ಗಳ ಪ್ರದೇಶ

ಕಸ್ಟಮ್ ಮೆನು ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ಸೈಡ್‌ಬಾರ್ ವಿಜೆಟ್‌ಗಳು, ಹೌದುವರ್ಡ್ಪ್ರೆಸ್ಥೀಮ್ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು.

• ಥೀಮ್ ಮಾಡುವುದು, ಈ ಎರಡು ಕಾರ್ಯಗಳನ್ನು ಒಳಗೊಂಡಿರದಿದ್ದರೆ, ಅದು ಕೋಳಿ ಪಕ್ಕೆಲುಬಿನಂತಿದೆ...

ಚೆನ್ ವೈಲಿಯಾಂಗ್ಹಿಂದಿನದರಲ್ಲಿವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಿಸಿಈ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ, ನಾನು WordPress ಥೀಮ್ ಅನ್ನು ಹೇಗೆ ನೀಡಬೇಕೆಂದು ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆಕಸ್ಟಮ್ ಮೆನು ಸೇರಿಸಿ.

ಥೀಮ್ ರಚಿಸುವಾಗ ಕಸ್ಟಮ್ ವಿಜೆಟ್ ಕಾರ್ಯಗಳನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು ಎಂಬುದನ್ನು ಈ ಲೇಖನವು ವಿವರಿಸುತ್ತದೆ.

ಥೀಮ್‌ಗಳಿಗೆ ಕಸ್ಟಮ್ ಮೆನುಗಳನ್ನು ಸೇರಿಸುವಂತೆಯೇ, ಕಸ್ಟಮ್ ಸೇರಿಸುವ ವಿಜೆಟ್‌ಗಳು ಕೇವಲ 3 ಹಂತಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.

ಮೊದಲ ಹಂತ, ಗ್ಯಾಜೆಟ್ ನೋಂದಣಿ

ವಿಜೆಟ್ ಅನ್ನು ಬಳಸಲು, ನೀವು ಮೊದಲು ನೋಂದಾಯಿಸಿಕೊಳ್ಳಬೇಕು, ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಅಡಿಯಲ್ಲಿ functions.php ಫೈಲ್ ಅನ್ನು ತೆರೆಯಿರಿ,

Functions.php ಫೈಲ್‌ನಲ್ಲಿ, ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಿ:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

sidebar.php ನಲ್ಲಿನ ಟ್ಯಾಗ್‌ಗಳಿಗೆ ಅನುಗುಣವಾಗಿ functions.php ನಲ್ಲಿ li ಮತ್ತು h2 ಟ್ಯಾಗ್‌ಗಳನ್ನು ಮಾರ್ಪಡಿಸಿ:

'before_widget' ಮತ್ತು 'after_widget' ನ li ಮತ್ತು ಮಾಡ್ಯೂಲ್ h2 ಶೀರ್ಷಿಕೆಗಳು, ನೈಜ ಪರಿಸ್ಥಿತಿಗೆ ಅನುಗುಣವಾಗಿ ಕೋಡ್ ಅನ್ನು ಮಾರ್ಪಡಿಸುತ್ತವೆ.

(ಬಹುಶಃ ಮಾರ್ಪಾಡು ಇಲ್ಲದೆ)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

ಮೇಲಿನ ಕೋಡ್ "ಟಾಪ್-ಸೈಡ್‌ಬಾರ್" ಹೆಸರಿನ ವಿಜೆಟ್ ಪ್ರದೇಶವನ್ನು ನೋಂದಾಯಿಸುತ್ತದೆ:

• ಪ್ರದರ್ಶಿಸಲಾದ ಹೆಸರು "ಟಾಪ್ ಸೈಡ್‌ಬಾರ್".
• ಶೀರ್ಷಿಕೆಗೆ h2 ಟ್ಯಾಗ್ ಸೇರಿಸಿ.
• ವಿಷಯ ಐಟಂಗಳನ್ನು li ನೊಂದಿಗೆ ಟ್ಯಾಗ್ ಮಾಡಲಾಗಿದೆ.

ಲಾಗ್ವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಯಾಕೆಂಡ್ಡ್ಯಾಶ್‌ಬೋರ್ಡ್, ಗೋಚರತೆ → ವಿಜೆಟ್‌ಗಳಿಗೆ ಹೋಗಿ.

ಕೆಳಗಿನ ಚಿತ್ರದ ಬಲಭಾಗದಲ್ಲಿ ನೀವು ಟಾಪ್ ಸೈಡ್‌ಬಾರ್ ವಿಜೆಟ್ ಪ್ರದೇಶವನ್ನು ನೋಡಿದರೆ, ನೋಂದಣಿ ಯಶಸ್ವಿಯಾಗಿದೆ ಎಂದರ್ಥ ▼

ಎರಡನೇ ಹಂತ, ಗ್ಯಾಜೆಟ್ ಕರೆ

ಗ್ಯಾಜೆಟ್ ಅನ್ನು ನೋಂದಾಯಿಸಿದ ನಂತರ, ಅದನ್ನು ಥೀಮ್ ಟೆಂಪ್ಲೇಟ್ ಫೈಲ್‌ನಲ್ಲಿ ಕರೆಯಬಹುದು ಮತ್ತು ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು sidebar.php ಫೈಲ್‌ನಲ್ಲಿ ಕರೆಯಬಹುದು.

1) sidebar.php ಫೈಲ್‌ನಲ್ಲಿ, ದೊಡ್ಡ li ಅಥವಾ div ಟ್ಯಾಗ್‌ನ ಕೆಳಗೆ, ▼ ಸೇರಿಸಿ

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) sidebar.php ಫೈಲ್‌ನಲ್ಲಿ, ದೊಡ್ಡದುಅಥವಾಮೇಲೆ, ▼ ಸೇರಿಸಿ

<?php endif; ?>

ಹಂತ XNUMX: ವಿಜೆಟ್‌ಗಳನ್ನು ಹೊಂದಿಸಿ

1) ಗ್ಯಾಜೆಟ್ ಅನ್ನು ನೋಂದಾಯಿಸಲಾಗಿದೆ ಮತ್ತು ಥೀಮ್ ಫೈಲ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶನ ಸ್ಥಾನವನ್ನು ಸಹ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ.

• ನೀವು ವರ್ಡ್ಪ್ರೆಸ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ವಿಜೆಟ್ ಗುಂಪು ಪ್ರದೇಶವನ್ನು ಹೊಂದಿಸಬಹುದು ▼

2) ಉಳಿಸಿದ ನಂತರ, ಮೊದಲ ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿ.

• ನಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಸೈಡ್‌ಬಾರ್ ಕೆಳಗಿನ ಚಿತ್ರದಂತೆ ಕಾಣುತ್ತದೆ ▼

ಮೇಲಿನ ಚಿತ್ರವನ್ನು ನೀವು ನೋಡಬಹುದು, ನಮ್ಮ ಗ್ಯಾಜೆಟ್ ಅನ್ನು ತಯಾರಿಸಲಾಗಿದೆ ಮತ್ತು ಎಂದಿನಂತೆ ಚಾಲನೆಯಲ್ಲಿದೆ ಎಂದು ಸೂಚಿಸುತ್ತದೆ.

ವಿವಿಧ ಪ್ರದೇಶಗಳಲ್ಲಿ ಬಹು ವರ್ಡ್ಪ್ರೆಸ್ ವಿಜೆಟ್‌ಗಳನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?

ವಿಭಿನ್ನ ಸ್ಥಳಗಳಲ್ಲಿ ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಬೆಂಬಲ ವಿಜೆಟ್‌ಗಳನ್ನು ಮಾಡಲು XNUMX ಮತ್ತು XNUMX ಹಂತಗಳನ್ನು ಪುನರಾವರ್ತಿಸಿ.

ನೀವು ಹೆಡರ್, ಸೈಡ್‌ಬಾರ್ ಮತ್ತು ಥೀಮ್‌ನ ಕೆಳಭಾಗಕ್ಕೆ ವಿಜೆಟ್ ಅನ್ನು ಸೇರಿಸಬೇಕಾಗಿದೆ ಎಂದು ಭಾವಿಸೋಣ.

1) ಮೊದಲು, ನೀವು ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು functions.php ಫೈಲ್‌ಗೆ ನಕಲಿಸಬೇಕು ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) ಮುಂದೆ, ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಕ್ರಮವಾಗಿ header.php, sidebar.php ಮತ್ತು footer.php ಫೈಲ್‌ಗಳಿಗೆ ಸೇರಿಸಿ.

header.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

sidebar.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

ಅಡಿಟಿಪ್ಪಣಿ.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

ಇದು ಯಶಸ್ಸು!

• ಸಹಜವಾಗಿ, ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ನೀವು ಕೋಡ್‌ನಲ್ಲಿ ವಿವಿಧ ವಿವರಗಳನ್ನು ಮಾರ್ಪಡಿಸಬಹುದು ^_^
• ಮೇಲಿನ 2 ಹಂತಗಳು, ವಿಜೆಟ್‌ನ ಕಾರ್ಯವನ್ನು ಸಂಯೋಜಿಸಲು ಉಳಿದ ಥೀಮ್‌ಗಳನ್ನು ಅನುಮತಿಸಿ.

ಮುಂದೆ, WordPress ನಲ್ಲಿ ವಿಜೆಟ್‌ಗಳನ್ನು ಬಳಸುವುದಕ್ಕಾಗಿ ಸಲಹೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದನ್ನು ಮುಂದುವರಿಸಿ.

ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಇಂಟಿಗ್ರೇಷನ್ ವಿಜೆಟ್ ವಿಜೆಟ್ ಸಲಹೆಗಳು

ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳನ್ನು ಸಮರ್ಥವಾಗಿ ನಿರ್ವಹಿಸಿ:

1) ಥೀಮ್‌ಗೆ ವಿಜೆಟ್‌ಗಳನ್ನು ಸೇರಿಸಿದ ನಂತರ, ನೀವು ಪ್ರತ್ಯೇಕ ಫೈಲ್ ಅನ್ನು ರಚಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು ಹೆಸರಿಸಬಹುದುwidgets.php.

• ಈ ಫೋಲ್ಡರ್‌ಗೆ ಹಂತ 1 ರಲ್ಲಿ ಸೇರಿಸಲಾದ ಎಲ್ಲಾ ಕಸ್ಟಮ್ ವಿಜೆಟ್ ಕೋಡ್ ಅನ್ನು ಉಳಿಸಲು.

2) functions.php ಫೈಲ್‌ಗೆ ಕೋಡ್ ಸೇರಿಸಿ:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) widgets.php ಫೈಲ್‌ಗೆ ಹಂತ 1 ರಲ್ಲಿ ಸೇರಿಸಲಾದ ಎಲ್ಲಾ ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳ ವಿಜೆಟ್ ಕೋಡ್ ಅನ್ನು ಉಳಿಸಿ.

ಈ ವಿಧಾನವು ಎಲ್ಲಾ ವಿಜೆಟ್‌ಗಳು ಸರಾಗವಾಗಿ ಲೋಡ್ ಆಗುವುದನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ ಮತ್ತು ವಿಜೆಟ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುವ ಎಲ್ಲಾ ವರ್ಡ್ಪ್ರೆಸ್ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ಈ ರೀತಿಯಾಗಿ, ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಫೈಲ್‌ಗಳನ್ನು ನೀವು ಹೆಚ್ಚು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನಿರ್ವಹಿಸಬಹುದು.