Easy

1. Take my medicine on a regular basis (my asthma need it).
2. Brush my teeth 2 times a day. If I don’t want to end up as a rapper, it would be an idea.
3. Learn a new technology. I said it last year, this year I want to learn Python. I aslo want to start a PHP framework (CodeIgniter or Symfony).

Complicated

1. Become an early riser. I’m thinking about it for year, I have to do it now.
2. Eat better. I’m not even talking about weight, I have to eat less and healthier.
3. Read more. I bought some books some weeks ago and there is some I want to read, I should make time for this.

Extra and must be done

1. December 31st, 2012, I will weigh less than 61Kg.

This post was originally posted on Tumblr

No related posts.

Rappel historique

On a dabors mis en ligne un premier site, toujours en ligne, http://v1.lascenenantaise.net/, le deal etait donc, je m’occupe du site, il s’occupe du myspace (et du design du site). Mon tout premier site WordPress était en ligne! Après un petit moment, un an je crois, je me suis lancé dans un nouveau theme, un magazine (très en vogue à ce moment là). Bref Jo reprend le design en main. On essaie de mettre en ligne pas mal de page, il faut avouer qu’on était sur motivé. Pendant ce temps Jonathan a completement refait le myspace avec le même design. Cette v2 apportait pas mal de nouveauté, création d’un Twitter, intégration de Facebook Connect, et surtout ajout d’une page agenda généré à partir de la liste du myspace(merci cURL).

Après la mise en ligne de la v2, on a vite remarqué que le rythme était trop soutenu et que ce genre de site demandait beaucoup de temps et beaucoup d’investissement pour être à jour. Il faut maintenir la liste des concerts sur myspace, ce qui est loin d’être une partie de plaisir mais surtout il faut rester au courant de tout ce qui se passe. Je me dis qu’il est grand temps de penser à une v3 qui pourrait enfin relancer le site. Il faut dire qu’il n’a casiment pas été mis à jour depuis 1 an et que, depuis la nouvelle version de myspace, la page agenda est hors-ligne.

Nos erreurs

Après un moment voilà ce que je retiendrais comme des erreurs.

1. C’est un blog
Un blog demande de rédiger des billets, un minimum de contenu, des illustrations… donc du temps. A chaque information, chaque news, même les plus breves doivent être étoffé. Difficile d’imaginer un billet de moins de 100/120 mots et sans image.

2. Un agenda trop limité
La page avec l’agenda complet est généré à partir du myspace, donc il s’agit simplement d’une date, les groupes et un lieux. Pas de details, pas de prix, pas de liens,… En fait l’agenda n’était qu’un gadget.

3. Une mauvaise home page
La home page séparait les news en catégorie, donc pour pouvoir la renouveler il faut poster beaucoup de contenu… mauvais choix.

4. Manque de contenu
Très clairement le site n’était pas assez étoffé. On en revient au problème 3 mais aussi au fait que personne ne prend l’habitude d’aller sur un site mis à jour 2 ou 3 fois par mois. Pas de visiteur régulier donc.

5. Pas assez d’automatisme
La beauté de l’informatique c’est de pouvoir automatiser son travail. Il faut mieux passer beaucoup de temps au debut pour scripter quelques taches afin de se simplifier la vie ensuite. Le site n’était pas  suffisamment automatisé, besoin d’éditer des custom fields de wordpress, besoins d’ajouter l’ID du billet pour afficher une banniere en home page. Besoin d’editer le code pour afficher les flyers, bref beaucoup trop de temps perdu.

6. Trop peu d’originalité
Surement le plus gros problème: le contenu. Trop peu d’originalité! La plupart des news avait été déjà publié sur nantesmonamour.com ou bien meme des sites comme leboost. Voila à mon sens les principaux problèmes, si vous avez des remarques ou commentaires, vous pouvez les publier plus bas.

La situation actuelle: Facebook

Aujourd’hui Myspace est clairement en train de mourir. A ma connaissance les groupes l’utilisent toujours, au moins pour tenir leur agenda et avoir une page en ligne avec un minimum de customisation graphique mais le public a déserté.

En 2011 sur internet tout se passe sur Facebook, c’est pareil pour les évènements, la musique, les photos,… Tout migre sur facebook.

Je pense toujours que les évènements facebook ne sont pas aussi pratique qu’un bon site d’agenda. Par contre le système de RSVP, de like, de publication sur le mur, de commentaire et autres sont à exploiter.

RFC pour la version 3 de Lascenenantaise

En un mot: agrégateur. Pour l’instant je pense qu’une bonne idée serait de mettre en place une plateforme qui réunirait du contenu de facebook, de forums et de sites divers.

1. Le design

Le design du nouveau site devra être considérablement allégé et simplifier. Je suis très fan de la structure et du design de peoplespress.org, le site sera probablement dans cette esprit… très proche même!

A priori on conservera les même couleurs, le design ne devrait pas être révolutionné. J’aimerais surtout un design simple à intégrer.

2. La plateforme

A priori je compte rester sous WordPress et probablement baser le site sur Thematic. J’utilise ce couple depuis plusieurs moi et je m’y suis pas mal habitué. WordPress est devenu extrêmement puissant au cours du temps et Thematic évite pas mal de travail ennuyant.

Ce soir j’ai jeté un oeil aux fonctions wp_insert_post() et add_post_meta() qui permettent de pouvoir poster un article à partir d’un script (cf le code suivant).

require_once('../../../../wp-blog-header.php');

function add_one_post(){
	// Create post object
	$my_post = array(
	 'post_title' = 'Le titre de mon post',
	 'post_content' = 'Ce post est créé à partir d une fonction',
	 'post_status' = 'publish',
	 'post_category' = 1
	);

	// Insert the post into the database
	$id = wp_insert_post( $my_post );

	add_post_meta($id, 'source', 'http://sigerr.org/');

}

add_one_post();

L’idée est de pouvoir créer quelques script qui généreraient des posts à partir de très peu d’information, comme une url facebook ou youtube.

3. Les photos

C’était déjà une idée pour la version 2, il faudra la mettre en place pour la version 3. Il s’agit de poster automatiquement quelques photos d’un photographe et ensuite rediriger vers le site origial.

L’intérêt pour nous est d’avoir plus de contenu et pour le photographe de gagner quelques visiteurs. A priori il est déjà connu, mais je pense des visiteurs moins réguliers et moins impliqués.

Exemple parfait: http://thrasher44.blogspot.com/

L’homme qui est à tout les concerts! On pourrait poster 5 ou 6 photos (automatiquement à partir du flux RSS) et ensuite renvoyer le visiteur son blog.

4. Les vidéos

Beaucoup de vidéos sont interessantes mais il n’est pas forcement facile de les retrouver. De simple post avec une video, un titre, des tags pourrait enrichir aussi le site. Il devrait etre possible de simplement créer un fichier texte avec toutes les URLs et ensuite récupérer le contenu depuis youtube.

On peut même créer un bonton dans le navigateur (un bookmark) qui post automatiquement la video que l’on regarde (à condition d’être sur youtube).

Avec le nouveau systeme de custom_post_type cela devrait pouvoir se faire plutôt bien.

5. Annoncer ses dates, ses albums,…

Cette nouvelle version devra offrir la possibilité à tous les visiteurs de pouvoir poster des actus, dates,…

Mais il faudra pouvoir modérer un minimum et bien sur ajouter un disclaimer  selon les cas.

6. L’agenda

C’est le coeur du site, il faut trouver une idée de génie pour un agenda le plus complet et le plus puissant possible. J’y réflechis.

Aujourd’hui j’ai testé la synchonisation des events facebook avec Google Calendar. Cela permet beaucoup de possibilités, par exemple la synchronisation avec d’autres logiciels mais surtout l’affichage est très clair. Dès que vous êtes invité à un évènement sur facebook, il apparait dans Gcal, donc attention aux spams aussi.

Problème: difficile de lier l’agenda à l’event sur le site pour plus de details… ou de pages vues.

Edit: Visiblement la synchronisation se contente de vous noter “busy” sans détailler les events.

Une possible piste avec une application facebook: https://www.facebook.com/apps/application.php?id=101709316537832

Ensuite il faudra integrer le calendar dans wordpress, idéalement il faudrait 2 vues. Une vue calendar classique et une vue en liste. Tout ca ne semble pas super compliqué avec ces quelques plugins:

1. Magnigique plugin pour obtenir une liste ou bien une grille: http://wordpress.org/extend/plugins/google-calendar-events/
2. Un peu le même genre: http://code.google.com/p/wpng-calendar/
3. Personnaliser l’affichage du calendrier: http://wordpress.org/extend/plugins/google-calendar-weekly-timetable/

7. Les magasins

Faire une page avec les shop interessants à nantes et afficher les flux rss.

Exemples:

• http://rideall.blogspot.com/
• http://www.milkskate.com/index.php?option=com_myblog&Itemid=61 (pas de flux)
• http://ndjsk8shop.over-blog.com/
• http://siroccosk8.blogspot.com/
• http://www.myspace.com/rockagogovpc/blog
• http://www.laboutik.fr/index.php (pas de news :s)
•  ??

Cliquez pour agrandir le brouillon

8. Login et commentaires

Le système de commentaire de Thematic est plutôt puissant. Il faudra voir pour l’intégration d’un plugin du genre Discus.

Pour le login, utilisation de Facebook Connect ou Twitter Connect simplifiera l’inscription.

Conclusion

Bon voila en relisant tout ça je me dit que ca ne devrait pas être prêt avant Noël… et encore ! Ca promet beaucoup de boulot mais avec un fonctionnement plus automatique, on devrait finalement être largement gagnant.

Après quelques courtes recherche l’intégration facebook ne devrait pas être aussi poussé que prevu, trop complexe.

Ps: si vous aimez les petits LU, passez par ici.

No related posts.

Anyway, as I’m a big fan of Thematic, I thought that I could use Thematic to create easily this kind of website. So I wrote some lines and made a child theme. Also, you can easily use this child theme as a template page with your own child theme.

Features

Basically you will display on only one page, let’s call it ‘page 1′, every child page (subpage). Your page 1 is a wrapper that contains many page with a submenu. Each part is linked as an anchor using the slug. Therefore URLs are pretty friendly.

The menu is defined once and then printed everytime.

I still didn’t add some JS to make the page scroll up and down but I will… one day. Now it’s done and its based on Ariel Flesler’s plugin.

Documentation

If you want to use it on its own, you can download the files and add them in the themes folder. If you want to add it to your child theme you can follow these steps.

The template page

In your folder create a new php file called ‘onepage.php’ and paste this code. The file name is important for the css rules (cf: thematic_body_class function).

<?php
/**
*
* Template Name: One Unique Page
*
**/

	// calling the header.php
	get_header();

	// action hook for placing content above #container
	thematic_abovecontainer();

	$id = get_the_id();
	thmonepage_navigation($id); //Define the menu
	query_posts( "post_type=page&post_parent=$id&orderby=menu_order&order=ASC" );

	$count = 1;
	if ( have_posts() ) : while ( have_posts() ) : the_post();

		if(function_exists('childtheme_override_onepageloop')){
			childtheme_override_onepageloop();
		} else {

			$the_slug = basename(get_permalink());
		?>

				<div id="container" class="container-<?php the_ID(); ?> container-<?php echo $the_slug; ?> <?php echo ($count%2==0)?'even':'odd'; ?>">
				<a name="<?php echo $the_slug; ?>"></a>
					<?php thematic_abovecontent(); ?>

					<div id="content">

							<?php echo MY_MENU;	?>

							<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
								<h3><?php the_title(); ?></h3>
								<?php the_content(); ?>
							</div>

					</div><!-- #content -->

					<?php thematic_belowcontent(); ?>

				</div><!-- #container -->

		<?php
		}
	$count++;
	endwhile;

	else:
		echo "<em>No content available</em>";
	endif;

	wp_reset_query();

	// action hook for placing content below #container
	thematic_belowcontainer();

	// calling footer.php
	get_footer();
?>

The Style

Add these following lines in your style.css file.

/* =Page Templates
-------------------------------------------------------------- */

/*
    One Page template
*/
.page-template-onepage-php #main {
	width:100%;
}

.page-template-onepage-php #container {
	margin:0;
	width:100%;
}

.page-template-onepage-php #content {
	margin: 0 auto;
	width:940px;
}

.page-template-onepage-php #comments {
    width:940px;
}

.page-template-onepage-php #comments {
    width:940px;
}

.page-template-onepage-php h3 {
    font-size: 24px;
	margin: 10px 0;
}

.page-template-onepage-php #container #access {
	margin: 16px 0;
}

.even {
	background: #f5f5f5;
}
.odd {
	background: #ffffff;
}

The functions.php

And finally add this simple function in you functions.php file.

<?php

function thmonepage_navigation($id){
	$indexurl = get_bloginfo('url');
	$content.= "<div id='access'><div class='menu'> \r\n <ul class='sf-menu sf-js-enabled'> \r\n";

	query_posts( "post_type=page&post_parent=$id" );
	while ( have_posts() ) : the_post();
			$post_id = get_the_id();
			$title = get_the_title();
			$slug = basename(get_permalink());
			$content.="\t<li class='page_item page_item_".$post_id."'><a href='#".$slug."'>".$title."</a></li> \r\n";
	endwhile;
	wp_reset_query();

	$content.= "</ul> \r\n </div></div>\r\n";

	define(MY_MENU, $content);
}

Miscellaneous

Remove Thematic menu

If you want to use this page into a bigger website you will probably keep a main menu. To display this menu on everypage except these using this templage, ass these lines in your styles.css.

/* Remove the main menu on this template only */
.page-template-onepage-php #header #access {
	display: none;
}

If you want to purely remove the access menu, add these lines in your functions.php

function thmonepage_remove_access() {
	remove_action('thematic_header','thematic_access',9);
}
add_action('init', 'thmonepage_remove_access');

ChangeLog

0.2

• Added JS to scroll
• Corrected the page order (now in the menu order)

Related posts:

1. A parent template page to display child page list and details

Anyway, this function displays each child page title, link and a description. The description is stored in a custom field “desc” in each subpage.

About

This function is actually easy but could help you to save some time.

The function is based on get_pages(). To make it works you need to create a page and some child page. In each child page create a custom field with the key “desc” and fill the value with a little description.

Install

Add this function is your functions.php.

<?php

/*
 *   Template Parent Page
 **************************************************/

function sigerr_display_subpage_list($parentID)
{
	//Get all the child page of the current page
	$pages = get_pages('child_of='.$parentID.'&sort_column=post_date&&sort_order=asc&echo=0');
	?>

    <div id="childpagelist" class="">

	<?php
	//Echo the list
	foreach($pages as $page) {
		$link = get_permalink($page->ID);
		?>
        <h2>
        	<a href="<?php echo $link ?>" title="See the entire page about <?php echo $page->post_title; ?>">
				<?php echo $page->post_title; ?>
            </a>
        </h2>
        <p>
        	<?php if( get_post_meta($page->ID, "desc", true) ){
				echo get_post_meta($page->ID, "desc", true);
			}else{
				echo "No details available, let's check that page!";
			}?>

			<p>See: <a href="<?php echo $link ?>"><?php echo $link ?></a></p>

        </p>
        <?php
	}
	?>

    </div>

	<?php
}

?>

This function is now available in your theme

Create a Template Page

Create a new template for wordpress page. If you dont know how, just copy your page.php file and rename it in ‘template-page-parent.php’.

Then add this at the very top of the file.

<?php
/**
 * Template Name: Parent
 *
 * This template display a list of each child page with details.
 * Details are stored in a custon field 'desc' in child pages
 *
 */
?>

Then locate the piece of code “the_content()”. This function print the content of the post. You should probably print the list just after this function.

<?php display_subpage_list($post->ID) ?>

This function print the list into a div#childpagelist.

If you get any trouble, feel free to leave a comment.

No related posts.