👨🏼‍⚕️ 👩🏾‍🤝‍👨🏼 🙏🏾 एक फ़ाइल के साथ लॉन्चरो का रुसिफिकेशन 🕶️ 🤱🏼 🦊

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

क्यों लॉन्च करें? उदाहरण के लिए, कई विकल्प और सेवाएं हैं, यहां केओआर पर एक उपयोगी चर्चा है। उनमें से कुछ लंबे समय से रूसी में उपलब्ध हैं और उपलब्ध हैं। मेरे लिए दो तर्क थे - सेवा पूरी तरह से वह सब कुछ करती है जो मुझे चाहिए। और यह विज्ञापन और एसएमएस के बिना पूरी तरह से स्वतंत्र और विकल्प के बिना है।

रूसीकरण

विशेष रूप से निचले दाएं कोने में मैजिक बटन का उपयोग करते हुए, सभी शमनवादी कार्य हमारी परियोजना के व्यवस्थापक पैनल में किए जाएंगे:

पृष्ठ के पाठ स्वयं - कुछ पाठ व्यवस्थापक पैनल में ठीक किए गए हैं, लेकिन html में आपको इनपुट फ़ील्ड में अंकित सभी डिफ़ॉल्ट ग्रंथों और बटन नामों को मैन्युअल रूप से सही करने की आवश्यकता है। कुछ भी जटिल नहीं है, बस सभी विकल्पों को आकर्षित करने के लिए मत भूलना, उनमें से कई हैं।

रिकॉर्डिंग के बाद उपयोगकर्ता के लिए आने वाले ईमेल का औचित्य, और आमंत्रण के बाद उनके दोस्तों के लिए यह सबसे गंभीर चुनौती है। समस्या मानक है: सच्चे अमेरिकियों की तरह, डेवलपर्स को अन्य भाषाओं और एनकोडिंग के अस्तित्व के बारे में पता नहीं है। सभी पत्र स्थायी रूप से विकृत हैं। लेकिन एक रास्ता है, हम डॉक करते हैं क्योंकि हमारी दुनिया में ईमेल की व्यवस्था है और हम इसे सही करते हैं।

विषय पंक्ति

आपके पत्र का विषय इस तरह दिखेगा:

जादू प्रारूप =? चारसेट? एन्कोडिंग? एन्कोडेड पाठ? = यहाँ वर्णित है: en.wikipedia.org/wiki/MIME#Encoded-Word

अजीब प्रतीक जैसे = D1 = 81 कोटेड-प्रिंट करने योग्य एन्कोडिंग en.wikipedia.org/wiki/Quoted-printable हैं , एक ऑनलाइन एनकोडर उपलब्ध है, उदाहरण के लिए, यहाँ ।

अपनी सब्जेक्ट लाइन लें, इसे Qp में एनकोड करें, इसे टेम्प्लेट में डालें =? Utf-8? Q? यहाँ_QP_coded_ विषय? = और इसे व्यवस्थापक पैनल में लिखें। यही है, विषय अब रूसी में प्रदर्शित किया जाता है। एक जंब है जो मैंने पहले ही सामना किया था जब मैंने अमेरिकी सेवाओं के माध्यम से डाक भेजी थी, और जिसे मैं नहीं जानता कि कैसे दूर किया जाए - अगर कोई समाधान है तो मुझे टिप्पणियों में बताएं। मानक के अनुसार, ईमेल हेडर लाइनों की अधिकतम लंबाई होती है, और कुछ ईमेल क्लाइंट गलत तरीके से ऊपर वर्णित प्रारूप में लंबे हेडर पढ़ते हैं, यह पता चला है:

लोहे का निर्णय पत्र के विषय को छोटा करना है, 2-3 शब्द :)

पत्र पाठ

आपको टेक्स्ट के साथ भी खेलना होगा। सबसे पहले, ध्यान रखें कि यदि पत्र के पाठ में गैर-लैटिन अक्षर हैं, तो आपको उस पत्र में गलत पाठ प्राप्त होगा जो आपने व्यवस्थापक पैनल में दर्ज किया है! लॉंचॉक को इतना व्यवस्थित क्यों किया गया है - मुझे कोई पता नहीं है :) पाठ में एक भी सिरिलिक चरित्र नहीं होना चाहिए - इसका मतलब है कि इसे मास्क करने की आवश्यकता है।

इंटरनेट पर बहुत सारे कन्वर्टर्स हैं, उदाहरण के लिए यह एक । इसी तरह, केवल बीटा पर रिकॉर्डिंग की पुष्टि को सही करने के लिए मत भूलना, लेकिन यह भी रेफरल पत्र जो ईमेल के माध्यम से दोस्तों को भेजा जाएगा - यह "साझाकरण" टैब में है, और "ईमेल पुष्टि" नहीं है!

एक और घात - डिफ़ॉल्ट रूप से, उपयोगकर्ता के पास अपने विषय और पत्र के पाठ के लिए एक इनपुट फ़ील्ड है, और यह पाठ पत्र में प्रदर्शित किया जाएगा। बेशक, krakozyabra में। इसका उपचार नहीं किया जाता है, इसलिए हम खेतों को पूरी तरह से छिपा देते हैं:

और हम textarea टैग को रीसेट करते हैं, जहां उपयोगकर्ता अपने पाठ को दर्ज कर सकता है:

यही है, अब सभी पत्र बिना किसी समस्या के रूसी में आएंगे।

फ़ाइल का काम

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

ट्विटर बटन कोड

container.find( ".LR-connect-share-links" )
.append('
');

उसी ब्लॉक में, आप पेज के साथ काम कर सकते हैं - उदाहरण के लिए, ईमेल लीव के इनपुट के साथ ब्लॉक करें, जैसा कि हमने किया था:

VKontakte बटन सम्मिलित करना चाहते हैं? कोई समस्या नहीं - हेड स्क्रिप्ट और टैग में जहां बटन की जरूरत है। और उनमें से दो को शुरू करना बेहतर है - शुरुआत पृष्ठ पर और हमारे मामले में रिकॉर्ड पुष्टि, vk_like और vk_like2 पर।

जो लोग चाहते हैं - स्पॉइलर के तहत लॉन्चरॉक के लिए हमारे समाप्त साइन-अप पृष्ठ का पूरा कोड, ले और उपयोग करें:

HTML, CSS और JS

 <!DOCTYPE html> <head> <script type="text/javascript"> window.vkAsyncInit = function() { VK.init({apiId: 3861954, onlyWidgets: true}); VK.Widgets.Like("vk_like", {type: "mini", height: 20, width:145, pageUrl:"http://www.duskrift.ru"}); VK.Widgets.Like("vk_like2", {type: "mini", height: 20, width:145, pageUrl:"http://www.duskrift.ru"}); $( "#vk_like, #vk_like2" ).css({ clear:"auto", display:"inline-block", width:"145px" }); }; setTimeout(function() { var el = document.createElement("script"); el.type = "text/javascript"; el.src = "http://vk.com/js/api/openapi.js"; el.async = true; document.getElementById("vk_api_transport").appendChild(el); }, 0); </script> </head> <body style="overflow:hidden; margin:0;"> <div id="vk_api_transport"></div> <div id="content" class="LR-content LR-site-bg-color-container"><!-- LR-sharing-page LR-stats LR-lx --> <div class="LR-announcement-bar LR-announcement-bg-color-container"> <h4 class="LR-announcement">Special Announcement About Important Things!</h4> </div><!-- .announcementBar --> <div class="LR-bg-img LR-site-bg-image-container LR-site-show-on-bg-image"></div> <div class="LR-box-wrapper" style="margin-top:-1000px"> <div class="LR-box"> <div class="LR-box-container LR-clearfix"> <div class="LR-box-inner"> <!--<h1 class="LR-site-title">Site Title</h1>--> <!--<div class="LR-site-logo"><img src="js/ignition/themes/classic/img/logo.png" alt="Site Logo"/></div><!-- .site-logo --> <div class="LR-sign-up"> <h2 class="LR-site-tagline montserrat">We Get Users</h2> <div class="LR-site-description"> <p>Set up a "launching soon" page in minutes. Collect interest, increase sharing, and build your audience.</p> </div><!-- .site-description --> <span class="LR-sign-up-label">Invite people to signup by entering their e-mail address:</span> <div class="LR-sign-up-container"> <div class="LR-sign-up-container-inner LR-clearfix"> <input type="email" class="LR-sign-up-input signup-email" placeholder=" e-mail,    "> <input type="submit" name="submit" title="SIGN UP" value="!" class="LR-sign-up-submit"> </div><!-- .sign-up-container-inner --> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/follow_button.1378258117.html#_=1378363174496&dnt=true&id=twitter-widget-16&lang=ru&preview=true&screen_name=DuskRift_RU&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 150px; height: 20px;"></iframe> <iframe scrolling="no" style="border: none; overflow: hidden; height: 20px; width: 120px;" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=255930487765390&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D27%23cb%3Df3c6e3498c%26domain%3Dsignup.duskrift.ru%26origin%3Dhttp%253A%252F%252Fsignup.duskrift.ru%252Ffaad92b74%26relation%3Dparent.parent&colorscheme=light&extended_social_context=false&href=http%3A%2F%2Fsignup.duskrift.ru&layout=button_count&locale=ru_RU&node_type=link&sdk=joey&show_faces=false&width=120"></iframe> <div id="vk_like"></div> </div><!-- .sign-up-container --> </div> </div> <div class="LR-site-share"> <div class="LR-site-incentive"> <p>Relationships are a two way street. You are asking people to give you their recommendation, so what are you giving them?</p> </div><!-- .site-incentive --> <div class="LR-site-share-container"> <div class="LR-site-share-inner"> <div class="LR-site-social-share"> <ul class="LR-clearfix"> <li class="LR-share-facebook-like"></li> <li class="LR-share-facebook-send"></li> <li class="LR-share-tweet"></li> <li><div id="vk_like2"></div></li> </ul> </div><!-- .site-social-share --> <div class="LR-site-share-email"> <div class="LR-share-label">   e-mail:</div> <div class="LR-share-email-inner"> <div class="LR-email-wrapper"> <input type="email" class="LR-share-email-emails" placeholder=" e-mail   "> <div class="LR-share-email-import"></div> </div> <div class="LR-share-email-hide"> <input type="text" class="LR-share-email-subject" placeholder="   Dusk Rift!"> <textarea class="LR-share-email-message" rows="4"></textarea> <input type="submit" name="submit" title=" " value=" " class="LR-share-email-send"> </div><!-- .share-email-hide --> </div><!-- .share-email-inner --> </div><!-- .site-share-email --> <div class="LR-site-share-link"> <span class="LR-share-label">:</span> <input type="text" class="LR-share-link" placeholder="" value=""> </div><!-- .site-share-link --> </div><!-- .site-share-inner --> </div><!-- .site-share-container --> <div class="LR-site-live-stats LR-clearfix"> <div class="LR-site-live-stats-container"> <span class="LR-share-label">Your live stats:</span> <div class="LR-live-stats-data"> <div class="LR-stats-clicks"></div> clicks </div> <div class="LR-live-stats-data signups"> <div class="LR-stats-signups"></div> signups </div> </div><!-- .site-live-stats-container --> </div><!-- .site-live-stats --> <div class="LR-site-connect"> <span class="LR-share-label">:</span> <ul class="LR-connect-share-links LR-clearfix"> <li><a href="#" class="LR-connect-icon connect-facebook" title="   Dusk Rift  Facebook">DuskRift</a></li> <li><a href="http://vk.com/duskrift" class="LR-connect-icon connect-vk" title="   Dusk Rift " target="_blank">DuskRift</a></li> </ul> </div><!-- .site-connect --> </div><!-- .site-share --> </div><!-- .box-container --> </div><!-- .box --> </div><!-- .box-wrapper --> <div class="LR-pwd-lr"> <a target="_blank" href="http://discover.launchrock.com?ref=hm"></a> </div> </div><!-- #content --> </body>

 /* Insert CSS overrides here */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Insert mobile CSS overrides here */ input[type="email"].LR-sign-up-input { max-width: 134px; } .LR-box-wrapper { max-width: 290px; } .LR-site-share-email input[type="email"], .LR-site-share-email textarea, input[type="text"].LR-share-link { width: 164px; } } .LR-bg-img { background-attachment:scroll; } input[type="email"].LR-sign-up-input { width: 296px; } input[type="submit"].LR-sign-up-submit{ min-width: 97px; } .LR-box-wrapper { width: 500px; position: absolute; /* width:auto;*/ } .LR-site-social-share ul li { float: none; display: inline-block; height: 16px; } .LR-content { font-size: 16px; } input.LR-share-link { width: 72%; } .LR-sign-up-container { margin: 10px auto; } .LR-connect-share-links li { float: left; margin-left:10px; } .LR-connect-icon.connect-facebook { padding-left: 20px; line-height: 16px; color: white; font-size: 14px; width: 54px; text-decoration: none; } .LR-connect-icon.connect-vk { padding-left: 20px; line-height: 16px; color: white; font-size: 14px; width: 54px; text-decoration: none; background: url('http://vk.com/images/faviconnew.ico') 0 0 no-repeat; } input.LR-share-email-emails[type="email"] { padding-right: 45px; } .LR-connect-share-links { width:480px; } .LR-box-inner { margin: 10px 2% 0; } .LR-site-share .LR-site-share-container { padding:0; } .LR-site-share-email { padding-bottom:0; margin: 0; } .LR-site-description { font-size: 28px; } input[type="submit"].LR-sign-up-submit { background: #ffb000; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc440), color-stop(4%, #ffc440), color-stop(4%, #ffb000), color-stop(100%, #ff8f00)); background: -webkit-linear-gradient(#ffc440, #ffc440 4%, #ffb000 4%, #ff8f00); background: -moz-linear-gradient(#ffc440, #ffc440 4%, #ffb000 4%, #ff8f00); background: -o-linear-gradient(#ffc440, #ffc440 4%, #ffb000 4%, #ff8f00); background: linear-gradient(#ffc440, #ffc440 4%, #ffb000 4%, #ff8f00); } input[type="submit"].LR-sign-up-submit:hover { background: #ff8800; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffa325), color-stop(4%, #ffa325), color-stop(4%, #ff8800), color-stop(100%, #ff6200)); background: -webkit-linear-gradient(#ffa325, #ffa325 4%, #ff8800 4%, #ff6200); background: -moz-linear-gradient(#ffa325, #ffa325 4%, #ff8800 4%, #ff6200); background: -o-linear-gradient(#ffa325, #ffa325 4%, #ff8800 4%, #ff6200); background: linear-gradient(#ffa325, #ffa325 4%, #ff8800 4%, #ff6200); } .LR-site-share-inner { padding-bottom: 20px; } .LR-site-incentive { margin: 20px 2%; } .LR-site-share-container { padding-top: 10px; } .LR-share-email-subject, .LR-share-email-message { display:none; }

 window.lrignition.themesJS.customTheme = function() { /* DO NOT MODIFY ABOVE THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */ this.init.push(function() { /* Your code here to run on initialization */ //var container = ignition.getContainer(); // jQuery setTimeout(function(){$( ".LR-box-wrapper" ).css({"margin-left":"-1000px","margin-top":"70px",display:"block"}).animate({"margin-left":"40px"}, 700);}, 3000); }); // Uncomment to override default mode set behavior this.setMode = function( ignition, mode ) { var container = ignition.getContainer(); // jQuery if( mode === "main" ) { container.find( ".LR-content" ).removeClass( "LR-sharing-page" ); container.find( ".LR-site-share" ).hide(); container.find( ".LR-sign-up-container" ).show(); } else if( mode === "postsignup" ) { container.find( ".LR-content" ).addClass( "LR-sharing-page" ); container.find( ".LR-sign-up-container" ).hide(); container.find( ".LR-site-share" ).show(); container.find( ".LR-connect-share-links" ).append('<li><iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/follow_button.1378258117.html#_=1378363174496&dnt=true&id=twitter-widget-16&lang=en&preview=true&screen_name=DuskRift_RU&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 150px; height: 20px;"></iframe></li>'); container.find( ".LR-share-email-send" ).attr({"value":" !"}); } }; /* DO NOT MODIFY BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */ }; window.lrignition.themesJS.customTheme.prototype = new ( window.lrignition.themesJS.classic || window.lrignition.themesJS.common )( "customTheme" );

सारांश

Launchrock की एक फ़ाइल के साथ अंतिम रूप देने के बाद, हमें वायरल, एनालिटिक्स और मेलिंग सूचियों के साथ लैंडिंग पृष्ठों और स्टब साइटों के लिए एक उत्कृष्ट और बिल्कुल मुफ्त सेवा मिलती है। स्टार्टअप, उपयोग :)

एक फ़ाइल के साथ लॉन्चरो का रुसिफिकेशन

रूसीकरण

विषय पंक्ति

पत्र पाठ

फ़ाइल का काम

सारांश

More articles: