Thème Beflex 1.2 – WPshop 1.4.3.0

Le thème le plus simple et le plus flexible !

Installation

  • Décompressez le zip en local
  • Importer séparement : le thème parent « eoxiatheme » + le thème enfant « la boutique »
  • Activer le thème la boutique
  • Installer les extensions requises avec le plugin (elles sont affichées en haut de la page dans une bulle d’aide) Les deux plus importantes : ACF pro, wpshop
  • Se rendre dans le theme options, et mettre à jour (ça permet de régler les dimensions par défaut)

Import d’une démonstration

Opération à faire sur une installation neuve de WordPress

  • Effectuez les opérations d’installation du thème ci dessus
  • Télécharger le fichier XML à importer beflex-wordpress-2016-09-19-xml
  • Dézipper le fichier
  • Importer le XML depuis Outils/Importer (ne pas se fier aux messages d’erreurs)
  • Attention, les widgets déjà en place vont se glisser dans les zones top. De préférence les enlever ou les déplacer, cela fait souvent croire que le site s’affiche mal.
  • Ctrl + F5 sur la page accueil.

Présentation générale

L’idée générale de ce thème repose sur le concept de bloc, en effet, la très large majorité des sites actuels (pour ne pas dire tous) sont un empilement de blocs.
Ces blocs affichent des données provenant de différentes sources et peuvent avoir un design différent en fonction de leur emplacement.

Le principe de « la boutique » est donc de pouvoir créer différents types de blocs, que l’on positionne où l’on veut, avec la possibilité de les réutiliser n’importe où sous la forme que l’on souhaite

Chaque page se construit par un empilement de sections contenant des blocs, le tout étant personnalisable

Exemple de ce que l’on peut faire :

layout

Ce genre de configuration serait difficile à créer avec la plupart des thèmes, imaginez devoir taper tous le code dans le wysiwyg :p

Etapes de création de page

Comme je l’ai dit chaque page est un « empilement » de section contenant des blocs, nous allons pouvoir facilement gérer cela directement dans l’administration de la page (Grâce à ACF de Elliot Condon)

capture_01

Tout d’abord, nous allons créer une section, et tester avec avec un bloc « manuel », car le principe est le même pour tous les types.

capture_02

Créer le bloc, ajouter les images et les textes

capture_03

Par défaut, voici comment s’afficher notre section de 3 blocs :

capture_08

Ensuite, il est possible de régler indépendamment le design des blocs et/ou de la section (Ici les blocs)

capture_04

Grâce à ces réglages, nous pouvons obtenir des designs très différents, et bien sûr, d’autres réglages sont à venir 😉

Quelques exemples avec les réglages de base :

capture_09
capture_10

Ensuite, il y a la notion de bloc dynamique, soit si on veut réutiliser une liste de blocs à différents endroits, soit si on veut afficher les derniers articles ou les articles d’une catégorie, d’un format …

Dans ce cas, il faut créer les blocs dans la section « blocs » prévue à cet effet

capture_06

Dans ce cas, il n’y a aucune options graphiques, vous devez simplement indiquer la donnée soit que vous créez, soit que vous aller chercher (une page un produit WPshop …), les options graphique se régleront lors de l’affichage dans l’administration de votre page, exactement de la même façon que pour un bloc manuel :

capture_07

Options générales

Vous trouverez un panel d’options (beaucoup d’autres à venir) générale par ici :

capture_11

Gestion des sidebars

Tout d’abord, vérifiez que l’extension ACF: Sidebar Selector soit bien installée et activée sur votre WordPress.
Rappel : Vous pouvez créer autant de sidebar que vous le souhaitez en vous rendant dans le menu « Thème Options » -> « Sidebars ».

SIDEBAR BLOG

Les Widgets ajoutés dans la sidebar blog (apparence -> widgets) apparaîtront sur les pages de blog (catégorie d’article, articles, etc…)

sidebar-blog

sidebar-blog-affichage

SIDEBAR BOUTIQUE

Les Widgets ajoutés dans la sidebar boutique (apparence -> widgets) apparaîtront sur les pages de la boutique WPshop(catégories de produits, produits)

sidebar-boutique

sidebar-boutique-affichage

SIDEBAR BOXFOOT

Les 4 sidebars boxfoot, correspondent aux 4 zones au dessus du footer.

sidebar-boxfoot-affichage

SIDEBAR FOOTER

La sidebar footer permet d’afficher quelque chose tout en bas de votre site. En général, on y place les réseaux sociaux, ou un lien vers les mentions légales du site.

sidebar-footer-affichage

AJOUTER UNE SIDEBAR DANS UNE PAGE

( Tuto en cours d’écriture….)

Tout d’abord, vérifiez que l’extension ACF: Sidebar Selector soit bien installée et activée sur votre WordPress.

Rendez-vous sur une page / article. Créez une section, un éditeur Wysiwyg, ou un shortcode. Dans les options de la section, vous pouvez ajoutez une sidebar. Celle-ci apparaîtra à côté de votre blocs sur votre page.

Achetez le thème

En savoir plus

Dernière mise à jour le 15 février 2017

Documentation Crée le 7 septembre 2016 par L'admin

Mon panier
Votre panier est vide