የዎርድፕረስ መግብሮችን እንዴት ማከል ይቻላል?የገጽታ ውህደት መግብሮች አካባቢ

ብጁ ምናሌ ባህሪያት እና የጎን አሞሌ መግብሮች፣ አዎየዎርድፕረስበጭብጡ ውስጥ ተለይተው የቀረቡ ባህሪያት.

  • ጭብጥ መስራት፣ እነዚህን ሁለት ተግባራት ካላካተተ፣ ልክ እንደ ዶሮ የጎድን አጥንት ነው።

Chen Weiliangበቀድሞው ውስጥድር ጣቢያ መገንባትበዚህ ማጠናከሪያ ትምህርት ውስጥ፣ የዎርድፕረስ ገጽታን እንዴት መስጠት እንዳለብኝ አካፍላለሁ።ብጁ ምናሌን ያክሉ።

ይህ መጣጥፍ ገጽታ ሲፈጠር ብጁ መግብር ተግባራትን እንዴት ማከል እንደሚቻል ይገልጻል።

ልክ በገጽታዎች ላይ ብጁ ሜኑዎችን እንደማከል፣ ብጁ መግብሮችን ማከል 3 እርምጃዎችን ብቻ ይወስዳል።

የመጀመሪያው ደረጃ, የመግብር ምዝገባ

መግብርን ለመጠቀም መጀመሪያ መመዝገብ አለብህ፣ በ WordPress ገጽታ ስር ያለውን function.php ፋይል ይክፈቱ፣

በ function.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>',
    ) );
}

?>

 

የ li እና h2 መለያዎችን በfunctions.php ውስጥ ካሉት መለያዎች ጋር ለማዛመድ ያስተካክሉ።

የ'before_widget' እና 'after_widget' የ li እና ሞጁል h2 ርዕሶች፣ እንደ ትክክለኛው ሁኔታ ኮዱን ያሻሽሉ።

(ምናልባት ያለ ማሻሻያ)

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

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

ከላይ ያለው ኮድ "ከላይ የጎን አሞሌ" የሚባል መግብር አካባቢ ይመዘግባል፡-

  • የሚታየው ስም "የላይኛው የጎን አሞሌ" ነው።
  • በርዕሱ ላይ h2 መለያ ያክሉ።
  • የይዘት እቃዎች በ li መለያ ተሰጥተዋቸዋል።

ይግቡየዎርድፕረስ ጀርባዳሽቦርድ፣ ወደ Appearance → Widgets ይሂዱ።

ከታች በምስሉ በስተቀኝ ያለውን የላይኛው የጎን አሞሌ መግብርን ማየት ከቻሉ ምዝገባው ስኬታማ ሆኗል ማለት ነው ▼

በዎርድፕረስ በቀኝ በኩል ከፍተኛ የጎን አሞሌ መግብርን ያክሉ

ሁለተኛው ደረጃ, የመግብር ጥሪ

መግብሩ ከተመዘገበ በኋላ በገጽታ አብነት ፋይል ውስጥ ሊጠራ ይችላል, እና የሚከተለው ኮድ በ 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) ካስቀመጡ በኋላ የፊት ገጽን ያድሱ።

  • የድረ-ገጻችን የጎን አሞሌ ከታች ያለውን ምስል ▼ ይመስላል

የዎርድፕረስ ድር ጣቢያ የፊት-መጨረሻ መግብር አካባቢ ቁጥር 3

የእኛ መግብር እንደተሰራ እና እንደተለመደው እየሰራ መሆኑን የሚያመለክተው ከላይ ያለውን ምስል ማየት ይችላሉ።

በተለያዩ አካባቢዎች በርካታ የዎርድፕረስ መግብሮችን እንዴት ማከል ይቻላል?

የእርስዎን የዎርድፕረስ ጭብጥ በተለያዩ ቦታዎች ያሉ መግብሮችን እንዲደግፉ ለማድረግ ደረጃ XNUMX እና XNUMXን ይድገሙ።

ወደ ራስጌ፣ የጎን አሞሌ እና የጭብጡ ግርጌ መግብር ማከል አለብህ እንበል።

1) በመጀመሪያ የሚከተለውን ኮድ ወደ ተግባራት.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) ኮዱን ወደ function.php ፋይል ያክሉ፡

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

3) በደረጃ 1 ላይ የተጨመሩትን ሁሉንም ብጁ መግብሮች መግብር ኮድ ወደ widgets.php ፋይል ያስቀምጡ።

ይህ ዘዴ ሁሉም መግብሮች ያለችግር እንዲጫኑ እና መግብሮችን በሚደግፉ በሁሉም የዎርድፕረስ ስሪቶች ላይ እንዲሰሩ ያረጋግጣል።

በዚህ መንገድ የዎርድፕረስ ጭብጥ ፋይሎችዎን በብቃት ማስተዳደር ይችላሉ።

ተስፋ Chen Weiliang ብሎግ ( https://www.chenweiliang.com/ ) የተጋራ "እንዴት የዎርድፕረስ መግብሮችን መጨመር ይቻላል?የገጽታ ውህደት መግብሮች አካባቢ" ይረዳሃል።

እንኳን በደህና መጡ የዚህን ጽሁፍ ማገናኛ ለማጋራት፡-https://www.chenweiliang.com/cwl-1476.html

አዳዲስ መረጃዎችን ለማግኘት ወደ የቼን ዌይሊያንግ ብሎግ የቴሌግራም ቻናል እንኳን በደህና መጡ።

🔔 ጠቃሚ የሆነውን "ChatGPT Content Marketing AI Tool Usage Guide" በቻናል ከፍተኛ ማውጫ ውስጥ ለማግኘት የመጀመሪያው ይሁኑ! 🌟
📚 ይህ መመሪያ ትልቅ ዋጋ አለው፣ 🌟ይህ ያልተለመደ እድል ነው፣ እንዳያመልጥዎ! ⏰⌛💨
ከወደዳችሁት ሼር እና ላይክ አድርጉ!
የእርስዎ ማጋራት እና መውደዶች ቀጣይ ማበረታቻዎቻችን ናቸው!

 

评论ሺ评论评论评论 ፡፡

የኢሜል አድራሻዎ አይታተምም ፡፡ 项 已 用 ፡፡ * 标注

ወደ ላይ ይሸብልሉ