[tuto] Integre ZenPhoto dans WordPress (Créer un compte)

Code à mettre avant

<?php 
if (!defined('WEBPATH')) die(); 
$themeResult = getTheme($zenCSS, $themeColor, 'light'); 
$firstPageImages = normalizeColumns('2', '6');

require($_SERVER['DOCUMENT_ROOT'].'/wp-blog-header.php');

function addcss() {
	global $_zp_themeroot;
	global $zenCSS;
	
	echo '<link rel="stylesheet" href="'.$zenCSS.'" type="text/css" />‘;
	echo ‘<link rel="stylesheet" href="'.FULLWEBPATH .'/'. ZENFOLDER.'/plugins/rating/rating.css" type="text/css" />‘;
	echo ‘<link rel="stylesheet" href="'.FULLWEBPATH .'/'. ZENFOLDER.'/js/thickbox.css" type="text/css" />‘;
	
	echo ‘<script type="text/javascript" src="'.FULLWEBPATH .'/'. ZENFOLDER.'/plugins/rating/rating.js"></script>‘;
	echo ‘<script type="text/javascript" src="'.FULLWEBPATH .'/'. ZENFOLDER.'/js/jquery.js"></script>‘;
	echo ‘<script type="text/javascript" src="'.FULLWEBPATH .'/'. ZENFOLDER.'/js/thickbox.js"></script>‘;

	echo ‘
		<script type="text/javascript">
		function toggleComments() {
			var commentDiv = document.getElementById("comments");
			if (commentDiv.style.display == "block") {
				commentDiv.style.display = "none";
			} else {
				commentDiv.style.display = "block";
			}
		}
	</script>‘;
	
	printRSSHeaderLink(‘Gallery’,’Gallery RSS’);
	zenJavascript();
}
add_action(‘wp_head’, ‘addcss’);

get_header();

db_connect(); // reconnect to zenphoto db
require_once(« themes/default/themeoptions.php »);?>
<div id="content" class="narrowcolumn">

Code à mettre aprés

</div>

<?php $wpdb->select(DB_NAME); // reconnect wordpress db ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

***********************************************************************************************************************************
Fichier styles/light.css du thème default de Zenphoto.
***********************************************************************************************************************************

Trouver ligne 16:

body {
background: #F5F5F3;
margin: 0px;
padding: 0px 0px 50px;
text-align: center;
}

Remplacer par:

/* body {
background: #F5F5F3;
margin: 0px;
padding: 0px 0px 50px;
text-align: center;
} */
***********************************************************************************************************************************

Trouver ligne 25:

width: 685px;

Remplacer par:

/*width: 685px;*/

***********************************************************************************************************************************

Trouver ligne 35:

width: 640px;

Remplacer par:

/*width: 640px;*/

***********************************************************************************************************************************

Trouver ligne 72:

body {
font: normal 82%/200% « Helvetica Neue », « Lucida Grande », Helvetica, Arial, sans-serif;
color: #5A5A4B;
}

Remplacer par:

/* body {
font: normal 82%/200% « Helvetica Neue », « Lucida Grande », Helvetica, Arial, sans-serif;
color: #5A5A4B;
} */

***********************************************************************************************************************************

Trouver ligne 175:

.pagenav {
clear: both;
}

Remplacer par:

/* .pagenav {
clear: both;
} */

***********************************************************************************************************************************

Trouver ligne 364:

width: 100%;

Remplacer par:

width: 80%;

***********************************************************************************************************************************
Fichier wp-content/themes/default/style.css du thème default de WordPress.
***********************************************************************************************************************************

Trouver ligne 383:

width: 100%;

Remplacer par:

width: 80%;

RESULTAT

Index.php

Album.php

Image.php

Pour ceux qui ne veulent pas faire les manips, voici le zip des fichiers modifiés:
Veillez à bien mettre les fichiers css dans le bon répertoire…

http://kongasiou.free.fr/integrationZp1.1.5etWp2.5.1.zip

Dean KONG A SIOU

http://www.Progs.fr

http://www.zenphoto.fr

ANCIENNES VERSIONS

🙂 INTEGRER ZENPHOTO (v1.0.3b) DANS WORDPRESS(v2.0.4fr) 🙂

Tuto réalisé avec :
Wordpress : 2.0.4fr, thème WordPress Default 1.5 ( donc le thème par defaut! )
Zenphoto 1.0.3b-fr, thème Pure Default ( aussi le thème par défaut )

Logiciel de transfert (gratuit): Filezilla
Logiciel d’édition (gratuit) : notepad++

***********************************************************************************************************************************
okok alors commençons tout doucement ( donc sûrement 😉 )

Vous allez créer un nouveau thème pure_default, n’ayez pas peur, nous allons faire du clonage!
Faites une copie du thème et renommez le par exemple integration ( ou ce que vous voulez… )

Ouvrez le fichier theme.txt, remplacez ligne 2:
Zenphoto Pure Default par Integration ( pour différencier le nouveau thème )

Ouvrez le fichier index.php du nouveau thème.
Supprimez toutes les lignes, sauf les lignes allant de 15 à 46

Insérez le code suivant au dessus des lignes que vous avez conservé ( lignes avant

<?php if (!defined('WEBPATH')) die(); ?>
<?php require($_SERVER['DOCUMENT_ROOT'].'/blog/wp-blog-header.php'); ?>

<?php
// add the zen css to the wordpress header
function addcss() {
  global $_zp_themeroot;
  echo '<link rel="stylesheet" href="'.$_zp_themeroot.'/zen.css" type="text/css" />‘;
}
add_action(‘wp_head’, ‘addcss’);
?>

<?php get_header(); ?>
<?php db_connect(); // reconnect to zenphoto db ?>
<?php require_once("themes/pure_default/pure-template-functions.php");?>

<div id="content" class="narrowcolumn">

</div>

<?php $wpdb->select(DB_NAME); // reconnect wordpress db ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php if (!defined('WEBPATH')) die(); ?>
<?php require($_SERVER['DOCUMENT_ROOT'].'/blog/wp-blog-header.php'); ?>

<?php
// add the zen css to the wordpress header
function addcss() {
  global $_zp_themeroot;
  echo '<link rel="stylesheet" href="'.$_zp_themeroot.'/zen.css" type="text/css" />‘;
}
add_action(‘wp_head’, ‘addcss’);
?>

<?php get_header(); ?>
<?php db_connect(); // reconnect to zenphoto db ?>
<?php require_once("themes/pure_default/pure-template-functions.php");?>

<div id="content" class="narrowcolumn">

</div>

<?php $wpdb->select(DB_NAME); // reconnect wordpress db ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<div id="main">

	<div class="imgnav">
		<?php if (hasPrevImage()) { ?>
*
*
*
			<?php endwhile; ?>
			</div>
		</div>
	

on recommence les ajouts

Insérez le code suivant au dessus des lignes que vous avez conservé ( lignes avant

<?php if (!defined('WEBPATH')) die(); ?>
<?php require($_SERVER['DOCUMENT_ROOT'].'/blog/wp-blog-header.php'); ?>

<?php
// add the zen css to the wordpress header
function addcss() {
  global $_zp_themeroot;
  echo '<link rel="stylesheet" href="'.$_zp_themeroot.'/zen.css" type="text/css" />‘;
}
add_action(‘wp_head’, ‘addcss’);
?>

<?php get_header(); ?>
<?php db_connect(); // reconnect to zenphoto db ?>
<?php require_once("themes/pure_default/pure-template-functions.php");?>

<div id="content" class="narrowcolumn">

</div>

<?php $wpdb->select(DB_NAME); // reconnect wordpress db ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

.pagenav {
	clear: both;
}

/*.pagenav {
	clear: both;
}*/

width: 600px;

/*width: 600px;*/

.albumdesc {
	float: right;
	width: 480px;
}

/*.albumdesc {
	float: right;
	width: 480px;
}*/

body {
	font: normal 82%/200% « Helvetica Neue », Helvetica, Arial, sans-serif;
	color: #5A5A4B;
}

/*body {
	font: normal 82%/200% « Helvetica Neue », Helvetica, Arial, sans-serif;
	color: #5A5A4B;
}*/

$conf[‘image_size’] = 595;