വേർഡ്പ്രസ്സ് വിജറ്റുകൾ എങ്ങനെ ചേർക്കാം?തീം സംയോജന വിജറ്റ് ഏരിയ

ഇഷ്‌ടാനുസൃത മെനു സവിശേഷതകളും സൈഡ്‌ബാർ വിജറ്റുകളും, അതെവേർഡ്പ്രൈസ്തീമിലെ ഫീച്ചർ ഫീച്ചറുകൾ.

• ഒരു തീം ഉണ്ടാക്കുന്നത്, അതിൽ ഈ രണ്ട് ഫംഗ്‌ഷനുകൾ ഉൾപ്പെടുന്നില്ലെങ്കിൽ, ഒരു ചിക്കൻ വാരിയെല്ല് പോലെയാണ്...

ചെൻ വെയ്‌ലിയാങ്മുമ്പത്തേതിൽഒരു വെബ്സൈറ്റ് നിർമ്മിക്കുകഈ ട്യൂട്ടോറിയലിൽ, ഒരു വേർഡ്പ്രസ്സ് തീം എങ്ങനെ നൽകാമെന്ന് ഞാൻ പങ്കിടുന്നുഇഷ്ടാനുസൃത മെനു ചേർക്കുക.

ഒരു തീം സൃഷ്ടിക്കുമ്പോൾ ഇഷ്‌ടാനുസൃത വിജറ്റ് പ്രവർത്തനങ്ങൾ എങ്ങനെ ചേർക്കാമെന്ന് ഈ ലേഖനം വിവരിക്കുന്നു.

തീമുകളിലേക്ക് ഇഷ്‌ടാനുസൃത മെനുകൾ ചേർക്കുന്നത് പോലെ, ഇഷ്‌ടാനുസൃത വിജറ്റുകൾ ചേർക്കുന്നതിന് 3 ഘട്ടങ്ങൾ മാത്രമേ എടുക്കൂ.

ആദ്യ ഘട്ടം, ഗാഡ്ജെറ്റ് രജിസ്ട്രേഷൻ

വിജറ്റ് ഉപയോഗിക്കുന്നതിന്, നിങ്ങൾ ആദ്യം രജിസ്റ്റർ ചെയ്യണം, WordPress തീമിന് കീഴിലുള്ള 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, module 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) സ്റ്റെപ്പ് 1-ൽ ചേർത്ത എല്ലാ ഇഷ്‌ടാനുസൃത വിജറ്റ് വിജറ്റ് കോഡുകളും widgets.php ഫയലിലേക്ക് സംരക്ഷിക്കുക.

എല്ലാ വിജറ്റുകളും സുഗമമായി ലോഡുചെയ്യുന്നുവെന്നും വിജറ്റുകളെ പിന്തുണയ്ക്കുന്ന എല്ലാ വേർഡ്പ്രസ്സ് പതിപ്പുകളിലും പ്രവർത്തിക്കുന്നുവെന്നും ഈ രീതി ഉറപ്പാക്കുന്നു.

ഇതുവഴി, നിങ്ങളുടെ വേർഡ്പ്രസ്സ് തീം ഫയലുകൾ കൂടുതൽ കാര്യക്ഷമമായി നിയന്ത്രിക്കാനാകും.