পুরো উদাহরণ
উদাহরণস্বরূপ একটি দ্রুত (মিউ) প্লাগইন:
<?php
/** Plugin Name: Add Admin Bar Icon */
add_action( 'admin_bar_menu', function( \WP_Admin_Bar $bar )
{
$bar->add_menu( array(
'id' => 'wpse',
'parent' => null,
'group' => null,
'title' => __( 'Example', 'some-textdomain' ),
'href' => get_edit_profile_url( get_current_user_id() ),
'meta' => array(
'target' => '_self',
'title' => __( 'Hello', 'some-textdomain' ),
'html' => '<p>Hello</p>',
'class' => 'wpse--item',
'rel' => 'friend',
'onclick' => "alert('Hello');",
'tabindex' => PHP_INT_MAX,
),
) );
} );
যা নীচের এইচটিএমএলকে প্রথম উপাদান হিসাবে রেন্ডার করে (এবং সেইসাথে আমাদের অ্যাডমিন বারকে অকেজো করে তোলে, তবে এটি এই উদাহরণের মূল বিষয় নয়):
<li id="wp-admin-bar-wpse" class="wpse--item">
<a class="ab-item" tabindex="9223372036854775807" href="http://astro.dev/wp-admin/profile.php" onclick="alert(\'Hello\');" target="_self" title="Hello" rel="friend">Example</a>
<p>Hello</p>
</li>
এখন আমরা একটি বেস পেয়েছি, আমরা যত্ন নিতে পারি ...
আইকন যোগ করা হচ্ছে
দুঃখজনক সংবাদ: এটি করার সহজ কোনও উপায় নেই। কমপক্ষে নিজের স্টাইলশিটটি যুক্ত না করেই। আপনি যেমন ( কোডটিতে ) পড়তে পারেন, কিছু কিছু ঘটছে: আমি আসল আইটেমের আগে কোনও ড্যাশিকন মোড়ানোর জন্য প্রয়োজনীয় এইচটিএমএলকে চাপ দিয়েছি । তারপরে আমি অ্যাকশনে সর্বশেষ সংখ্যা হিসাবে খুব উচ্চ পূর্ণসংখ্যার যোগ করেছি - এটাই অ্যাডমিন বারের আইটেমের অবস্থান স্থির করে।
<?php
/** Plugin Name: Add Admin Bar Icon */
add_action( 'admin_bar_menu', function( \WP_Admin_Bar $bar )
{
$bar->add_menu( array(
'id' => 'wpse',
'title' => '<span class="ab-icon"></span>'.__( 'Example', 'some-textdomain' ),
'href' => get_edit_profile_url( get_current_user_id() ),
'meta' => array(
'target' => '_self',
'title' => __( 'Ahoi!', 'some-textdomain' ),
'html' => '<!-- Custom HTML that goes below the item -->',
),
) );
}, 210 ); // <-- THIS INTEGER DECIDES WHERE THE ITEM GETS ADDED (Low = left, High = right)
add_action( 'wp_enqueue_scripts', function()
{
wp_enqueue_style( /* register your stylesheet */ );
}
শেষ পর্যন্ত আপনাকে নিজের স্টাইলশীটে কিছু সিএসএস বিধি যুক্ত করতে হবে। শুধুমাত্র চলন্ত অংশ wpseমধ্যে #/id। বাকিগুলি সব অ্যাডমিন বার আইটেম / নোডের জন্য স্থির এবং সমান। topড্যাশিকন ফিট করার জন্য আপনার পজিশনও সামঞ্জস্য করতে হতে পারে । তাদের সাইট থেকে কেবল একটি ড্যাশিকন বেছে নিন এবং নীচের সিএসএসে fXXXকোড যুক্ত করুন ।
#wpadminbar #wp-admin-bar-wpse .ab-icon:before {
content: '\f306';
top: 3px;
}