ਵਰਡਪਰੈਸ ਵਿਜੇਟਸ ਨੂੰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ?ਥੀਮ ਏਕੀਕਰਣ ਵਿਜੇਟਸ ਖੇਤਰ

ਕਸਟਮ ਮੀਨੂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਸਾਈਡਬਾਰ ਵਿਜੇਟਸ, ਹਾਂਵਰਡਪਰੈਸਥੀਮ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.

• ਇੱਕ ਥੀਮ ਬਣਾਉਣਾ, ਜੇਕਰ ਇਸ ਵਿੱਚ ਇਹ ਦੋ ਫੰਕਸ਼ਨ ਸ਼ਾਮਲ ਨਹੀਂ ਹਨ, ਤਾਂ ਇੱਕ ਚਿਕਨ ਰਿਬ ਵਾਂਗ ਹੈ...

ਚੇਨ ਵੇਲਿਯਾਂਗਪਿਛਲੇ ਵਿੱਚਇੱਕ ਵੈਬਸਾਈਟ ਬਣਾਓਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ, ਮੈਂ ਸਾਂਝਾ ਕਰਦਾ ਹਾਂ ਕਿ ਵਰਡਪਰੈਸ ਥੀਮ ਕਿਵੇਂ ਦਿੱਤੀ ਜਾਵੇਕਸਟਮ ਮੀਨੂ ਸ਼ਾਮਲ ਕਰੋ।

ਇਹ ਲੇਖ ਵਰਣਨ ਕਰਦਾ ਹੈ ਕਿ ਥੀਮ ਬਣਾਉਣ ਵੇਲੇ ਕਸਟਮ ਵਿਜੇਟ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ।

ਥੀਮਾਂ ਵਿੱਚ ਕਸਟਮ ਮੀਨੂ ਜੋੜਨ ਵਾਂਗ, ਕਸਟਮ ਜੋੜਨ ਵਾਲੇ ਵਿਜੇਟਸ ਵਿੱਚ ਸਿਰਫ਼ 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>

footer.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 ਕਦਮ, ਬਾਕੀ ਥੀਮ ਨੂੰ ਵਿਜੇਟ ਦੀ ਕਾਰਜਸ਼ੀਲਤਾ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ।

ਅੱਗੇ, ਵਰਡਪਰੈਸ ਵਿੱਚ ਵਿਜੇਟਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਸੁਝਾਅ ਸਾਂਝੇ ਕਰਨਾ ਜਾਰੀ ਰੱਖੋ।

ਵਰਡਪਰੈਸ ਥੀਮ ਏਕੀਕਰਣ ਵਿਜੇਟ ਵਿਜੇਟ ਸੁਝਾਅ

ਕਸਟਮ ਵਿਜੇਟਸ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰੋ:

1) ਥੀਮ ਵਿੱਚ ਵਿਜੇਟਸ ਜੋੜਨ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਇੱਕ ਵੱਖਰੀ ਫਾਈਲ ਬਣਾ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸਨੂੰ ਨਾਮ ਦੇ ਸਕਦੇ ਹੋwidgets.php.

• ਇਸ ਫੋਲਡਰ ਵਿੱਚ ਕਦਮ 1 ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਸਾਰੇ ਕਸਟਮ ਵਿਜੇਟ ਕੋਡ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ।

2) ਕੋਡ ਨੂੰ functions.php ਫਾਈਲ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ:

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

3) widgets.php ਫਾਈਲ ਵਿੱਚ ਕਦਮ 1 ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਸਾਰੇ ਕਸਟਮ ਵਿਜੇਟਸ ਵਿਜੇਟ ਕੋਡ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ।

ਇਹ ਵਿਧੀ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਸਾਰੇ ਵਿਜੇਟਸ ਸੁਚਾਰੂ ਢੰਗ ਨਾਲ ਲੋਡ ਹੁੰਦੇ ਹਨ ਅਤੇ ਵਿਜੇਟਸ ਦਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਸਾਰੇ ਵਰਡਪਰੈਸ ਸੰਸਕਰਣਾਂ 'ਤੇ ਕੰਮ ਕਰਦੇ ਹਨ।

ਇਸ ਤਰੀਕੇ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੀਆਂ ਵਰਡਪਰੈਸ ਥੀਮ ਫਾਈਲਾਂ ਨੂੰ ਵਧੇਰੇ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰ ਸਕਦੇ ਹੋ.