Twenty Thirteen сайдбар в футере

Нет комментариев · Категория: WordPress Просмотров: 150

В теме вордпресс Twenty Thirteen есть странное размещение виджета в сайдбаре, который залазиет на футер. Это некрасиво и неудобно. Найденные в сети редактирование css не помогли красиво изменить некрасивое наложение. Но, решение есть.

Находим в папке с темой файл functions.js.

/wp-content/themes/twentythirteen/js/functions.js

Добавляем +500 в конце кода:

Исходный код

margin = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary + 500;

В итоге выглядеть будет так:

Исходный код

/**
 * Functionality specific to Twenty Thirteen.
 *
 * Provides helper functions to enhance the theme experience.
 */
 
( function( $ ) {
  var body    = $( 'body' ),
	    _window = $( window );
 
	/**
	 * Adds a top margin to the footer if the sidebar widget area is higher
	 * than the rest of the page, to help the footer always visually clear
	 * the sidebar.
	 */
	$( function() {
		if ( body.is( '.sidebar' ) ) {
			var sidebar   = $( '#secondary .widget-area' ),
			    secondary = ( 0 == sidebar.length ) ? -40 : sidebar.height(),
			    margin    = $( '#tertiary .widget-area' ).height() - $( '#content' ).height() - secondary + 500;
 
			if ( margin > 0 && _window.innerWidth() > 999 )
				$( '#colophon' ).css( 'margin-top', margin + 'px' );
		}
	} );
 
} )( jQuery );