Bonjour,
Je recherche depuis quelques jours à incorporer une solider juste à coté de l'en-tête de mon site mais impossible, je n'y arrive pas.
J'arrive à la mettre au dessus, un peu partout et quand je demande au support du template que j'ai bien sur acheter, quel est leurs réponses: "pour faire cette manipulation, bien faut payer bien sur"
J'ai fait une petite présentation de se que j'aimerais faire: (j'ai tout mis en pdf au lien suivant:
http://www.partage-fichiers.com/upload/9en4vtty/)
J'ai le code de l'insertation de la slider:
<?php
echo do_shortcode("[metaslider id=146]");
?>
Mais je ne sais pas ou le mettre dans ma page afin de pouvoir l'avoir comme mis sur ma présentation.
Si besoin d'information complémentaire, je peux tout vous fournir.
Cordialement
Benoit
PS: désolé j'espère que je suis dans la bonne section pour mon sujet :(
8 réponses
Bonjour.
Pour commencer, j'ai l'impression que tu utilises un Framework, du type WordPress, si je ne me trompe pas, ce serait bien de le préciser.
Ensuite, si tu le met à côté du titre de ton site, les images seront en miniature et donc limite illisible, notamment concernant celle que l'on voit sur le fichier PDF, qui semble bien être une photo.
Pour des images de type logo,, ce ne serait pas un problème à la rigueur.
Pour ce qui concerne la mise en place à côté du titre de ton site, dans le cas où il est dans une balise de type \<h1>, il faudrait que tu stylise l'élément de ton slider au niveau de ton CSS, pour qu'il puisse se situer à côté et qu'il ne passe pas en dessous.
Bonjour,
Oui j'utilise un Framework qui est bien wordpress.
Justement comme est que je peux le stylisé pour arrivé à le situer juste à coté du logo?
car je dois modifier quelle page?
Justement comme est que je peux le stylisé pour arrivé à le situer juste à coté du logo?
Il me semblait que tu le voulais a côté du titre sur ta page, c'est en tout cas ce que signifie ton annotation sur le fichier PDF.
Pour ce qui est du fichier à télécharger, il te faut regarder dans les fichiers CSS, maiis je ne peux pas te dire exactement où, cela peut dépendre de ton thème (template), mais aussi du plugin si ton slider est intégré à un plugin.
Mais il te faut savoir que si tu changes de template par la suite, tu risques de devoir refaire la modification.
Vu qu'il y a le système de blocs sur Wordpress, tu peux aussi suivre cette piste (les blocs).
Finalement j'ai trouvé comment je pouvais le mettre facilement sur une page par contre, je ne trouve pas comme je peux faire pour le mettre juste a coté de l'image.
Voici le php je pense que cela vous aidera.
Cordialement
Merci beaucoup de l'aide
<?php
global $accesspress_pro_options;
$accesspress_pro_settings = get_option( 'accesspress_pro_options', $accesspress_pro_options );
if(!empty($accesspress_pro_settings['sticky_header']) && $accesspress_pro_settings['sticky_header'] == 1){
$accesspress_pro_sticky_header = " sticky-header";
}else{
$accesspress_pro_sticky_header = "";
}
?>
<div id="top-header">
<div class="ak-container">
<div class="site-branding">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<?php if ( get_header_image() ) { ?>
<img src="<?php header_image(); ?>" alt="<?php bloginfo('name') ?>">
<?php } ?>
<?php echo do_shortcode("[metaslider id=146]"); ?>
</a>
</div><!-- .site-branding -->
<div class="right-header clearfix">
<?php
do_action( 'accesspress_pro_header_text' );
?>
<div class="clear"></div>
<?php
if($accesspress_pro_settings['show_social_header'] == 0){
do_action( 'accesspress_pro_social_links' );
}
if($accesspress_pro_settings['show_search'] == 1){ ?>
<div class="ak-search">
<?php get_search_form(); ?>
</div>
<?php } ?>
</div><!-- .right-header -->
</div><!-- .ak-container -->
</div><!-- #top-header -->
<nav id="site-navigation" class="main-navigation <?php echo $accesspress_pro_sticky_header; ?>">
<div class="ak-container">
<h1 class="menu-toggle"><?php _e( 'Menu', 'accesspress_pro' ); ?></h1>
<?php wp_nav_menu( array(
'theme_location' => 'primary',
'container' => 'div',
'container_class'=> 'menu',
'items_wrap' => '<ul>%3$s</ul>',
) ); ?>
</div>
</nav><!-- #site-navigation -->Bonsoir.
Puis-je savoir ce que fait cette partie de code dans un fichier css ?
<?php
echo do_shortcode("[metaslider id=146]");
?>Attends, tu veux ton slider dans le lien ? :O
Si ce n'est pas le cas, il faut que tu mettes ton slider en dehors de la balise a déjà pour commencer.
Je me suis trompé c'est pas dans un fichier css mais plutot dans un fichier php et plus précisément ce fichier php: header-style1.php
Et pour le mettre hors de la balise a, je crée une balise b?
Si c'est le cas c'est ce que j'ai fait mais la slider se met encore en dessous de mon logo...
Je l'ai mis hors de la balise de lien avec le code suivant:
Le seul truc c'est que j'ai reussi à le mettre sous le logo mais pas à coté, Es que je suis sur la bonne feuille de code?
<?php
global $accesspress_pro_options;
$accesspress_pro_settings = get_option( 'accesspress_pro_options', $accesspress_pro_options );
if(!empty($accesspress_pro_settings['sticky_header']) && $accesspress_pro_settings['sticky_header'] == 1){
$accesspress_pro_sticky_header = " sticky-header";
}else{
$accesspress_pro_sticky_header = "";
}
?>
<div id="top-header">
<div class="ak-container">
<div class="site-branding">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<?php if ( get_header_image() ) { ?>
<img src="<?php header_image(); ?>" alt="<?php bloginfo('name') ?>">
<?php } ?>
</a>
<?php echo do_shortcode("[metaslider id=146]"); ?>
</div><!-- .site-branding -->
<div class="right-header clearfix">
<?php
do_action( 'accesspress_pro_header_text' );
?>
<div class="clear"></div>
<?php
if($accesspress_pro_settings['show_social_header'] == 0){
do_action( 'accesspress_pro_social_links' );
}
if($accesspress_pro_settings['show_search'] == 1){ ?>
<div class="ak-search">
<?php get_search_form(); ?>
</div>
<?php } ?>
</div><!-- .right-header -->
</div><!-- .ak-container -->
</div><!-- #top-header -->
<nav id="site-navigation" class="main-navigation <?php echo $accesspress_pro_sticky_header; ?>">
<div class="ak-container">
<h1 class="menu-toggle"><?php _e( 'Menu', 'accesspress_pro' ); ?></h1>
<?php wp_nav_menu( array(
'theme_location' => 'primary',
'container' => 'div',
'container_class'=> 'menu',
'items_wrap' => '<ul>%3$s</ul>',
) ); ?>
</div>
</nav><!-- #site-navigation -->