• При переходе в полноэкранный режим в браузере Opera тема WP (TechHub)отображается некорректно: текст и меню без поддержки стилей.

    Вопрос: как это исправить и хотя бы в каком направлении двигаться, какой файл темы править ?

    Пример темы http://freewordpressthemes.ru/tema-wordpress-techhub.html

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Предлагаю попробовать так:
    1. В header.php найти:
    <link rel="stylesheet" href="wp-content/themes/TechHub/style.css" type="text/css" media="screen" />
    2. В этой строке заменить media="screen" на media="all".

    Это далеко не самый элегантный способ, но, я не сомневаюсь, что действенный.

    Удивительно, но все заработало!!! Спасибо за оперативность и помощь!!

    Было так:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection"/>

    Теперь выглядит так:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="all" />

    А почему «способ не самый элегантный» — проще некуда поменять одно слово.. можно ожидать от темы какие-то глюки теперь???

    Дело в том, что смысл атрибута media и его значения «screen, projection» в том, чтобы разделить стили для различных устройств. Авторы наверняка не зря сделали это разделение, т.е. есть стили и для устройств входящих в all, но отличных от screen и projection, теперь они могут не сработать, для, например, наладонников — handheld.
    Почему опера не считает себя причастными к screen и projection — вопрос к разработчикам.

    Более элегантно следовало бы найти правильное значение media для оперы и включить его значение в атрибут. Или, для менее пытливых, погуглить этот вопрос.

    Следует ожидать не глюков, а отсутствия стилей для других устройств отличных от браузера, например — отсутствие стилей при печати. Однако, это не обязательно будет так, это я озвучил теорию. 🙂

    Понятно. В интернет-экспоуре все ок, в опере ок, проверил и опера мини.
    Будем надеяться на лучшее, хотя проверю на кроссбраузерность через сооветсвующий сервис на всяк случай ….Уж больно тема красивая и функциональная не хочется от неё отказываться.

    Вот весь фрагмент «шапки», тут разделение только для IE:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="all" />
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
    
    <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection" ><![endif]-->

    В интернете ответа на вопрос не нашёл, хотя гуглил основательно.
    Только темы на форумах: «не работает стиль WP в опера » и тп.

    Теперь ответ есть!!! ;))

    Просто удалите атрибут media — по умолчанию он и так равен all. Подробнее в ru_webdev.

    Специально только что проверил. Опера 11.61/Linux использует «screen» и в обычном режиме, и в полноэкранном.

    Юрий, я совет Вадима сделал на jsfiddle, opera (11.60 на win7), действительно, в фулскрине (F11) переключает стиль screen на projection, проверьте по ссылке. И Вы верно говорите, screen работает и в фулскрине если убрать projection. Ситуация как у ТС возможна, на мой взгляд, если есть отдельный стиль для projection.

    Возможно просто тема была немного недоработана.
    Например комментировать страницы в ней было нельзя никак даже вклчая комментирование через соотвеитсвующие настройки WP.

    В итоге просто прописал в файле page.php код:

    <?php comments_template(); ?>

    Такой вопрос может кто знает:виджет метки: собсвенно сами метки при отображении стр вылазят за края сайдбара.

    Как это можно исправть?

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Полноэкранный режим Opera — не поддерживаются стили» закрыта для новых ответов.