[Neumann1970]

Всем привет!
Подскажите пожалуйста - по моему сайту http://apple-service.spb.ru/ - он не адаптирован под мобильные устройства. Если кто сталкивался - можете дать пару советов - наиболее легкий способ адаптации. Ну те что где делали - какой шаблон использовали. Платформа wordpress 4.4.1 шаблон Mantra. Буду благодарен если расскажите на пальцах - тк новичек и плаваю в некоторых вопросах.
Спасибо!

[Ems]

Проще всего - поставьте новый адаптивный шаблон.

[Neumann1970]

Проще всего - поставьте новый адаптивный шаблон.

Только так? какой именно?

[Ems]

Только так? какой именно?

Конечно, не только так. Но просили самый простой вариант - то это он. Какой именно? Выбирайте. Их сейчас навалом. Даже в каталоге wordpress.

[Neumann1970]

Комрады есть еще пара вопросов:
1. Можно ли судить об оптимизации и адаптации для мобильных устройств по результатам гуголовского сервиса http://www.google.com/webmasters/tools/mobile-friendly/ ????

2. свойство viewport metа определяют размерность и расширяемость для мобильных устройств, но на моем сайте из-за частой установки плагинов этот код встречается несколько раз. Вопрос это очень принципиально ?

В начале:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

И в конце:
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0">

Код HTML:

-widget-area a:hover { color:#888888 ;} #content p, .entry-content ul, .entry-summary ul , .entry-content ol, .entry-summary ol { margin-bottom:1.5em;} .entry-meta .entry-time {display:none;} #branding { height:75px ;} </style>[B]<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">[/B]<style> </style><!--[if lte IE 8]> <style type="text/css" media="screen">
#access ul li,
.edit-link a ,
#footer-widget-area .widget-title, .entry-meta,.entry-meta .comments-link,
.short-button-light, .short-button-dark ,.short-button-color ,blockquote {
position:relative;
behavior: url(http://apple-service.spb.ru/wp-content/themes/mantra/js/PIE/PIE.php);
}
#access ul ul {
-pie-box-shadow:0px 5px 5px #999;
}
#access ul li.current_page_item, #access ul li.current-menu-item ,
#access ul li ,#access ul ul ,#access ul ul li, .commentlist li.comment ,.commentlist .avatar,
.nivo-caption, .theme-default .nivoSlider {
behavior: url(http://apple-service.spb.ru/wp-content/themes/mantra/js/PIE/PIE.php);
}
</style> <![endif]--> <style type="text/css" id="custom-background-css">body.custom-background { background-image: url('http://apple-service.spb.ru/wp-content/uploads/2016/01/iphonography-wallpaper-2560x1600.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }</style><style type="text/css" media="print">#wpadminbar { display:none; }</style><style type="text/css" media="screen">html { margin-top: 32px !important; }* html body { margin-top: 32px !important; }@media screen and ( max-width: 782px ) {html { margin-top: 46px !important; }* html body { margin-top: 46px !important; }}</style><link rel="icon" href="http://apple-service.spb.ru/wp-content/uploads/2016/01/cropped-favoicon-32x32.png" sizes="32x32" /><link rel="icon" href="http://apple-service.spb.ru/wp-content/uploads/2016/01/cropped-favoicon-192x192.png" sizes="192x192" /><link rel="apple-touch-icon-precomposed" href="http://apple-service.spb.ru/wp-content/uploads/2016/01/cropped-favoicon-180x180.png" /><meta name="msapplication-TileImage" content="http://apple-service.spb.ru/wp-content/uploads/2016/01/cropped-favoicon-270x270.png" /><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create','UA-72817988-1','auto');ga('send','pageview');</script> <!--[if lt IE 9]> <script>document.createElement('header');document.createElement('nav');document.createElement('section');document.createElement('article');document.createElement('aside');document.createElement('footer');document.createElement('hgroup');</script> <![endif]--> <script type="text/javascript">
function makeDoubleDelegate(function1, function2) {
// concatenate functions
return function() { if (function1) function1(); if (function2) function2(); }
}
function mantra_onload() {
// Add responsive videos
if (jQuery(window).width() < 800) jQuery(".entry-content").fitVids();
}; // mantra_onload
jQuery(document).ready(function(){
// Add custom borders to images
jQuery("img.alignnone, img.alignleft, img.aligncenter, img.alignright").addClass("imageSeven");
// Add select navigation to small screens
jQuery("#access > .menu > ul").tinyNav({
header: ' = Меню = '
});
});
// make sure not to lose previous onload events
window.onload = makeDoubleDelegate(window.onload, mantra_onload );
</script>
[B]<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0">[/B]</head>
<body class="home page page-id-133 page-template-default logged-in admin-bar no-customize-support cu

3. Когда настраивал верхний виджет добавил код:

Код HTML:

<strong><font color=blue size =3>Телефон: +79650194750</font></strong> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<strong>email: 
<a href="mailto:apple78spb@gmail.com" target="_top">apple78spb@gmail.com</a><font color""red" size =3></font>
</strong>
 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<strong><font color="red" size =3>Skype: service_spb78
<a href="http://apple-service.spb.ru/svyaz/kontakty-servisnogo-tsentra-v-spb-po-re/">ЗВОНОК в SKYPE</a></font> </strong> 

Проблема в том что на стационарном компьютере в браузере - данные представлены в одной строке.
На мобильном устройстве очень криво.
вопрос - Как сделать чтоб на мобильном устройстве контакты отображались в столбец :
Телефон:
Email:
Skype
а в обычном браузере в без изменений в строку????

4. После установки шаблона mantra небыло возможности использовать свойства шаблона из-за каких-то багов. Пришлось добавиль код в header.php :

Код HTML:

<h4 id="site-title"><span> <a href="http://apple-service.spb.ru/" title="http://apple-service.spb.ru" rel="home"><font size="5" color="red" face="Arial">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspСервис и выездной ремонт APPLE в СПБ!!! +79650194750</font></a> </span></h4>

Вопрос схожий с предыдущем -формат тескста шапки для мобильных устройств отображаестся криво - можно ли с этим что-то сделать ? Как убрать отступы - пробелы(

Код HTML:

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

) для мобильного браузера?

[boldlink]

плагин wptouch для вп

[Vabiano]

Добрый день уважаемые форумчане. На моем сайте тема wordpress Mantra. Она адаптивная, но при просмотре на мобильном все боковые виджеты с рекламой, поиском и т.п. съезжает вниз. Буду очень признателен, если кто поможет с информацией по поднятию виджетов наверх именно при просмотре на смартфоне. Может на форуме обсуждалась подобная проблема, если кто знает, буду признателен за информацию. Благодарю за внимание.

[grazer]

Она адаптивная, но при просмотре на мобильном все боковые виджеты с рекламой, поиском и т.п. съезжает вниз.

Так и должно быть. Для смартфонов сначала идет контент, потом сайдбар.

[Vabiano]

grazer,есть ли возможность именно баннер адсенса поднять наверх, именно для смартфонов? Сейчас читаю нет и пытаюсь разобраться. Я не силен в программировании и у меня уйдет куча времени пока я разберусь. Хотелось бы поправить это сейчас.)