Korzystanie z elastycznego projektowania w witrynach Google

Question

Czy istnieje sposób na zastosowanie elastycznych zasad projektowania z Google Sites. Czy ktoś próbował tego. Czy możesz skierować mnie do przykładowej strony. Spojrzałem na this google help topic, ale to podobno dotyczy wyłącznie witryn mobilnych.

Moim głównym celem jest zwykła strona internetowa, zoptymalizowana pod kątem internetu, a nie witryny mobilnej.

Ewentualnie Blogger może być lepszym rozwiązaniem w tym przypadku, ponieważ umożliwia zmianę CSS.

Answer 1

Myślę, że twoje negatywne wrażenie jest prawidłowe. Nie implementuje funkcji, których można oczekiwać w responsywnym projekcie.

Kluczem do twojego pytania jest to, że Witryny Google nie używają deklaracji rzutni (meta widok w głównym elemencie). Jeśli go nie masz, to przeglądarki urządzeń traktują Cię jak starszą witrynę tylko dla komputerów stacjonarnych. Zakładają, że złamiesz całkowicie poniżej ~ 830px i odpowiednio ustawisz szerokość strony. To nie brzmi dla mnie jak responsywny projekt.

Witryny Google nie umożliwiają pisania własnych arkuszy CSS lub HTML HEAD, dlatego nie można samodzielnie zaadoptować bardziej responsywnego projektu.

Aby być uczciwym, można wybrać opcję nie ustawiania stałej szerokości strony. Przyciski nawigacyjne również będą się włączać w relatywnie wąskich oknach, jeśli korzystasz z funkcji "nawigacji poziomej". Ta ostatnia nie jest świetnym designem, ale przynajmniej z gracją się poniża.

Istnieje opcja "Automatycznie dostosuj witrynę do telefonów komórkowych" w sekcji Zarządzaj witryną -> Ogólne. Jednak wiele osób sugeruje, że lepiej tego nie używać :). Próbowałem włączyć to na old site, przejrzeć stronę i wybrać "podgląd w telefonie". Przynajmniej w Firefoksie na moim oryginalnym netbooku (o szerokości 800 pikseli), nie odpowiadał. Nie rozszerzyło się, aby poprawnie używać ekranu o rozdzielczości 800 pikseli.

Na marginesie, zawijanie linii (lub jej brak) jest wcześniejszym problemem z moją witryną. Możesz mnie za to winić, że go nie testowałem :). Jednak ilustruje ograniczenie edytora WYSIWYG w Witrynach Google. Nie pokazuje, nie sprawdza ani nie odfiltrowuje formatowania, które powoduje ten problem.

Answer 2

teraz jego możliwych dni dokonać czułe Google Site. odkąd Google rozszerzyło tę opcję "Automatycznie dostosuj witrynę do telefonów komórkowych" w opcji Zarządzaj witryną.

Aby znaleźć opcję - przejdź do> Zarządzaj witryną> Ogólne>, w dolnej części strony z ustawieniami ogólnymi znajduje się przycisk "Automatycznie dostosuj witrynę do telefonów komórkowych". Po prostu zaznacz przycisk opcji. Ulepszono tę funkcję.

Patrz witrynę przykład wykonany z elastyczną witryną Googlewww.jyotiprokashmusic.com

Answer 3

komórkowy tak, nie reaguje.

Dzisiaj błądziłem z Witrynami Google, dzięki czemu witryna jest przyjazna dla urządzeń mobilnych (musiałem tu przyjechać, aby zacząć!). Po prostu użyłem "Pustego szablonu", żeby się z tym pogodzić.

Trzeba aktywować (podobnie jak inni, że nie wymienionych):

Opcje (ikona koła zębatego)> Zarządzaj witryną> (przewijanie w dół na komórkę) Sprawdzić ..Automatycznie dostosuj do telefonów komórkowych.Tak, zakopmy tę opcję na dole!

Biorąc pod uwagę cały mobilny "push" Google wdrożony wiosną 2015 roku, powinien on być domyślnie WŁĄCZONY dla każdej nowo utworzonej Witryny Google.

Po wybraniu tej opcji tworzy się strona mobilna OK (podstawowa). Nie jest to strona responsywna. Tak więc, na moim iPhonie, skaluje on zdjęcia odpowiednio do urządzenia i przełącza główne menu poziome na ikonę/menu "hamburgera". Ale zwijanie okna przeglądarki na komputerze nie daje wyników responsywnych. https://sites.google.com/site/rwstws51/

Jako test, przesłałem zbyt duże zdjęcie (2,5 MB), aby zobaczyć, co się stanie. Prowadzenie witryny za pomocą Google PageSpeed ​​Insights nie wyświetlało żadnego ostrzeżenia "Zoptymalizuj zdjęcia", więc wydaje się wyświetlać zoptymalizowane zdjęcie dla telefonów i komputerów.

Podejrzewam, że podstawowy motyw jest w rzeczywistości nazywany "Narty". Wypróbowałem motyw "Legal Pad" i został całkowicie zakorkowany na urządzeniach mobilnych. Myślę, że ze względu na obrazy tła nagłówka i obszaru treści.

Dla mnie Witryny Google idealnie nadają się do ciężkich produktów Google, takich jak napęd, dokumenty, Google+, webmastertools, analityka itp. Zawiera linki do tych elementów podczas edycji. Lub potrzebujesz szybkiej witryny do współpracy, ponieważ możesz łatwo ustawić dostęp do witryny, takich jak YouTube, elementy na Dysku.

Ponadto, jesteś bardzo ograniczony co do tego, jaki html możesz dodać. Próba zapisania znacznika skryptu zostaje usunięta podczas próby zapisania. Więc znowu w zależności od zastosowania są zdecydowanie inne opcje.

Answer 4

Jeśli utworzysz własne niestandardowe formularze HTML za pomocą skryptu aplikacji, możesz dodać widok okna @media do pliku css dla tych stron/formularzy, aby pomóc ... , ale ramka witryny Google jest nadal dobra. ... niezbyt dobrze ........