Article mis à jour le 4 février 2020 à 5 h 39 min

 

Comment intégrer Piwigo avec WordPress à l’aide d'un alias apache et d'une iframe.

La rédaction FI à aujourd'hui travaillé a trouvé comment intégrer Piwigo (logithèques d'imagerie website) avec WordPress sous un autre dossier que le site principal.
Compliqué mais simple après recherche.

 

POUR COMMENCER:

Il vous faudra créer une page enfant pour le lien avec votre galerie Piwigo.
Le lien avec le dossier se fera obligatoirement avec un alias à ajouter au fichier httpd.conf de votre serveur Apache.
L'intégration de Piwigo en partant d'un autre dossier à l'aide d’une iframe est obligatoire
sauf si vous souhaitez mixer les dossiers WordPress de votre site web avec celle de Piwigo
qui n'est pas recommander pour un bon usage de votre site et de la galerie.
Il est important de compartimenter par sections certain module qui peuvent nécessiter de la ressource de sauvegarde de vos données.
Les fonctions de WordPress et piwigo ne peuvent pas s'intégrer directement.
Pour afficher entièrement la page de votre galerie tout en gardant les fonctions du site,
vous devrez modifier la page enfant (via votre éditeur préférer),
supprimer le get header, remplacer manuellement en copiant les lignes appelant quelques fonctions de WordPress que l'on retrouve au début du fichier header.php de votre thème.


<?php
/**
template name: galerie
*/
?> <!DOCTYPE html>
<html <?php language_attributes(); ?>><head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>

 

Nous allons maintenant rechercher la fonction de single.php, celle affichant l'article.
Copier coller cette parti et terminer avec le footer.php.
Exemple basé sur le thèmes GridWP

<article id="post-<?php the_ID(); ?>" <?php post_class('gridwp-post-singular gridwp-box'); ?>>
&nbsp;
<div class="entry-content clearfix">
<?php
the_content( sprintf(
wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Continue reading<span class="screen-reader-text"> "%s"</span> <span class="meta-nav">&rarr;</span>', 'gridwp' ),
array(
'span' => array(
'class' => array(),
),
)
),
get_the_title()
) );

wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . esc_html__( 'Pages:', 'gridwp' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
) );
?>
</div><!-- .entry-content -->

<footer class="entry-footer">
<?php edit_post_link( esc_html__( 'Edit', 'gridwp' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- .entry-footer -->

</article>

 

<?php get_footer(); ?>

 

 

IFRAME:

Pour créer une iframe, copié les quelques ligne dans la zone de texte de rédaction de page WordPress.
Nous avons inclus du javascript pour ne pas avoir de double scrolling vertical tout en gardant la possibilité de scrolling horizontal.

<script type="text/javascript">
function resizeIframe(obj){
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
<iframe src="https://french-interface.com/galerie-photo/" frameborder="0" width="100%" onload="resizeIframe(this)"></iframe>


 

Le résultat de cette Iframe vous donnera l'affichage de votre galerie en pleine page.
Exemple ci dessous contenu dans le DIV de notre article et fonctionnel sur la galerie de notre site.

 

 



 
Un problème remarqué sur la navigation d'autre langue si utilisation du plugin Transposh et d'un alias comme lien de navigation, celui-ci ajoute le lien modifier et affecte donc la redirection.
Résolu en ajoutant <span class="no_translate"> et </span> de cette façon.

<script type="text/javascript">
function resizeIframe(obj){
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
<span class="no_translate"><iframe src="https://french-interface.com/galerie-photo/" frameborder="0" width="100%" onload="resizeIframe(this)"></iframe></span>


 
En espérant que ce tutoriel aidera les personnes en difficulté.
N'hésiter pas a nous faire pars de vos commentaire pour améliorer la rédaction.


4
4,0 rating
4 / 5 étoile (1 avis)
Excellent0%
Très bien100%
Moyenne0%
Médiocre0%
Horrible0%

Annuler

 

Notez cet article

Très bien et fonctionnel ..! BRAVO

4,0 rating
20 janvier 2020

2 thoughts on “Intégrer Piwigo avec wordpress

  1. Certainement imaginer ce que vous avez déclaré. votre favori
    la justification semblait être au filet le facteur le plus facile d'être
    conscient de. Je vous le dis, Je me ennuyé même certainement que les gens tiennent compte des préoccupations qu'ils ne se rendent pas clairement
    sur. Vous avez réussi à frapper le clou sur le sommet et a également souligné la totalité de son sans effets secondaires besoin ,
    d'autres personnes pourraient prendre un signal. Sera probablement de retour pour obtenir plus.
    Merci

  2. Salutations de la Floride! Je me ennuie à mort au travail alors j'ai décidé
    parcourir votre site sur mon iphone pendant la pause déjeuner. J'adore les informations que vous fournissez ici et ne peut pas attendre de jeter un oeil quand je rentre à la maison.
    Je suis surpris de voir à quelle vitesse votre blog chargé sur mon téléphone portable ..
    Je ne suis pas même avec WIFI, juste 3G .. De toute façon, merveilleux blog!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *