مۇئەللىم بىلوگى يازما مۇندەرىجىسى

ئەسسالامۇ ئەلەيكۇم ، مۇئەللىم بىلوگىغا كىرگەن ئەزىز ئوقۇرمەن ، كەلگەن قەدىمىڭىز قۇتلۇق بولسۇن !!!
مۇئەللىم بىلوگىنىڭ نۆۋەتتىكى يازما بېتىنىڭ ئۈستى تەرىپىدە ، «يازما مۇندەرىجىسى»دەيدىغان بىر جاي بار ، بۇ مۇندەرىجىدىكى خالىغان مۇندەرىجە تىزىملىكىنى چىكىش ئارقىلىق ، شۇ مۇندەرىجىدە بايان قىلىنغان مەزمۇنلارغا تىز سۈرئەتتە قايتىقىلى بولىدۇ . ھەمدە يازما مەزمۇنىنى يازما مۇندەرىجىسىگە ئاساسەن تاللاپ ئوقۇغىلى بولىدۇ .
بۇ يازمىمىزدا كەڭ بىلوگگىر دوسىتلار بىلەن ، يازما مۇندەرىجىسىنى قانداق چىقىرىش ھەققىدە ئورتاقلىشىمىز . يازما مۇندەرىجىسىنىڭ مۇئەللىم بىلوگىدىكى ئۈنۈمى (رەسىمگە قاراڭ) :

يازما مۇندەرىجىسى ئورنىتىشنىڭ ئۇسۇللىرى تۆۋەندىكىچە :

كود ئارقىلىق يازما مۇندەرىجىسى قۇرۇش

يەنى تۆۋەندىكى كودنى functions.php ھۆججىتىنىڭ ئەڭ ئاخىرقى قۇرىدىكى ?> نىڭ ئۈستىگە قويۇڭ .

  1. //يازما مۇندەرىجىسى  
  2. function article_index($content) {  
  3. $matches = array();  
  4. $ul_li = '';  
  5. $r = "/<h3>([^<]+)<\/h3>/im";  
  6. if(preg_match_all($r$content$matches)) {  
  7. foreach($matches[1] as $num => $title) {  
  8. $content = str_replace($matches[0][$num], '<h3 id="title-'.$num.'">'.$title.'</h3>', $content);  
  9. $ul_li .= '<li><a href="#title-'.$num.'" title="'.$title.'">'.$title."</a></li>\n";  
  10. }  
  11. $content = "\n<div id=\"article-index\"> 
  12. <strong> يازما مۇندەرىجىسى </strong> 
  13. <ul id=\"index-ul\">\n" . $ul_li . "</ul> 
  14. </div>\n" . $content;  
  15. }  
  16. return $content;  
  17. }  
  18. add_filter( "the_content""article_index" );  

ئىشلىتىش كۆرسەتمىسى

يازما تەھرىرلىگەن ۋاقتىمىزدا ، HTML ھالەتتىكى تەھرىرلەش ھالىتىدە ، يازما مۇندەرىجىسىنى

  1. <h3>مۇندەرىجە نامى</h3>  

«مۇندەرىجە نامى»دېگەن ئورۇنغا قويىسىز .

CSSكودى

يازما مۇندەرىجىسىنىڭ شەكلىنى ياخشى كۆرسىتىش ئۈچۈن ، تۆۋەندىكى كودنى style.css نىڭ ئەڭ ئاخىرىغا قويۇڭ .

  1. /** يازما مۇندەرىجىسى**/  
  2. #article-index {  
  3. background :#FFECEC;  
  4. -moz-border-radius: 6px 6px 6px 6px;  
  5. border1px solid #DEDFE1;  
  6. floatrightright;  
  7. margin: 0 0 0px 15px;  
  8. padding: 0 6px;  
  9. width260px;  
  10. line-height23px;  
  11. }  
  12. #article-index strong {  
  13. font-size16px;  
  14. text-align:center;  
  15. border-bottom1px dashed #DDDDDD;  
  16. displayblock;  
  17. line-height30px;  
  18. padding: 0 4px;  
  19. }  
  20. #index-ul {  
  21. margin: 0;  
  22. padding-bottom10px;  
  23. }  
  24. #index-ul li {  
  25. backgroundnone repeat scroll 0 0 transparent;  
  26. list-style-typedisc;  
  27. padding: 0;  
  28. margin-right: -10px;  
  29. }  
  30. #content h5{text-align:center;margin:10px 10pxborder-bottom:#cc0000 3px solid;color:#00BB00;height:20px;font-size:16px;  
  31. }  

شۇنىڭ بىلەن يازمىغا «يازما مۇندەرىجىسى»چىقىرىش توغرىسىدىكى بۇ يازما مۇشۇ يەردە ئاياقلاشتى ، كەڭ دوستلارنىڭ بۇ ئۇسۇلنى قوللانغاندىن كېيىن ، قىممەتلىك ئىنكاسلىرىنى ئايىماسلىقىنى ئۈمىد قىلىمەن ......

مۇئەللىم
ماسلىشىشچان بىلوگ ئۇسلۇبى : Ality
HotNews Pro ئۇسلۇبى
ۋوردپرس ئۇسلۇبى : Gulchi
Wordpress رەسىم  ئۇسلۇبى : qanat

باھا يوللايمەن

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

نۆۋەتتە :1    باھا بار | بۇنىڭ ئىچىدە زىيارەتچى قالدۇرغىنى :   1   پارچە | باشقۇرغۇچى قالدۇرغىنى :   0 پارچە

    • avatar مۇئەللىم بېكەت باشلىقى

      ۋە ئەلەيكۇم ئەسسالام ، بۇ تەس ئەمەس ، ھەر ئىككى كودنى ئاۋۇ دېيىلگەن ئىككى ھۆججەتنىڭ دېيىلگەن يىرىگىلا قوشسىڭىز ئىش تامام ، ئاندىن يازمىدا ئۈنۈمىنى كۆرسىڭىز بولىدۇ . :mrgreen: