За последние 24 часа нас посетили 24366 программистов и 1675 роботов. Сейчас ищут 1493 программиста ...

WordPress и адаптивный дизайн.

Тема в разделе "Wordpress", создана пользователем Mitai, 23 сен 2017.

  1. Mitai

    Mitai Новичок

    С нами с:
    23 окт 2016
    Сообщения:
    155
    Симпатии:
    24
    Доброго времени суток всем, подскажите пожалуйста как адаптируют сайты на вордпрессе под мобилки и планшеты, попытался
    HTML:
    1. <meta name="viewport" content="width=1200">
    изменить на
    HTML:
    1. <meta name="viewport" content="width=device-width">
    но в итоге все картинки уползли куда то в сторону, мб там нужен какой то плагин или модуль, я в вордпрессе ни че не понимаю, сайт маленький а кода блин на 6к строк. Есть zip сайта, мб кто посмотрит, или подскажет как его натянуть на движок врдпресса что бы можно было ставить какие то плагины и пробовать.
    [​IMG]
    ссылка на сам сайт https://ur-uslug.ru
     
  2. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    тему оформления надо ставить адаптивную.. это проще всего.
     
  3. Mitai

    Mitai Новичок

    С нами с:
    23 окт 2016
    Сообщения:
    155
    Симпатии:
    24
    вот этот архив можно натянуть на движок вордпресса? что бы установить адаптивную тему, и она изменит дизайн сайта? или он останется таким же но станет адаптивным?
    https://yadi.sk/d/Z27yo5Vr3NA2rd
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    т.к. в твоей вёрстке нет правил, описывающих её поведение при разных разрешения экрана, то и не будет никаких адаптивностей ни к чему =)

    твой дизайн не станет адаптивным, потому что это не тёмная магия делает, а адаптивная вёрстка, которую руками прописываешь или юзаешь что-то типа бутстрапа.
     
  5. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    не знаю что там у Вас в архиве, сейчас нет времени и возможности посмотреть.
    но адаптивную тему если поставить - то она естественно весь дизайн поменяет, это же новая тема....
    --- Добавлено ---
    меня иногда это сильно расстраивает)
     
  6. Mitai

    Mitai Новичок

    С нами с:
    23 окт 2016
    Сообщения:
    155
    Симпатии:
    24
    ну если даже прописать правила, как в первом посте, и в css изображениям дать 100% они все равно ужимаются к левому краю, а где идет конфликт стилей не понятно там реально 6к строк кода, вот для этого маленького сайта, вот она магия всех движков аля джумла и вордпресс
     
  7. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    дрочка вёрстки это отдельная работа, которой много и которую надо делать хорошо и там многое неочевидно. на такое дело я зачастую даже разово нанимаю отдельного человека.
    --- Добавлено ---
    добро пожаловать в мир css!

    [​IMG]
     
  8. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    если в бэкндек можно наставить костылей и их никто не будет видеть)) то во фронте такого не прощают)) :D
     
  9. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
  10. Mitai

    Mitai Новичок

    С нами с:
    23 окт 2016
    Сообщения:
    155
    Симпатии:
    24
    а попозже времени у вас не будет посмотреть? мб для вордпресс есть какой то модуль или плагин который приводит шаблон к нормальному отображению на мобильных?
    --- Добавлено ---
    угу в точку))
     
  11. Алекс8

    Алекс8 Активный пользователь

    С нами с:
    18 май 2017
    Сообщения:
    1.730
    Симпатии:
    359
    ничего не могу обещать, сейчас со временем свободным проблема..
     
  12. Mitai

    Mitai Новичок

    С нами с:
    23 окт 2016
    Сообщения:
    155
    Симпатии:
    24
    ну тогда как вариант если я переверстаю сайт, благо в архиве все есть уже, на сайте есть какая то пхпешная обработка, по типу "заказать звонок" оставьте ваш номер и мы вам перезвоним, как их потом подцепить?
    PHP:
    1. <?php
    2. if ($_SERVER["REQUEST_METHOD"] == "POST") {
    3. $phone = @$_POST['phone'];
    4. $message = @$_POST['message'];
    5. $formData = @$_POST['formData'];
    6.     $to = " info@ur-uslug.ru"; /*Укажите адрес, на который должно приходить письмо*/
    7.     $sendfrom = " admin@ur-uslug.ru"; /*Укажите адрес, с которого будет приходить письмо, можно не настоящий, нужно для формирования заголовка письма*/
    8. $headers = "From: " . strip_tags($sendfrom) . "\r\n";
    9. $headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
    10. $headers .= "MIME-Version: 1.0\r\n";
    11. $headers .= "Content-Type: text/html;charset=utf-8 \r\n";
    12. $subject = "$formData";
    13. $message = "$formData<br><b>Телефон:</b> $phone<br><b>Сообщение:</b> $message";
    14.     $send = mail ($to, "Заявка с сайта", $message, $headers);
    15. if ($send == 'true')
    16. {
    17. echo '<meta http-equiv="refresh" content="0; url=call.html">';
    18. //header('location:call.html');
    19. }
    20. else
    21. {
    22. echo '<center><p class="fail"><b>Ошибка. Сообщение не отправлено!</b></p></center>';
    23. }
    24. } else {
    25. http_response_code(403);
    26. echo "Попробуйте еще раз";
    27. }
    28. ?>
    --- Добавлено ---
    PHP:
    1. <?php
    2. if ($_SERVER["REQUEST_METHOD"] == "POST") {
    3. $email = @$_POST['email'];
    4. $message = @$_POST['message'];
    5. $phone = @$_POST['phone'];
    6. $formData = @$_POST['formData'];
    7.     $to = " info@ur-uslug.ru"; /*Укажите адрес, га который должно приходить письмо*/
    8.     $sendfrom = " admin@ur-sulug.ru"; /*Укажите адрес, с которого будет приходить письмо, можно не настоящий, нужно для формирования заголовка письма*/
    9. $headers = "From: " . strip_tags($sendfrom) . "\r\n";
    10. $headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
    11. $headers .= "MIME-Version: 1.0\r\n";
    12. $headers .= "Content-Type: text/html;charset=utf-8 \r\n";
    13. $subject = "$formData";
    14. $message = "$formData<br><b>Телефон:</b>$phone<br><b>Почта:</b>$email<br><b>Сообщение:</b> $message";
    15.     $send = mail ($to, "Заявка с сайта", $message, $headers);
    16. if ($send == 'true')
    17. {
    18. echo '<meta http-equiv="refresh" content="0; url=call.html">';
    19. //header('location:call.html');
    20. }
    21. else
    22. {
    23. echo '<center><p class="fail"><b>Ошибка. Сообщение не отправлено!</b></p></center>';
    24. }
    25. } else {
    26. http_response_code(403);
    27. echo "Попробуйте еще раз";
    28. }
    29. ?>
    --- Добавлено ---
    PHP:
    1. <?php
    2. if ($_SERVER["REQUEST_METHOD"] == "POST") {
    3. $email = @$_POST['email'];
    4. $message = @$_POST['message'];
    5. $phone = @$_POST['phone'];
    6. $formData = @$_POST['formData'];
    7.     $to = "info@ur-uslug.ru"; /*Укажите адрес, га который должно приходить письмо*/
    8.     $sendfrom = " zakaz.uslug@ur-uslug.com"; /*Укажите адрес, с которого будет приходить письмо, можно не настоящий, нужно для формирования заголовка письма*/
    9. $headers = "From: " . strip_tags($sendfrom) . "\r\n";
    10. $headers .= "Reply-To: ". strip_tags($sendfrom) . "\r\n";
    11. $headers .= "MIME-Version: 1.0\r\n";
    12. $headers .= "Content-Type: text/html;charset=utf-8 \r\n";
    13. $subject = "$formData";
    14. $message = "$formData<br><b>Телефон:</b>$phone<br><b>Почта:</b>$email<br><b>Сообщение:</b> $message";
    15.     $send = mail ($to, "Заявка с сайта", $message, $headers);
    16. if ($send == 'true')
    17. {
    18. echo '<meta http-equiv="refresh" content="0; url=call.html">';
    19. //header('location:call.html');
    20. }
    21. else
    22. {
    23. echo '<center><p class="fail"><b>Ошибка. Сообщение не отправлено!</b></p></center>';
    24. }
    25. } else {
    26. http_response_code(403);
    27. echo "Попробуйте еще раз";
    28. }
    29. ?>
    это все больше пхп файлов не нашел