लोग वर्डप्रेस को क्यों पसंद करते हैं? क्योंकि उसके साथ काम करना आसान है। Joomla और Drupal जैसे बड़े CMS में कोई लचीलापन नहीं है, जिसका अर्थ है कि आप भ्रमित नहीं होंगे। और वह बहुत लोकप्रिय भी है - जिसका अर्थ है कि आप सभी अवसरों के लिए प्लगइन्स पा सकते हैं।

अच्छे कारण के लिए, Lurkmore.ru से निंदा के बावजूद , हर्ब सटर , मार्क शटलवर्थ और कई अन्य लोग Wordpress का उपयोग करते हैं। उदाहरण के लिए, मुझे।

अपनी पोस्ट में, मैं अक्सर अन्य लोगों के ब्लॉगों का संदर्भ देता हूं। और मेरे पास यह विचार आया - क्यों न मैं उस व्यक्ति को दिखाऊं जिसे मैं संदर्भित करता हूं, उपनाम के बगल में, उसकी सेवा का आइकन भी? उदाहरण के लिए, ट्विटर से एक पक्षी या एक ब्लॉगस्पॉट से एक पत्र बी? इसी तरह की कार्यक्षमता है, उदाहरण के लिए, विकिपीडिया पर, और कई ब्लॉग होस्ट इसकी अनुमति देते हैं (उदाहरण के लिए, ड्रीमवर्क)।

तो वर्डप्रेस रिक्की के WP सामाजिक प्रतीक के लिए प्लगइन पैदा हुआ था। आपको किसी भी सेवा में एक खाते के लिए लिंक जोड़ने की अनुमति देता है, एक सामाजिक नेटवर्क से गीथहब तक, माउस के एक क्लिक के साथ।

क्यों?

वर्डप्रेस के लिए प्लगइन्स लिखने के तरीके पर कई लेख हैं, लेकिन उनमें से एक में उन कीड़े के बारे में एक शब्द नहीं था जो मुझे काम के दौरान सामना करना पड़ा। इसलिए, मैं अपने छापों को लिख रहा हूं - अचानक कोई एक ही बात सामने आएगी, लेकिन वह नहीं जानता कि कैसे तय किया जाए। और मैं उन सभी सुधारों को इंगित करता हूं जो आमतौर पर प्रशिक्षण के उदाहरणों में छोड़े गए हैं।

काम करते समय, मैंने अन्य लोगों के प्लगइन्स के स्रोत कोड का काफी उपयोग किया, साथ ही जेनय घटनाक्रम (लेखों की उनकी श्रृंखला के लिंक भी परिशिष्ट में दिए गए हैं)। लेकिन "कारीगर" कार्यान्वयन पर्याप्त नहीं था। प्लगइन सुविधाजनक है क्योंकि प्रत्येक अंतिम उपयोगकर्ता इसे स्वयं संशोधित कर सकता है। तो, आपको नई सेवा के लिए समर्थन जोड़ने के लिए ऐसा करने की आवश्यकता है, यह पांच मिनट और एक पुनर्स्थापना का मामला था।

विशेष रूप से काम ने मदद की कि मैं इस प्लग-इन का उपयोग करने जा रहा हूं (यानी, कुत्ते का खाना खाएं , जैसा कि हमारे अमेरिकी सहयोगियों का कहना है)। और यह मेरी तड़प थी कि पहले रेखाचित्रों ने मुझे बताया कि कहाँ और क्या सुधार किया जा सकता है।

प्रोग्राम

डिज़ाइन

शुरू करने के लिए, Wordpress के लिए प्लगइन्स लिखना आसान नहीं है , लेकिन बहुत सरल है । आपको ऐसी कक्षाएं बनाने की आवश्यकता नहीं है जो किसी चीज़ से विरासत में मिली हैं, या स्वरूपों के साथ स्मार्ट हैं, या कुछ मुश्किल विनिर्देशों का पालन करें। "इवेंट्स" को विशेष ऑब्जेक्ट्स में रखा जाता है जो "बड़े" अनुप्रयोगों में घटनाओं की तरह काम करते हैं।

पहले आपको ध्यान से सोचने की ज़रूरत है कि हमें क्या चाहिए। और हमें व्यक्तिगत शब्दों को चिह्नित करने का एक तरीका चाहिए, जो संपादन करते समय दिखाई दे और स्वचालित रूप से पोस्ट, पेज और आरएसएस में एक लिंक में परिवर्तित हो जाए।

शॉर्टकोड बहुत समान रूप से काम करता है - एक विशेष टैग जो चौकोर कोष्ठक से घिरा होता है और विशेष रूप से प्लगइन्स द्वारा प्रसंस्करण के लिए सिलवाया जाता है। उन्हें एक और संस्करण 2.5 दिखाई दिया, जो 2008 में वापस जारी किया गया था, इसलिए संगतता के साथ विशेष समस्याएं हमें धमकी नहीं देती हैं।

हमें उपयोगकर्ता से कौन सा प्रारूप स्वीकार करना चाहिए? क्योंकि अंतिम HTML- कोड केवल आइकन और यूआरएल में भिन्न होगा, यह एक शोर्ट और एक फ़ंक्शन के लिए तार्किक होगा जो इसे संसाधित करेगा। अतिरिक्त जानकारी को मापदंडों के माध्यम से भी प्रेषित किया जा सकता है, जो बहुत सुविधाजनक है। इसके अलावा, हम जितने कम शॉर्टकोड बनाते हैं, कम मौका है कि हम कुछ अन्य प्लगइन के साथ संघर्ष में आएंगे।

मेरा शोर्ट इस तरह दिखता है:

[प्रयोक्ता आईडी]

इसके पैरामीटर हैं:

'आईडी' एक वैकल्पिक पैरामीटर है। आईडी, जिसके तहत हमारा हीरो सेवा में पंजीकृत है। उदाहरण के लिए। टोर्वाल्ड-परिवार।

'type'- सेवा

'url' एक वैकल्पिक पैरामीटर है। url जिसे हम संदर्भित करना चाहते हैं (उदाहरण के लिए, एक प्रोफ़ाइल या कुछ अलग ब्लॉग पोस्ट)।

और इसे इस तरह से उपयोग करें:

[userid type="blogspot" id="torvalds-family"]Linus Torvalds[/userid]


या तो:

[userid type="blogspot" url="http://blogspot.com"]blogspot[/userid]


कर्नेल लिखना

अब हमारे प्लगइन के लिए एक संरचना बनाएं ( GitHub पर देखें) और rikkis-wp-social-icons.php में हमारे लघु कर्नेल की रूपरेखा तैयार करें:

 class socialusers { var $options = array( "blogspot" => "http://%s.blogspot.com/", "ljuser" => "http://%s.livejournal.com/", "ljcomm" => "http://livejournal.com/community/%s", "liruboy" => "http://www.liveinternet.ru/users/%s/", "lirugirl" => "http://www.liveinternet.ru/users/%s/", "vk" => "http://vk.com/%s", "twitter" => "http://twitter.com/#!/%s/", "facebook" => "http://www.facebook.com/%s", "google_plus" => "https://plus.google.com/%s", "wordpress" => "http://%s.wordpress.com/", "habrahabr" => "http://%s.habrahabr.ru/", "github" => "http://github.com/users/%s/" ); function socialusers(){ if (!function_exists ('add_shortcode') ) return; add_shortcode('userid', array (&$this, 'icon_func') ); } function icon_func($atts, $content="") { if (!$content) return ""; extract( shortcode_atts ( array('id' => null, 'type' => null, 'url' => null), $atts ) ); if (!$type || !array_key_exists($type, $this->options) ) return $content; if (!$id) $id = $content; $userinfo_url = esc_url(($url) ? $url : sprintf($this->options[$type], trim($id))); $userpic_url = esc_url(plugins_url( "js/img/$type.gif" , __FILE__ )); return "<span style='white-space: nowrap; display: inline !important;'><a href='$userinfo_url' ref='nofollow'><img src='$userpic_url' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0; padding-right: 1px;vertical-align:middle; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0;' /></a><a href='$userinfo_url' ref='nofollow'><b>$content</b></a></span>"; } } $socialusers = new socialusers(); 

चर नामों के टकराव से बचने के लिए, हम अपने सभी कॉल को एक सामाजिक वर्ग के वर्ग में रखते हैं। विकल्प चर उन आईडी और सेवाओं को संग्रहीत करता है जिन्हें हम संदर्भ में जा रहे हैं, उपयोगकर्ता नाम को% s के साथ बदल रहे हैं। Js / img फोल्डर में हम संबंधित आइकन्स के साथ gifs लगाते हैं।

कंस्ट्रक्टर में, हम यह देखने के लिए जांचते हैं कि क्या वर्डप्रेस शोर्ट का समर्थन करता है, और यदि नहीं, तो हम कुछ भी नहीं करते हैं। उपयोगकर्ता के लिए पूरे Wordpress को रोल करना अच्छा नहीं है क्योंकि वह पुराने संस्करण का उपयोग कर रहा है।

यदि सब कुछ क्रम में है, तो हम एक नया शोर्ट जोड़ते हैं, जो अपने हैंडलर के समान आइकन उदाहरण से icon_func फ़ंक्शन को निर्दिष्ट करता है।

icon_func - यह बहुत छोटा है और बहुत दिलचस्प है। 2 पैरामीटर इसमें आते हैं:

$ एटीएस - विशेषताओं की एक सरणी
$ सामग्री - टैग के बीच पाठ

शोर्ट के बजाय, उपयोगकर्ता यह देखेगा कि यह फ़ंक्शन उसके पास क्या लौटाता है। यह यहां (अंतिम रिटर्न में) है कि हमारे ब्लॉक का अंतिम कोड बनता है।

टिप्पणियों से सलाह के अनुसार, "इनपुट करने के लिए" आने वाली सभी लाइनों को esc_url के माध्यम से जांचा जाता है ताकि कोई सुरक्षा छेद न हो।

दो लाइनें ध्यान देने योग्य हैं:

 extract( shortcode_atts ( array('id' => null, 'type' => null, 'url' => null), $atts ) ); </<source>     $atts       <source lang="php"> plugins_url( "js/img/$type.gif" , __FILE__ ); 

वर्तमान निर्देशिका के सापेक्ष, प्रकार के अनुसार आइकन का यूआरएल प्राप्त करता है। यह __FILE__ विशेषता के लिए है। यदि यह नहीं है (और कुछ प्लगइन्स के लेखक और उदाहरण स्पष्ट रूप से इसके बारे में नहीं सुना है), तो आपको प्लगइन निर्देशिका का नाम सम्मिलित करना होगा और फिर भी यह काम नहीं कर सकता है।

$ Id के लिए ट्रिम () करना भी उतना ही महत्वपूर्ण है। तथ्य यह है कि यदि आप वर्डप्रेस के संपादक में एक शब्द पर डबल-क्लिक करते हैं, तो यह शब्द को इसके बाद के स्थान के साथ उजागर करेगा। नतीजतन, हमें पूरी तरह से अनुपयुक्त स्थान के साथ खाते का नाम मिलता है और लिंक काम नहीं करेगा।

सिद्धांत रूप में, पहले से ही इस रूप में (कोड की 14 लाइनें + सेटिंग्स की 14 लाइनें) हमारे प्लगइन को स्थापित और उपयोग किया जा सकता है। एक वास्तविक हैकर विंडो इंटरफेस को तिरस्कृत करता है :)। आप ज़िप में php और चित्रों को पैक करने और उन्हें वर्डप्रेस में स्थापित करने का प्रयास कर सकते हैं, क्योंकि वे एक नियमित प्लगइन स्थापित करते हैं।

मैं इस तरह के प्रयोगों के लिए स्थानीय अपाचे + PHP + mySQL और उनके अलावा वर्डप्रेस डालने की अत्यधिक सलाह देता हूं। डिबगिंग बहुत अधिक मजेदार होगी - उदाहरण के लिए, इंस्टॉल और रीइंस्टॉल करने के बजाय, आप बस संबंधित निर्देशिका में फ़ाइलों को बदल सकते हैं।

बटन जोड़ें

Wordpress एक अलग लिटिलएमसीई घटक में पदों और पृष्ठों को संपादित करने के लिए जिम्मेदार है। इसे मुख्य PHP से खींचने के लिए, आपको हमारे मूल स्वरूप को थोड़ा विस्तारित करने की आवश्यकता है:

 class socialusers { var $options = array( "blogspot" => "http://%s.blogspot.com/", "ljuser" => "http://%s.livejournal.com/", "ljcomm" => "http://livejournal.com/community/%s", "liruboy" => "http://www.liveinternet.ru/users/%s/", "lirugirl" => "http://www.liveinternet.ru/users/%s/", "vk" => "http://vk.com/%s", "twitter" => "http://twitter.com/#!/%s/", "facebook" => "http://www.facebook.com/%s", "google_plus" => "https://plus.google.com/%s", "wordpress" => "http://%s.wordpress.com/", "habrahabr" => "http://%s.habrahabr.ru/", "github" => "http://github.com/users/%s/" ); function socialusers(){ if (!function_exists ('add_shortcode') ) return; add_shortcode('userid', array (&$this, 'icon_func') ); add_filter( 'mce_buttons_3', array(&$this, 'mce_buttons') ); add_filter( 'mce_external_plugins', array(&$this, 'mce_external_plugins') ); } function icon_func($atts, $content="") { if (!$content) return ""; extract( shortcode_atts ( array('id' => null, 'type' => null, 'url' => null), $atts ) ); if (!$type || !array_key_exists($type, $this->options) ) return $content; if (!$id) $id = $content; $userinfo_url = esc_url(($url) ? $url : sprintf($this->options[$type], trim($id))); $userpic_url = esc_url(plugins_url( "js/img/$type.gif" , __FILE__ )); return "<span style='white-space: nowrap; display: inline !important;'><a href='$userinfo_url' ref='nofollow'><img src='$userpic_url' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0; padding-right: 1px;vertical-align:middle; margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0;' /></a><a href='$userinfo_url' ref='nofollow'><b>$content</b></a></span>"; } function mce_external_plugins($plugin_array) { $plugin_array['rikkisocialicons'] = plugins_url ('js/rikkis-wp-social-icons-editor_plugin.js', __FILE__ ); return $plugin_array; } function mce_buttons($buttons) { return array_merge($buttons, array_keys($this->options)); } } $socialusers = new socialusers(); 

यहां सब कुछ सरल है - mce_external_plugins जावास्क्रिप्ट को लोड करता है, जिसमें बटन उत्पन्न होंगे, और mce_buttons सभी विकल्पों को वहां शब्दकोश से डालते हैं।

अब हमें बटन के लिए जावास्क्रिप्ट लिखना होगा। काश, smallMCE वर्डप्रेस में इतनी मजबूती से अंतर्निहित होता कि वर्डप्रेस प्लग-इन के लिए PHP से जावास्क्रिप्ट तक पैरामीटर पारित करने का मानक तरीका यहां काम नहीं करेगा। बेशक, कोई उन्हें जेसन के माध्यम से प्राप्त करने की कोशिश कर सकता है और यह सुनिश्चित कर सकता है कि सुधार केवल एक ही स्थान पर किए जाने की आवश्यकता है । लेकिन यह वही मामला है जब महत्वहीन सुविधा महत्वपूर्ण समस्याएं पैदा कर सकती है।

LittleMCE प्लगइन का फ्रेमिंग बहुत मानक है:

 (function() { tinymce.create('tinymce.plugins.RikkiSocialIconsPlugin', { init : function(ed, url) { //   } }, getInfo : function() { return { //   ,     }; } }); tinymce.PluginManager.add('rikkisocialicons', tinymce.plugins.RikkiSocialIconsPlugin); })(); 

हमारे शोर्ट के कुछ शोर्ट के साथ चयनित टेक्स्ट के टुकड़े को जोड़ने वाला एक बटन इस तरह दिखता है:

 ed.addCommand('mce-blogspot', function() { var newcontent = '[userid type="blogspot"]' + tinyMCE.activeEditor.selection.getContent({format : 'raw'}) + '[/userid]'; tinyMCE.activeEditor.selection.setContent(newcontent); }); ed.addButton('blogspot', { title : 'blogspot', md : 'mce-blogspot', image : url + '/img/blogspot.gif' }); 

बेशक, एक उपयोगकर्ता जो पहले से ही इस तथ्य के लिए उपयोग किया जाता है कि हमारे प्लग-इन कॉन्फ़िगरेशन स्वयं एक लूप में बटन उत्पन्न करने का प्रयास करना चाहते हैं:

 (function() { tinymce.create('tinymce.plugins.RikkiSocialIconsPlugin', { var newButtons = ["ljuser", "ljcomm", "liruman", "lirugirl", "ljr", "vk", "twitter"]; tinymce.create('tinymce.plugins.LjusersPlugin', { init : function(ed, url) { var newButtonsLength = newButtons.length, i = 0; while(i < newButtonsLength){ var itemTitle = newButtons[i]; var itemCommand = 'mce'+itemTitle; ed.addCommand(itemCommand, function() { var newcontent = '[userid type="'+itemTitle+'"]' + tinyMCE.activeEditor.selection.getContent({format : 'raw'}) + '[/userid]'; tinyMCE.activeEditor.selection.setContent(newcontent); }); ed.addButton(itemTitle, { title : itemTitle, cmd : itemCommand, image : url + '/img/'+itemTitle+'.gif' }); i++; } }, getInfo : function() { return { longname : 'Rikki\'s WP Social Icons', author : 'Rikki Mongoose', authorurl : 'http://rikkimongoose.ru', infourl : 'http://rikkimongoose.ru/projects/rikkis-wp-social-icons/', version : "1.0" }; } }); tinymce.PluginManager.add('rikkisocialicons', tinymce.plugins.RikkiSocialIconsPlugin); })(); 

और यह सही है - क्या रोबोट एक प्रोग्रामर के लिए काम नहीं करना चाहिए?

यदि आप इस तरह से बटन उत्पन्न करते हैं, और फिर संपादक पर स्विच करते हैं, तो आप तुरंत अपने कौशल पर गर्व महसूस करेंगे। सरणी में दर्शाए गए बटन पंक्तिबद्ध हैं, और प्रत्येक में एक ही आइकन है जो एक साइट आगंतुक या आरएसएस फ़ीड रीडर देखेंगे। बहुत आराम से!

यह कोड बहुत अच्छा लग रहा है, लेकिन इसमें एक ही दोष है - यह काम नहीं करता है । यह पहला बग है, जो आपको छोटे-छोटे अवसरों में इंतजार करवाता है। पहली नज़र में, बटन सबसे साधारण दिखते हैं - लेकिन अगर आप उन पर क्लिक करते हैं, तो यह पता चलता है कि उनमें से प्रत्येक अंतिम तत्व के साथ एक शोर्ट सम्मिलित करता है - हमारे मामले में, ट्विटर।

आपको क्लोजर के माध्यम से अपने हाथों से सब कुछ लिखना होगा, जैसा कि टिप्पणियों में सुझाया गया है। कुछ इस तरह:

 (function() { var newButtons = ["ljuser", "google_plus", "wordpress", "habrahabr", "github"]; tinymce.create('tinymce.plugins.RikkiSocialIconsPlugin', { init : function(ed, url) { for ( i in newButtons) { var itemTitle = newButtons[i]; (function(itemTitle) { var itemCommand = 'mce'+itemTitle; ed.addCommand(itemCommand, function() { var newcontent = '[userid type="'+itemTitle+'"]' + tinyMCE.activeEditor.selection.getContent({format : 'raw'}) + '[/userid]'; tinyMCE.activeEditor.selection.setContent(newcontent); }); ed.addButton(itemTitle, { title : itemTitle, cmd : itemCommand, image : url + '/img/'+itemTitle+'.gif' }); })(itemTitle); } }, getInfo : function() { return { longname : 'Rikki\'s WP Social Icons', author : 'Rikki Mongoose', authorurl : 'http://rikkimongoose.ru', infourl : 'http://rikkimongoose.ru/projects/rikkis-wp-social-icons/', version : "1.0" }; } }); tinymce.PluginManager.add('rikkisocialicons', tinymce.plugins.RikkiSocialIconsPlugin); })(); 

परीक्षण से पता चला है कि यह विकल्प बहुत अच्छा काम करता है। कमेंट करने वालों की जय!

यह विकल्प पहले से ही बहुत बेहतर है - प्रत्येक बटन अपनी जगह जानता है और उसे उसी तरह काम करता है जैसे उसे करना चाहिए।

अंत में, एक दूसरा बग है जो पूरी तरह से आप पर निर्भर करता है। और यद्यपि Wordpress, tinyMCE, और यहां तक ​​कि इंटरनेट एक्सप्लोरर को भी बहुत सुविधाजनक त्रुटि हैंडलिंग के अलावा दोष देना है, यह आपके लिए बहुत सारे रक्त को खराब कर सकता है।

एक संभावित त्रुटि से टिनिम्से.प्लुगिनमैनगर.डीडी (param1, param2) फ़ंक्शन की चिंता होती है। कृपया इसे बहुत सावधानी से लिखें।

param1 को उस कुंजी से मेल खाना चाहिए, जिससे हमने अपनी php फ़ाइल में नए बटनों के आईडी सरणी को जोड़ा है। मेरे मामले में, ' रिक्किसोशलिकोंस ' होना चाहिए (क्योंकि PHP में हमारे पास $ plugin_array [' rikkisocialicons '] है)।
param2 को tymymce.create () के माध्यम से बनाया गया होना चाहिए। मेरे मामले में, यह tinymce.plugins.RikkiSocialIconsPlugin है, (क्योंकि स्क्रिप्ट में हमने tinymce.create लिखा है (' tinymce.plugins.RikkiSocialcconsPlugin ')

यदि इसमें से कोई भी मेल नहीं खाता है, तो आपका संपादक बटन के साथ पैनल खो देगा, और कंसोल एक ' के अपरिभाषित ' त्रुटि की रिपोर्ट करेगा जो कि हुई ... निश्चित रूप से, संकुचित jQuery.min.js में, इसलिए न तो डिबग और न ही कॉल को देखो यह मामूली अवसर नहीं होगा।

सेवा X के लिए आइकन कैसे जोड़ें?

सबसे पहले, गिटहब में जाकर अच्छा लगता है कि क्या सही आइकन वाला कांटा पहले ही दिखाई दे चुका है? यदि नहीं, तो स्वयं करें।

1. इसे उसी डायरेक्टरी में जिफ़ फॉर्मेट में सेव करें जहाँ बाकी आइकन हैं
2. हम $ विकल्पों में एक और पैरामीटर जोड़ते हैं, जहां कुंजी gif के नाम से मेल खाती है, और URL url को प्रतिस्थापित करने के लिए मेल खाता है, और उपयोगकर्ता नाम% s के साथ बदल दिया जाता है (इस अवसर को लेते हुए, मैं सभी C ++ प्रोग्रामर को शुभकामनाएं भेजता हूं जो इस बिंदु पर हैं निश्चित रूप से उदासीनता का अनुभव होगा)।
3. यदि आप चाहते हैं कि बटन जावास्क्रिप्ट पर जाए - एक ही आईडी के साथ एक तत्व को न्यूबुटन सरणी में जोड़ें
4. सब कुछ जिप में पैक करें
5. प्लगइन के पुराने संस्करण को डिस्कनेक्ट और हटा दें। चिंता न करें, आपके पोस्ट में शॉर्टकोड प्रभावित नहीं होंगे।
6. अपडेट किया गया संस्करण डाउनलोड करें, इसे सक्रिय करें और आनंद लें

बटनों का क्रम PHP फ़ाइल के क्रम पर निर्भर करता है।

वह सब है!

प्लगइन Wordpress Directory में है । वहाँ, या GitHub पर , आप यह कहकर लेखक को खुश कर सकते हैं कि अब आपका स्टैंड-अलोन ब्लॉग ट्रेंडी आइकनों से सजाया गया है। और आप ड्रीमवॉच आइकन या कुछ अन्य xanga के साथ प्रोजेक्ट को पूरक कर सकते हैं।

कैटलॉग में जोड़ें

अंतिम चरण को Wordpress निर्देशिका में प्लगइन जोड़ना है ताकि इसे मानक खोज का उपयोग करके पाया जा सके।

बेशक, आपको प्लगइन हेडर में readme.txt और मानक टिप्पणियों को पहले से जोड़ना याद होगा। अन्यथा, उपयोगकर्ता यह पता लगाने में सक्षम नहीं होगा कि वह क्या सेटिंग कर रहा है।

पूरी प्रक्रिया को एक बड़े अंग्रेजी भाषा के मैनुअल में विस्तार से वर्णित किया गया है।

और जो इंतजार नहीं कर सकते हैं उनके लिए - यहां एक छोटा कदम-दर-चरण मार्गदर्शिका है:

1. हम wordpress.org पर जाते हैं और वहां अकाउंट बनाते हैं
2. हमें पासवर्ड मिलता है। हम इसके तहत जाते हैं और ऐड प्लगइन पेज पर जाते हैं । हम ज़िप के लिंक में छोड़ देते हैं, नाम और विवरण लिखते हैं, और पोस्ट भेजते हैं।
3. अब आपको इंतजार करना होगा। मैनुअल से प्लग-इन 18 घंटे के लिए माना जाता था, मेरे साथ इसे 4 घंटे लगते थे। जब समीक्षा खत्म हो गई और सब कुछ काम कर गया, तो सर्वर पर एक खाली एसवीएन निर्देशिका दिखाई देगी, जिसमें आपकी परियोजना को भरना होगा।
4. स्थानीय रूप से एक फ़ोल्डर बनाएं, वहां एक चेकआउट करें और हमारे प्लग-इन को ट्रंक पर कॉपी करें। ज़िप को संपीड़ित करने की आवश्यकता नहीं है - ट्रंक में प्रतिबद्ध होने के बाद, सर्वर पर स्क्रिप्ट सब कुछ स्वचालित रूप से संपीड़ित करेगी।
5. हम कमिट करते हैं।
6. हम http://wordpress.org/extend/plugins/rikkis-wp-social-icons/ पृष्ठ पर जाते हैं। Rikkis-wp-social-icons के बजाय, अपने प्लगइन का नाम बदलें।
7. हम पृष्ठ http://wordpress.org/extend/plugins/ पर जाते हैं और नवीनतम प्लगइन्स की सूची को ध्यान से देखते हैं। यहाँ वह है, हमारे सुंदर आदमी!

अगर कुछ काम नहीं आया, तो बड़े मैनुअल को देखें। वहां सब कुछ बहुत विस्तृत है।

यह भी देखें

1. Wordpress Directory में
2. GitHub आधिकारिक प्रतिनिधि
3. GitHub से डाउनलोड करें
4. जेनय से मूल लेख - भाग 1 , भाग 2 , भाग 3 ।

लेखक उन सभी का आभारी होगा जो परियोजना के जीथब संस्करण का संरक्षण लेते हैं और इसे आगे भी विकसित करेंगे।