Jump to content
Sign in to follow this  
Gelel

Как исправить шапку сайта 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' );
	}

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

333333.jpg

Share this post


Link to post
Share on other sites

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

 

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

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...