Jump to content

Как исправить шапку сайта WP?


Recommended Posts

В общем нашел шаблон, только он не совсем отвечает всем моим требованиям. В частности шапка черная и выглядит уродливо. Хочу изменить на градиент с черного до серого. 

Зашел я в header.php и понимаю что не какого намека на подключение header css тут нет, либо я слепой))  

Вопрос: как уменьшить размер этой шапки и прописать градиент?

<?php
	/**
	 * The header for our theme.
	 *
	 * This is the template that displays all of the <head> section and everything up until <div id="content">
	 *
	 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
	 *
	 * @package Theme Palace
	 * @subpackage Travel Master
	 * @since Travel Master 1.0.0
	 */

	/**
	 * travel_master_doctype hook
	 *
	 * @hooked travel_master_doctype -  10
	 *
	 */
	do_action( 'travel_master_doctype' );

?>

<head>

<?php
	/**
	 * travel_master_before_wp_head hook
	 *
	 * @hooked travel_master_head -  10
	 *
	 */
	do_action( 'travel_master_before_wp_head' );

	wp_head(); 
?>
</head>

<body <?php body_class(); ?>>

<?php do_action( 'wp_body_open' ); ?>

<?php
	/**
	 * travel_master_page_start_action hook
	 *
	 * @hooked travel_master_page_start -  10
	 *
	 */
	do_action( 'travel_master_page_start_action' ); 

	/**
	 * travel_master_header_action hook
	 *
	 * @hooked travel_master_header_start -  10
	 * @hooked travel_master_site_branding -  20
	 * @hooked travel_master_site_navigation -  30
	 * @hooked travel_master_header_end -  50
	 *
	 */
	do_action( 'travel_master_header_action' );

	/**
	 * travel_master_content_start_action hook
	 *
	 * @hooked travel_master_content_start -  10
	 *
	 */
	do_action( 'travel_master_content_start_action' );

	/**
	 * travel_master_header_image_action hook
	 *
	 * @hooked travel_master_header_image -  10
	 *
	 */
	do_action( 'travel_master_header_image_action' );

    if ( travel_master_is_frontpage() ) {
    	$options = travel_master_get_theme_options();
    	$sorted = array();
    	if ( ! empty( $options['sortable'] ) ) {
			$sorted = explode( ',' , $options['sortable'] );
		}

		foreach ( $sorted as $section ) {
			add_action( 'travel_master_primary_content', 'travel_master_add_'. $section .'_section' );
		}
		do_action( 'travel_master_primary_content' );
	}

 

Link to post
Share on other sites
  • Модератор

Градиент, цвета и размеры задается в файле стилей, как правило style.css, а не header.php

Link to post
Share on other sites
  • VIP

В Firefox наводите курсор на шапку и правой кнопкой кликаете "исследовать элемент". Внизу откроется окошко, где можно пощелкать по строкам кода, а справа будут меняться данные, которые отвечают за текущие стили. Можно справа менять цифры вручную и смотреть что на что влияет. Но в коде изменения не сохранятся, их потом нужно прописать вручную в файлах сайта.

333333.jpg

Link to post
Share on other sites

Не думаю что человек кто задает такой вопрос знает что такое css)  и где его искать вообще ) что такое id, class да тот же инспектор) 

 

нажимаете f12 появляется окно, лучше использовать google chrome там больше расширений (хотя они вам не пригодятся еще очень долго) поэтому любой инспектор любого браузера подойдет, кликаете на элемент, либо правой кнопкой мыши на шапке и выбираете последний пункт иследовать эллементт, видите название класса блока

идете в корень вашей темы wp-content/ваша_тема/style.css или main.css 

в инспекторе смотрите номер строки справа, ищите номер этой строки в файле и меняете все что хотите в этом классе, цвет, размер шрифта и тп. только не забудьте потом нажать ctrl и f5 одновременно, сбросить кеш, чтобы увидеть вступившие в силу изменения...

Хотя я наверное плохо объясняю) 

Ну кстати говоря еще бывает так, что стили разложены по блокам или плагинам, таким образом нужно в любом случае видеть путь до файла стилей, опять же если эти стили не инлайновые) что бывает иногда) например с шириной 

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...