Пачка полезных сниппетов для блога. Часть 2

Отключаем автоматические параграфы в редакторе WordPress

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

Просто вставьте следующий код в файл functions.php вашей темы:

remove_filter('the_content', 'wpautop');

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

Делаем изображения в WordPress адаптивными

Адаптивные изображения могут быть большими на широких экранах и автоматически адаптироваться под маленькие экраны, такие как на iPad. Сделать картинки адаптивными совсем не сложно: вот простой сниппет для достижения вышеуказанного на вашем блоге.

Первым делом создаем шорткод. Для этого открываем файл functions.php вашей темы и вставляем туда следующий код:

function responsive_images($atts, $content = null) {
     return '<div class="image-resized">' . $content .'</div>';
}
 
add_shortcode('responsive', 'responsive_images');

Далее открываем файл style.css и добавляем туда следующие правила:

@media only screen and (max-width:767px) {
    .image-resized img {
        width:100%;
        height:auto;
    }
}

Теперь можно использовать шорткод [responsive] для вставки адаптивных изображений в ваш блог:

[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]

Активируем менеджер ссылок в WordPress 3.5 (и выше)

В версиях WordPress 3.5 (и выше) разработчики лишили нас раздела «Ссылки» в административной панели. Вот сниппет для возврата его на предыдущее место.

Вставляем код в фал functions.php и все готово:

<?php

	//Активируем встроенный менеджер ссылок в WordPress
	add_filter( 'pre_option_link_manager_enabled', '__return_true' );

?>

Подключаем шрифты Typekit напрямую в вашу тему WordPress

Typekit является очень полезным сервисом, который позволяет использовать бесчисленное количество различных шрифтов на вашем сайте/блоге. Они предоставляют плагин для WordPress для простого добавления шрифтов в ВП, однако существует решение, чтобы интегрировать шрифты Typekit напрямую в вашу тему. Вот сниппет для этого.

Отредактируйте код ниже и поправьте путь к файлу .js в строке 2. Затем, просто вставьте его в ваш файл functions.php, сохраните его и все!

function theme_typekit() {
    wp_enqueue_script( 'theme_typekit', '//use.typekit.net/xxxxxxx.js');
}
add_action( 'wp_enqueue_scripts', 'theme_typekit' );

function theme_typekit_inline() {
  if ( wp_script_is( 'theme_typekit', 'done' ) ) { ?>
  	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<?php }
}
add_action( 'wp_head', 'theme_typekit_inline' );

Подготавливаем к переводу строки в JavaScript вашей WordPress-темы

Знаете ли вы, что в WordPress есть функция под названием wp_localize_script(), которая позволяет вам переводить строки в JavaScript? Вот практичный пример того, как использовать эту малоизвестную, но очень полезную функцию.
Просто вставьте следующий код в ваш файл function.php, где вы обычно подгружаете скрипты и стили. Строка 4 показывает как использовать функцию wp_localize_script().

function prefix_enqueue_custom_script(){
	wp_register_script( 'prefix_custom_script', plugin_dir_url( __FILE__ ) .'js/custom-script.js', array( 'jquery' ) );
        wp_enqueue_script( 'prefix_custom_script' );
        wp_localize_script( 'prefix_custom_script', 'prefix_object_name', array(
		'upload' => __( 'upload', 'textdomain' ),
		'remove' => __( 'remove', 'textdomain' )
	) );
}