LyalinDV

Рейтинг
166
Регистрация
20.05.2015
Адаптивный код

Что-то не понимаю.

Добавляю в CSS:

<style>

.Реклама { width: 336px; height: 280px; }

@media(min-width: 600px) { .Реклама { width: 580px; height: 400px; } }

@media(min-width: 800px) { .Реклама { width: 580px; height: 400px; } }

</style>

Вставляю в нужное место:

<p style="text-align: center;"><script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>

<!-- Реклама -->

<ins class="adsbygoogle Реклама"

style="display:inline-block"

data-ad-client="ca-pub-71986011941195XX"

data-ad-slot="69508505XX"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></p>

Ничего не показываю.

Но стоит скопировать код с Адсенсе:

<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>

<!-- Реклама -->

<ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-71986011941195XX" data-ad-slot="69508505XX" data-ad-format="auto"></ins>

<script>// <![CDATA[ (adsbygoogle = window.adsbygoogle || []).push({});

// ]]></script>

все работает.

Что я делаю не так?

Адаптивный код

Получается

<style>

.example_responsive_1 { width: 320px; height: 100px; }

@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }

@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

</style>

вставляем в файл CSS, а это:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- example_responsive_1 -->

<ins class="adsbygoogle example_responsive_1"

style="display:inline-block"

data-ad-client="ca-pub-XXXXXXX11XXX9"

data-ad-slot="8XXXXX1"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

уже в то место, где хотим видеть рекламу?

Мобилопригодность(c) - новый алгоритм Владивосток

Пройдет ли на Мобилопригодность такой тип таблиц с горизонтальной прокруткой:

http://zurb.com/playground/responsive-tables

?

Нужен ли адаптивный дизайн?

Я к тому, что для мобильных пользователей мой сайт вроде как не плохо выглядит и так. По ПФ не уступает детскопу, по запросам многим выше википедии с пометкой моб.

Нужен ли адаптивный дизайн?
A.Hagen:
Мне кажется, что перед тем как давать какие-то советы - стоит сначала все-таки посмотреть сайт, иначе получается глухой телефон где дают рекомендации исключительно с предоставленной вами информации

Написал сайт в ЛС

---------- Добавлено 22.02.2016 в 17:49 ----------

Неужели мобилопригодность как фактор ранжирования настолько сильнее чем ссылочное и ПФ ? Мне если честно слабо верится, что мой сайт совсем перестанут показывать поисковики

Нужен ли адаптивный дизайн?
frank_82:
Вообще если ресурс хороший, я бы сделал. А так хозяин барин.

да вроде неплохой, но при этом потеряется весь функционал. С таблицами решения толкового до сих пор нет, опять же горизонтальная прокрутка и фотографии.... Да и страниц на сайте много. Некоторые очень большие, до 30000 знаков + таблицы и графика. На мобилке это выглядит как бесконечный спойлер.

У пользователей спрашивал, большинство высказало мнение, что это неудобно. Да и смартфоны сейчас в большинстве имею большие дисплее.

Мобилопригодность(c) - новый алгоритм Владивосток
and555:
самое интересное - яндекс орет что будет понижать сайты не адаптированные под мобильные устройства....
сейчас по одному из запросов проверил специальное с мобильного устройства - мой сайт находится в топ 10 по этому запросу, на сайте есть мобильная версия, и яндекс вебмастер - говорит все ОК ошибок нету....
все конкуренты которые висят выше - ни у кого нету адаптация под мобильные устройства....
как так то???

а он и не обязан быть выше! Мобилопригодность - это лишь Один из факторов ранжирования и не самый весомый. Возможно просто ваш сайт, отстает по другим фактором.

Кроме того, это же Яндекс, какая тут закономерность:)

Мобилопригодность(c) - новый алгоритм Владивосток

Ну а как быть тем, у кого информационные сайты с кучами таблиц? Ладно бы текстовые таблицы чисто, там можно кое-что придумать. А если в таблицах куча картинок? Нормально сжать их не получается.

Разные сайдбары для разных шаблонов страниц

Вот что сделал:

1. Залил на хостинг новый сайдбар - "сайдбарвитрина.php"

2. Зарегистрировал его в functions.php: 

register_sidebar( array(

'name' => __('Sidebar &ndash; Left', 'frontier'),

'id' => 'widgets_sidebar_left',

'description' => __('For layouts and templates with a left sidebar.', 'frontier'),

'before_widget' => '<div id="%1$s" class="widget-sidebar frontier-widget %2$s">',

'after_widget' => '</div>',

'before_title' => '<h4 class="widget-title">',

'after_title' => '</h4>') );



register_sidebar( array(

'name' => __('Sidebar &ndash; Right', 'frontier'),

'id' => 'widgets_sidebar_right',

'description' => __('For layouts and templates with a right sidebar.', 'frontier'),

'before_widget' => '<div id="%1$s" class="widget-sidebar frontier-widget %2$s">',

'after_widget' => '</div>',

'before_title' => '<h4 class="widget-title">',

'after_title' => '</h4>') );



register_sidebar( array(

'name' => __('сайдбарвитрина', 'frontier'),

'id' => 'сайдбарвитрина',

'description' => __('Для рубрики витрина.', 'frontier'),

'before_widget' => '<div id="%1$s" class="widget-sidebar frontier-widget %2$s">',

'after_widget' => '</div>',

'before_title' => '<h4 class="widget-title">',

'after_title' => '</h4>') );

Теперь у меня отображается 3 сайдбара в админ. панеле. Идем дальше...

3. Захожу в шаблон страницы, в которой хочу видеть новый сайдбар и внизу вижу следующее: 

<?php

switch ( frontier_option('column_layout', 'col-cs') ) {

case 'col-sc' :

get_sidebar('left');

break;



case 'col-cs' :

get_sidebar('right');

break;



case 'col-ssc' :

case 'col-scs' :

case 'col-css' :

get_sidebar('left');

get_sidebar('right');

break;

}

?>

Как бы его не правил вместо сайдбара вылазит просто список всех статей сайта..... Где ошибься?

В functions.php нашел еще следующее: 

/*-------------------------------------

	Get Layout Values - Theme Setup

--------------------------------------*/

function frontier_get_layout_values() {

	global	$content_width, $frontier_container, $frontier_header, $frontier_content, $frontier_side_left, $frontier_side_right, $footer_widget_css,

			$frontier_2col_content, $frontier_2col_sidebar, $frontier_3col_content, $frontier_3col_sidebar1, $frontier_3col_sidebar2;



	$frontier_container = frontier_option('width_container', 960);



	$frontier_header = frontier_option('header_height', 140);



	$frontier_2col_content = frontier_option('width_two_column', 65);

	$frontier_2col_sidebar = 100 - frontier_option('width_two_column', 65);

	

	$frontier_3col_value = explode( '-', frontier_option('width_three_column', '25-75') );

	$frontier_3col_content = $frontier_3col_value[1] - $frontier_3col_value[0];

	$frontier_3col_sidebar1 = $frontier_3col_value[0];

	$frontier_3col_sidebar2 = 100 - $frontier_3col_value[1];



	switch ( frontier_option('column_layout', 'col-cs') ) {

		case 'col-c'  :

			$frontier_content = 100;

			$content_width = $frontier_container - 42;

			break;



		case 'col-sc' :

		case 'col-cs' :

			$frontier_content = $frontier_2col_content;

			$frontier_side_left = $frontier_2col_sidebar;

			$frontier_side_right = $frontier_2col_sidebar;

			$content_width = intval( $frontier_container * ( $frontier_content / 100 ) ) - 38;

			break;



		case 'col-ssc' :

		case 'col-css' :

		case 'col-scs' :

			$frontier_content = $frontier_3col_content;

			$frontier_side_left = $frontier_3col_sidebar1;

			$frontier_side_right = $frontier_3col_sidebar2;

			$content_width = intval( $frontier_container * ( $frontier_content / 100 ) ) - 38;

			break;

	}

}



/*-------------------------------------

	Layout CSS - Theme Setup

--------------------------------------*/

function frontier_print_layout() {

	global	$frontier_version, $frontier_container,

			$frontier_content, $frontier_side_left, $frontier_side_right;



	$header_min = ( frontier_option('header_logo') ) ? 0 : frontier_option('header_height', 140);

echo '

<meta property="Frontier Theme" content="' . $frontier_version . '" />

<style type="text/css" media="screen">

	#container 	{width: ' . $frontier_container . 'px;}

	#header 	{min-height: ' . $header_min . 'px;}

	#content 	{width: ' . $frontier_content . '%;}

	#sidebar-left 	{width: ' . $frontier_side_left . '%;}

	#sidebar-right 	{width: ' . $frontier_side_right . '%;}

</style>' . "\n";

}



/*-------------------------------------

	Layout CSS for Pages - Theme Setup

--------------------------------------*/

function frontier_print_layout_page() {

	global	$frontier_2col_content, $frontier_2col_sidebar,

			$frontier_3col_content, $frontier_3col_sidebar1, $frontier_3col_sidebar2;

echo '

<style type="text/css" media="screen">

	.page-template-page-cs-php #content, .page-template-page-sc-php #content {width: ' . $frontier_2col_content . '%;}

	.page-template-page-cs-php #sidebar-left, .page-template-page-sc-php #sidebar-left,

	.page-template-page-cs-php #sidebar-right, .page-template-page-sc-php #sidebar-right {width: ' . $frontier_2col_sidebar . '%;}

	.page-template-page-scs-php #content {width: ' . $frontier_3col_content . '%;}

	.page-template-page-scs-php #sidebar-left {width: ' . $frontier_3col_sidebar1 . '%;}

	.page-template-page-scs-php #sidebar-right {width: ' . $frontier_3col_sidebar2 . '%;}

</style>' . "\n\n";

}

Может здесь что нужно дописать?

Ограничение по рубрикам на wordpress
webjey:

function custom_posts_per_page($query) {
	if ($query->is_home() && $query->is_main_query()) {
		$query->set('category__not_in', array(106));
	}
}

add_action('pre_get_posts', 'custom_posts_per_page');

Спасибо!!!

---------- Добавлено 04.12.2015 в 12:17 ----------

Так.... с ограничением разобрался...

Но теперь вопрос в другом. Как на определенной странице вывести только определенную рубрику?

1... 9293949596979899100 101
Всего: 1005