2012-07-18 20 views
12

के भीतर उत्तरदायी डिज़ाइन का उपयोग करना Google Sites के साथ उत्तरदायी डिज़ाइन सिद्धांतों का उपयोग करने का कोई तरीका है। क्या किसी ने कोशिश की है। क्या आप मुझे नमूना साइट पर भेज सकते हैं। मैंने this google help topic पर देखा लेकिन फिर यह विशेष रूप से मोबाइल साइटों के बारे में माना जाता है।Google साइट्स

मेरा मुख्य फोकस एक सामान्य वेबसाइट है जो मुख्य रूप से मोबाइल साइट की बजाय वेब के लिए अनुकूलित है।

वैकल्पिक रूप से ब्लॉगर इस मामले में बेहतर विकल्प होगा क्योंकि यह सीएसएस को बदलने की अनुमति देता है।

+1

आपको कुछ भी उत्तरदायी बनाने के लिए सीएसएस तक सीधी पहुंच प्राप्त करनी होगी, इसलिए मुझे लगता है कि आपने "ब्लॉगर" के साथ अपने प्रश्न का उत्तर दिया है। – Lowkase

उत्तर

6

मुझे लगता है कि आपकी नकारात्मक इंप्रेशन सही है। यह उन सुविधाओं को लागू नहीं करता है जिन्हें आप उत्तरदायी डिजाइन में उम्मीद करेंगे।

आपके प्रश्न की कुंजी यह है कि Google साइटें व्यूपोर्ट घोषणा (मुख्य तत्व में मेटा व्यूपोर्ट) का उपयोग नहीं करती हैं। यदि आपके पास ऐसा नहीं है, तो डिवाइस ब्राउज़र आपको विरासत डेस्कटॉप-केवल वेबसाइट के रूप में मानते हैं। वे मानते हैं कि आप ~ 830px से पूरी तरह से तोड़ देंगे, और तदनुसार एक पृष्ठ न्यूनतम चौड़ाई सेट करें। यह मेरे लिए उत्तरदायी डिजाइन की तरह नहीं लगता है।

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

निष्पक्ष होने के लिए, आप एक निश्चित पृष्ठ चौड़ाई निर्धारित नहीं करना चुन सकते हैं। यदि आप "क्षैतिज नेविगेशन" सुविधा का उपयोग कर रहे हैं, तो भी नेविगेशन बटन अपेक्षाकृत संकीर्ण विंडो पर रीफ्लो करेंगे। उत्तरार्द्ध महान डिजाइन नहीं है लेकिन कम से कम यह शानदार ढंग से अपमानजनक है।

साइट प्रबंधित करें -> सामान्य के तहत "मोबाइल फोन पर साइट को स्वचालित रूप से समायोजित करें" विकल्प है। हालांकि कई लोग सुझाव देते हैं कि इसका उपयोग न करना बेहतर होगा :)। मैंने इसे old site पर सक्षम करने, पृष्ठ का पूर्वावलोकन करने और "मोबाइल में पूर्वावलोकन" चुनने का प्रयास किया। कम से कम फ़ायरफ़ॉक्स पर मेरी मूल नेटबुक (800px चौड़ाई) पर, यह उत्तरदायी नहीं था। यह 800px स्क्रीन का सही उपयोग करने के लिए विस्तारित नहीं हुआ था।

एक तरफ के रूप में, लाइन-रैपिंग (या इसकी अनुपस्थिति) मेरी साइट के साथ एक पूर्व-मौजूदा समस्या है। परीक्षण करने के लिए आप इसे मुझ पर दोष दे सकते हैं :)। हालांकि यह Google साइट्स में WYSIWYG संपादक की सीमा को दर्शाता है। यह इस समस्या का कारण बनने वाले प्रारूपण को प्रदर्शित, जांचने या फ़िल्टर नहीं करता है।

google site mobile preview

-3

अब एक दिन यह संभव है एक संवेदनशील Google साइट बनाने के लिए। चूंकि Google ने साइट सुविधा प्रबंधित करें बटन में इस सुविधा को "मोबाइल फोन पर स्वचालित रूप से समायोजित करें" विकल्प बढ़ाया है।

विकल्प खोजने के लिए- सामान्य सेटिंग्स पृष्ठ के निचले भाग में, साइट> सामान्य> प्रबंधित करें> आप "मोबाइल फोन पर साइट को स्वचालित रूप से समायोजित करें" नामक एक रेडियो बटन देख सकते हैं। बस रेडियो बटन & पर टिकटें आपने सुविधा को बढ़ाया है।

उत्तरदायी गूगल साइटwww.jyotiprokashmusic.com

+0

StackOverflow में आपका स्वागत है। यहां थोड़ा और स्पष्टीकरण साथी प्रोग्रामर को यह समझने में मदद कर सकता है कि यह कैसे काम करता है। – Daenarys

+0

न तो यह बहुत प्रतिक्रिया देखता है, न ही यह एक गैर-प्रतिक्रियाशील साइट का एक अच्छा उदाहरण है। – cdonner

1

मोबाइल हाँ, उत्तरदायी नहीं के साथ किए गए एक उदाहरण साइट देखें।

मैं आज Google साइट्स के साथ गड़बड़ कर रहा था और आप एक साइट मोबाइल अनुकूल बना सकते हैं (मुझे शुरू करने के लिए यहां आना पड़ा था!)। मैंने बस "खाली टेम्पलेट" का उपयोग गड़बड़ के साथ किया था। साइट प्रबंधित (मोबाइल के लिए नीचे स्क्रॉल) की जाँच करें

विकल्प (गियर आइकन)>> ..:

आप (दूसरों कि उल्लेख किया है की तरह) को सक्रिय करने की आवश्यकता हैमोबाइल फोन के लिए स्वचालित रूप से समायोजित करें।हाँ, चलो उस विकल्प को नीचे नीचे दफन करें!

पूरे मोबाइल "पुश" को ध्यान में रखते हुए Google 2015 के वसंत में लागू किया गया यह किसी भी नव निर्मित Google साइट के लिए डिफ़ॉल्ट रूप से चालू होना चाहिए।

बस उस विकल्प का चयन करना एक ठीक (मूल) मोबाइल साइट बनाता है। एक उत्तरदायी साइट नहीं है। तो मेरे आईफोन पर यह डिवाइस फिट करने के लिए सही ढंग से स्केल फोटो करता है और मुख्य क्षैतिज मेनू को "हैमबर्गर" आइकन/मेनू में स्विच करता है। लेकिन डेस्कटॉप ब्राउज़र विंडो को ध्वस्त करने से उत्तरदायी परिणाम नहीं मिलते हैं। https://sites.google.com/site/rwstws51/

एक परीक्षण के रूप में, मैंने यह देखने के लिए एक बहुत बड़ी तस्वीर (2.5 एमबी) अपलोड की कि क्या होगा। Google पेजस्पेड अंतर्दृष्टि के माध्यम से साइट को चलाने से यह किसी भी "ऑप्टिमाइज़ फोटो" चेतावनी प्रदर्शित नहीं करता है, इसलिए फ़ोन और डेस्कटॉप के लिए एक अनुकूलित फोटो पेश करता है।

मुझे लगता है कि मूल विषय वास्तव में "स्की" कहा जाता है। मैंने "कानूनी पैड" विषय की कोशिश की और यह पूरी तरह से मोबाइल पर borked था। मुझे लगता है कि हेडर और सामग्री क्षेत्र पृष्ठभूमि छवियों के कारण।

मेरे लिए Google साइटें आदर्श हैं यदि आप Google के अन्य उत्पादों में पहले से ही भारी हैं ... ड्राइव, दस्तावेज़, Google+, वेबमास्टर टोल, एनालिटिक्स, आदि ... क्योंकि संपादन के दौरान उन प्रकार के आइटम जोड़ने के लिए लिंक हैं। या सहयोग के लिए एक त्वरित साइट की आवश्यकता है क्योंकि आप यूट्यूब, ड्राइव आइटम जैसे साइट एक्सेस को आसानी से सेट कर सकते हैं।

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

-1

यदि आप ऐप्स स्क्रिप्ट के साथ अपने स्वयं के कस्टम HTML फॉर्म बनाते हैं, तो आप उन पृष्ठों/रूपों के लिए सीएसएस में @media व्यूपोर्ट्स आदि जोड़ सकते हैं, जिससे मदद मिलती है ... लेकिन Google साइट फ्रेम चारों ओर अभी भी ठीक है। ... अच्छा नहीं ........

संबंधित मुद्दे