Tag: twentyseventeen

Opublikowane w

Twentyseventeen Simple Page instrukcje

Instalacja WP z wtyczką do migracji i czystym pochodnym theme dla twentyseventeen

Jednolity Banner na górze

W pochodnym theme tworzymy plika /assets/header/custome-header
W tym pliku podmieniamy całość na swoją konstrukcję, najprościej po prostu goły obrazek img w celu łatwej edycji i będzie on z automatu trzymał proporcje i tak samo zachowywał się na mainie jak i podstronach.

Dziura nad Menu

Nad manu robi się dziura mimo nadania marginów paddingów i borderów na 0 zarówno dla banneru jak i menu. I jest trudna do wyśledzeenia co ją powoduję.
Naprawieniem tej sytuacji jest nadanie:

.site-header {
    line-height: 0;
}

Układ jednej kolumny

W ustawieniach motywu strona główna musi być ustawiona na „static page” by w opcjach pojawiło się „opcje motywu” gdzie możemy ustawić tryb jednej kolumny.

Hagłówki H1

W Twentyseventeen i większości szablonów tytuł strony z automatu wskakuje w treść jako h1 lub h2 dla głównej . Aby mieć kontrolę nad SEO najlepiej to wywalić i tworzyć sobie H1 w treśći podsdtony manualnie tak jak resztę n agłówków w tym celu w szablonie w teplate-parts/page/content-page.php należy wywalić/ zakomentować 

	<header class="entry-header">
		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
		<?php  twentyseventeen_edit_link( get_the_ID() ); ?>
	</header><!-- .entry-header -->

i w content-front-page.php:

			<header class="entry-header">
				<?php  the_title( '<h2 class="entry-title">', '</h2>' ); ?>

				<?php twentyseventeen_edit_link( get_the_ID() ); ?>

			</header><!-- .entry-header -->

W ten sposób separujemy też nazwę podstrony od nagłówka H1 i wszystko mamy pod kontrolą.

Opublikowane w

Video w headerze na wszystkich podstronach weentyseventeen

W lokalizacja theme/template-parts/header/header-image.php funkcja „the_custome_header_marker(); Zwraca media nagłówka w przypadku ustawienia w wordpressie video można je ustawić domyślnie w tweentyseventeen tylko na stronie głównej. Poniżej obejście w postaci zakomentowania funkcji i wrzucenia własnego obiektu video na sztywno:

<?php
/**
 * Displays header media
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since Twenty Seventeen 1.0
 * @version 1.0
 */

?>
<div class="custom-header">

		<div class="custom-header-media">
            
            <!-- sajan mod -->
            <video id="video-header-sajan" autoplay loop muted>
                <source src="http://postepstudio.pl/wp-content/uploads/przykladowe_video_postepstudio.mp4" type="video/mp4">
            </video>
			<?php /*the_custom_header_markup(); sajan*/ ?>
            
            
		</div>

	<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>

</div><!-- .custom-header -->