Responsive post widget




cap-widget-post

Responsive post widget est un pack de 3 widget différents qui s’adapte aux tablettes, smartphones, pc.

Les miniatures générées par le widget s’adapte automatiquement au format de l’écran.

Images Post

–          Affichage sur 2,3,4 colonnes

–          Choix de la catégorie

–          Choix du post types

–          Choix de la taxonomy

Vertical Post

–          Affichage sur 1 colonne

–          Longueur de l’extrait

–          Choix de la catégorie

–          Choix du post types

–          Choix de la taxonomy

Recent Post

–          Affichage sur 1 colonne

–          Choix de la catégorie

–          Choix du post types

–          Choix de la taxonomy


Support technique Inclus

En Savoir plus >>

Simplicy post view

banner-772x250

Auteur : Fred

Version : 2.0

WordPress : 3.0 a 3.8

Url de téléchargment : WordPress.org

Url du site : www.naxialis.com

Langues:

Français :Fred

Anglais : Fred

Espagnol : Plugin en el español simplicy post view por Andrew de WebHostingHub


Simplicy post view est un plugin qui permet d’afficher un nombre d’articles dans la sidebar de votre thème que vous aurez choisi  et  en sélectionnant la catégorie ainsi que l’affichage de l’extrait et la longueur de celui-ci et d’autre options qui vous permettrons de personnalisé leurs affichage .


Dans cette nouvelle version de Simplicy post view j’ai apporté des options d’affichage supplémentaires :

– Affichage ou pas de la date de publication et du nombre de commentaires
– Affichage ou pas du titre de l’article avec le choix de la taille (14px par défaut)
– Affichage ou pas de lien lire la suite avec la possibilité de personnalisé le texte
– Alignement de l’image gauche, aucun , droite
– Affichage ou pas des légendes des images de vos articles.
– Et une fonction qui permet de disposer les images des articles comme une galerie photo.

! Pour utiliser la fonction galerie, vous devez décocher toutes les autres options


J’ai revu aussi la fonction qui permet afficher les images, la compression des images se fait en fonction de la taille que vous avez choisie . Les images sont aussi recadrées afin d’éviter les déformations de celle-ci.


 

 

Installation

télécharger le fichier .zip sur WordPress.org décompresser le dossier simplicy post view et placer le dans  le répertoire plugins de wordpress . Allez dans le menu extensions de wordpress et activez-le.

Retrouver Simplicy post view dans le menu apparence –> Widget  pour le configurer.


Ajouter des articles grâce au shortcode :

Documentation Outils —> simplicy post view

Une colonne simple au centre

[spw title="Your Title" position="center" collum_width="300" cat="1" numberpost="4" meta="no" excerpt="30" image_width="300" image_height="200"]

Deux colonnes

[spw title="Your Title" position="left" collum_width="250" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

[spw title="Your Title" position="left" collum_width="250" margin_left="30" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

Quatre colonnes deux en haut et deux en bas

[spw title="Your Title" position="left" collum_width="250" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

[spw title="Your Title" position="left" collum_width="250" margin_left="30" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

[spw_clear]

[spw title="Your Title" position="left" collum_width="250" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

[spw title="Your Title" position="left" collum_width="250" margin_left="30" cat="1" numberpost="4" meta="yes" excerpt="30" image_width="250" image_height="190"]

2013-12-16_14h13_11


Ancienne version simplicy post view 1.9

Simplicy random post

 

Auteur : Fred

Version : 1.7

WordPress : 3.4.2 ou supérieur

Url de téléchargment :WordPress.org

 


Simplicy Random Post est un plugin WordPress qui vous permet d’afficher des articles aléatoire dans votre colonne latérale, vous pouvez choisir le mois et l’année de publication de vos articles ainsi que la catégorie si vous le souhaité.  Le visiteur de votre blog dispose d’un bouton pour actualiser les articles affin de parcourir aléatoirement en toute simplicité les articles de votre blog.


Option du plugin

  • Nombre d’article a affiché
  • Le mois de publication  exemple décembre = 12 (Mettre 0 pour désactiver cette option)
  • L’année de publication exemple 2011 (Mettre 0 pour désactiver cette option)
  • Sélection de la catégorie  (laissé sur ALL pour afficher toutes les catégories)
  • Affichage d’une vignette ou pas
  • Taille de la vignette
  • Afficher un extrait ou pas
  • Longueur de l’extrait
  • Actualisation automatique ou pas
  • Réglage de l’intervalle d’actualisation en seconde
  • Languages : français/Anglais

Mise à jour le 01/03/12

Correction de bugs.

Modification du fichier css.


Mise à jour le 23/10/12

Ajout d’une nouvelle fonction pour les miniatures


Je mets à disposition la version 1.6.5 qui bénéficie des nouvelles options avec une autre fonction pour récupérer l’image au cas ou ça fonctionnerait avec votre thème.

Simplicy random post 1.6.5

 

Choisissez un modèle de page pour vos articles

Le script ci-dessous va ajouter un sélecteur de modèle pour vos articles dans la colonne latérale de l’éditeur de vos articles dans WordPress. Je vais utiliser la fonction get_template_part   pour afficher le modèle sélectionner et cela va permettre de diviser les différentes boucle de votre thème a fin d’obtenir un code plus clair et d’optimiser l’affichage de votre blog  .Vous pourrez ajouter autant de modèle que vous voulez.


 

Ajouter le code ci-dessous dans le fichier function.php de votre thème :

<?php // template post options

    $dynamic_widget_template = array(

		/* renommer les noms ci-dessous. le nom donner ici correspondra au nom du fichier ex : content-galerie-photos.php */

		"modele-1",

		"modele-2",

		"modele-3",

		"modele-4",

		"modele-5",

		);

	add_action("admin_init", "template_init");

	add_action('save_post', 'save_template_link');

	function template_init(){

		add_meta_box("template_meta", "Sélection modèle article", "template_link", "post", "side", "default");

	}

	function template_link(){

		global $post, $dynamic_widget_template;

		$customer  = get_post_custom($post->ID);

		$linker    = $customer["_template"][0];

	?>

<div class="link_template_header">

	<?php

	echo '<select name="linker" class="template-selection">';

	echo '<option></option>';

	echo '<option>-----------------------</option>';

	foreach ( $dynamic_widget_template as $lister ){

		    if($linker == $lister){

		      echo '<option value="'.$lister.'" selected="true">'.$lister.'</option>';

			}else{

		      echo '<option value="'.$lister.'">'.$lister.'</option>';

			}

		}

	echo '</select><br />';

	?>

</div>

<?php

}

function save_template_link(){

global $post;

if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {return $post->ID;}

	update_post_meta($post->ID, "_template", $_POST["linker"]);

}

add_action('admin_head', 'template_css');

function template_css() {

	echo'

	<style type="text/css">

		.template-selection{width:100%;}

	</style>

	';

}

?>

Ici ont va se préoccupé seulement de la première partie du code.

$dynamic_widget_template Va afficher les noms des modèles disponible dans votre thème, le nom du modèles  sera la deuxième parti du nom de votre fichier (modèle) qui sera par exemple content-modele-1.php  ici ont gardera content  préfixe pour les fichiers php. Ont verra plus bas comment l’attribuer. Vous pouvez ajouter des modèles en dupliquant « modele-5 », et en renommant le nom (éviter les majuscules et les accents) .

$dynamic_widget_template = array(

		"modele-1",

		"modele-2",

		"modele-3",

		"modele-4",

		"modele-5",

		);

Un fois que vous avez déterminé le nom de chaque modèle pour votre thème, créer un fichier content-single.php .Ensuite édité le fichier single.php de votre thème copié l’intégralité du code de celui-ci et coller le code dans le fichier content-single.php qui sera le modèle par défaut dans votre thème, après supprimer l’intégralité du code dans le fichier single.php et remplacer le par celui ci-dessous :

<?php

/**

 * 

 * single.php

 */

?>

<?php

	   global $post;

	   $customer  = get_post_custom($post->ID);

	   $linker    = $customer["_template"][0];

		get_template_part( 'content', ''.$linker.'' ); // <-- content-modele.php

// si il y a aucun modèle de sélectionner ont récupère le modèle par défaut

if(empty($linker))

{

get_template_part( 'content', 'single' ); // <-- content-single.php

}

?>

La première partie du code va récupérer le modèle que vous aurez sélectionné lors de l’édition de votre article dans WordPress.

get _template_part( ‘content’,  ».$linker. » );  ici content sera le préfixe de vos fichiers  modèles.

 $linker récupéra le nom de votre modèle que vous aurez sélectionné et qui sera la deuxième parti du nom de votre fichier modèle exemple  content-modele-1.php

global $post;

$customer  = get_post_custom($post->ID);

$linker    = $customer["_template"][0];

get_template_part( 'content', ''.$linker.'' );

La deuxième partie ci-dessous  affichera le modèle par défaut si aucun modèle n’est sélectionné qui est dans notre cas content-single.php.

if(empty($linker))

{

get_template_part( 'content', 'single' );

}

Vous pouvez changer le préfixe (content) pour le nom des fichiers modèle.

Si voulez créer plusieurs modèles de page je vous conseil de lire l’article que j’ai rédigé sur le plugin content parts qui vous permet de faire des blocs séparer pour le même article.

Fichiers sources

Simplicy top posts most viewed

 

Auteur : Fred

Version : 1.4

WordPress : 3.0 ou supérieur

Url de téléchargment : WordPress.org plugins

Site Web : www.naxialis.com






Mis à jour le 16/04/2012

Simplicy top posts most viewed est un plugin WordPress qui vous permet d’afficher un top de vos articles par catégorie et intègre des options de paramétrages avancé :

Choix de l’affichage du nombre de visite.

Personnalisation du nom de la valeur clique, visite, lecture….

Sélection de la catégorie des articles.

Choix du nombre d’article a affiché.

Choix de l’année et du mois de publication des articles.

Options avancé avec le choix d’affiché les articles paru :

La semaine en cour.

Les 7 derniers jours.

Les 15 derniers jours.

Les 30 derniers jours.

Choix de l’affichage de l’extrait.

Personnalisation de la longueur de l’extrait.

Choix de l’affichage d’une vignette pour les articles.

Personnalisation de la taille des vignettes.

Installation

Extraire le fichier zip et déposez simplement le contenu dans le répertoire wp-content/plugins/ de WordPress, puis activez le plugin depuis la page Plugins.

Ensuite il vous faudra insérer le code suivant a l’intérieur de la boucle de votre fichier single.php et  template si vous en posséder. Affin de récupérer le nombre de visite.

 

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">

<?php setSimplicyViews (get_the_ID ());?> <!-- code a insérer-->

Important

Pour ne pas utiliser les options mois et année indiquez la valeur 0.

Si vous utilisez ses options vous ne devez avoir aucune case cocher dans les options d’affichage avancés.

Pour utiliser les options d’affichage avancé :

La semaine en cour.

Les 7 derniers jours.

Les 15 derniers jours.

Les 30 derniers jours.

Vous devez choisir qu’une seule option et indiqué la valeur 0 pour le mois et l’année.



Pour accéder au fichier css du plugin depuis wordpress aller dans : Extension –> Editeur  puis Sélectionnez l’extension à modifier« Simplicy Top Posts Most Viewed »
Et dans Fichiers des extensions : simplicy-top-posts-most-viewed/css/simplicy-top-post-view.css



Css :

/*Mise en forme Widget Simplicy top post */

.SP-top-post { width:auto;}

.SP-top-post a { color:#333333; }

.SP-top-post a:hover { text-decoration:none; }

.SP-top-post p { float:left;}

.simplicy-top-post-img { border:solid 1px #CCCCCC ;float:left;padding:3px;margin-top:10px; margin-right:5px;}

.simplicy-top-post{ margin-bottom:5px; margin-top:5px;} /* pour placer l'image au-dessus du titre placer : | clear:both; | dans cette ligne de code css */

.simplicy-top-post-content{ border-bottom:solid 1px #CCCCCC; clear:both; margin-top:20px;}

.simplicy-top-post-clear{ height:1px ; width:100%; clear:both;}

.simplicy-top-date_post {font-size:10px; line-height:15px;width:auto; height:15px; text-align:left; padding-bottom:5px; float:left; clear:both;}

/* Mise en forme du widget interne ! important */

.sptmw{ 

border: solid 1px #CCCCCC;

background-color:#efefef; 

padding:10px; 

margin-bottom:10px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

–>Simplicy top posts most viewed 1.3.5<–

Installer cette version du plugin si vous rencontrer des problème d’affichage avec la version supérieur

Personnalisé la longueur de vos extraits.

Nous allons voir comment personnalisé la longueur de l’extrait de vos articles avec la fonction the_content_limit (‘’) ; .Se qui va vous permettre de choisir le nombre de mot à afficher par exemple sur la page d’accueil de votre site.

1-Ouvrez le fichier function.php de votre thème wordpress avec votre éditeur de code Copier/Coller le code ci-dessous qui servira a appliquer la fonction the_content_limit(‘’) ;

// Personnalisation longueur Article

function the_content_limit($max_char, $more_link_text = '()', $stripteaser = 0, $more_file = '') {

$content = get_the_content($more_link_text, $stripteaser, $more_file);

$content = apply_filters('the_content', $content);

$content = str_replace(']]>', ']]>', $content);

$content = strip_tags($content);

if (strlen($_GET['p']) > 0) {

echo $content;

echo ""."";

}

else if ((strlen($content)>$max_char) && ($espacio = strpos($content, " ", $max_char ))) {

$content = substr($content, 0, $espacio);

$content = $content;

echo $content;

echo ""; // ici vous pouvez placer ... pour la fin du paragraphe

echo " pour le placer sous le paragraphe

the_permalink();

echo "" _mce_href=""; // ajouter pour le placer sous le paragraphe

the_permalink();

echo "">".$more_link_text."";}

else {

echo $content;

echo ""."";

}

}

Ont va se préoccupé des lignes  18 et 19 qui vont vous permettre de personnalisé la fin du paragraphe :

Ligne 18 : vous pouvez placer dans echo "ici" un texte par exemple lire la suite , trois points de suspenssion…

Ligne 19 : vous pouvez ajouter
comme ceci  echo "...";

Ici j’ai utiliser simplement le code html comme indiquer dans le codex de wordpress

<?php the_content_limit(150, "Lire la suite");?>
<?php the_content_limit(150, "<img src="get_bloginfo('template_directory')/images/icon.png" />");?>


get_bloginfo('template_directory')
cette fonction permet d’indiquer le chemin du dossier de votre thème dans wordpress . Placer le dossier contenant votre icon dans le dossier de votre thème et indiquer le nom du dossier et le nom de votre fichier image après  get_bloginfo('template_directory') comme ci-dessus.

Conclusion

La fonction the_content_limite vous permet de déterminé la longueur de vos extraits avec précision utile pour une page d’accueil qui compte de nombreux extraits d’articles.

 

Deuxième solution avec la fonction  excerpt

Ajouter le code suivant dans le fichier function.php de votre thème :

function excerpt($limit) {

$excerpt = explode(' ', get_the_excerpt(), $limit);

if (count($excerpt)>=$limit) {

array_pop($excerpt);

$excerpt = implode(" ",$excerpt).'...';

} else {

$excerpt = implode(" ",$excerpt);

}

$excerpt = preg_replace('`\[[^\]]*\]`','',$excerpt);

return $excerpt;

}

Puis appeler la fonction en ajoutant cette ligne de code dans votre boucle :

<?php echo excerpt(25); ?>

Modifier le chiffre 25 pour agrandir ou réduire la longueur de votre extrait, vous pouvez aussi ajouter cette fonction dans d’autre boucles et les personnalisés.