Nouveau site et installation de uikit

**pmleconte** · 21/06/2016, 07h48

Re : Nouveau site et installation de uikit

Bonjour,

uikit n'est pas une extension Joomla. Cela ressemble à un set de CSS/fonts/JS à copier directement dans votre template.

Ensuite vous ajoutez les liens dans votre template

Code:

    <head>
        <title></title>
        <link rel="stylesheet" href="uikit.min.css" />
        <script src="jquery.js"></script>
        <script src="uikit.min.js"></script>
    </head>

Remarque: cela ne fonctionne pas dans Joomla, puisqu'il faudra indiquer le répertoire de votre template avec, dans sa partie php, des lignes du style

Code:

...
doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/template.js');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
...

On trouve cet exemple de lignes dans l'index.php du template protostar

Pascal

**ghazal** · 21/06/2016, 11h06

Re : Nouveau site et installation de uikit

Salut,
@pmleconte
attention au code ...
$doc est une variable, il faut aussi la déclarer.

Reprenons l'exemple du template protostar et de son index.php

ligne+- 13, déclaration de la variable $doc

$doc = JFactory::getDocument();

ensuite seulement, tu indique le path vers les css ou les js

$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/template.js');

@pink00
uikit est un framework CSS/JS développé par Yootheme
indépendant de joomla

warp est le framework des templates joomla de Yootheme
* intégré dans tous leurs templates
* et qui s'appuie sur uikit, pour les CSS/JS

Ni l'un ni l'autre ne s'installe via joomla.
Il faut utiliser certaines fonctionnalités de joomla pour implémenter uikit dans un template.
C'est tout à fait possible.

Avec quel template comptes-tu utiliser uikit ?

**pmleconte** · 21/06/2016, 12h20

Re : Nouveau site et installation de uikit

Merci Ghazal, c'était juste un exemple (ok, il était foireux

), mais, j'ai prévenu que cela venait de l'index.php de protostar, donc, avec un peu de recherche, on peut s'en sortir. Il faut pousser à chercher un peu, non ?

De toute façon, le css et le js n'était pas bon non plus pour uikit, donc, il faut l'adapter aussi.

Pascal

**ghazal** · 21/06/2016, 12h45

Re : Nouveau site et installation de uikit

Lol. Y'a pas péril en la demeure.

**pink00** · 21/06/2016, 17h42

Re : Nouveau site et installation de uikit

Merci beaucoup pour vos renseignements. C'est plus pointu que ce je pensais.
Je n'ai pas encore déterminer mon template. Je suis libre de mon choix, ou certain sont plus compatible avec uikit ?

**ghazal** · 21/06/2016, 19h13

Re : Nouveau site et installation de uikit

Soit tu testes le template gratuit de yootheme :
master 2

Premium Joomla Templates - YOOtheme

http://yootheme.com/themes/downloads

Explore our collection of 100+ Joomla templates created by a team of professional designers. Perfect for business, ecommerce, blog and personal websites.

équipé de Warp et de uikit
Un conseil : prends le "Joomla 3.x Demo Package", qui inclut un package complet de joomla+le template+des extensions.
A installer comme un site joomla.

Soit tu adaptes le template par défaut de joomla, Protostar, à UIKIT,
tout à fait faisable.

Soit tu prends un template d'un autre éditeur de templates,
et tu l'adaptes à UIKIT,
jouable, mais pas super facile, parce qu'en général, les templates ont leur propre framework, qui peut entrer en conflit avec UIKIT.

Pour être honnête, j'avoue que je suis très adepte des templates de Yootheme ET de UIKIT.

Une liste d'éditeurs de templates fiables :
YOOtheme

Premium Joomla Templates - YOOtheme

http://www.yootheme.com/themes/downloads

Explore our collection of 100+ Joomla templates created by a team of professional designers. Perfect for business, ecommerce, blog and personal websites.

Youjoomla

Joomla Templates

http://www.youjoomla.com/joomla-templates.html

Collection of amazing Joomla Templates suitable for any web concept and compatible with all Joomla versions.

Gavick

404 Not Found

http://www.gavick.com/joomla-templates.html

Rocket Theme

RocketTheme - Joomla Templates

http://www.rockettheme.com/joomla-templates

RocketTheme offers cutting-edge templates and themes based on the Gantry 5 framework for Joomla, WordPress, and Grav.

Joomlashine

JoomlaShine | Hi-quality Joomla 3.x templates & extensions

http://www.joomlashine.com/joomlashine/download.html

JoomlaShine Officially Closes Its DoorTo all partners and customers,JoomlaShine officially closes its doors on 14 September 2021.Since 2007, JoomlaShine had been taking a customer-centered approach at heart, repeatedly poring over every pixel, every design, and every template, meticulously crafting every interaction and every functionality. More than making the website building process easier, we wanted to make it delightful, gorgeous and inspiring.

Joomlashack

Joomla Templates - Responsive, Fast Joomla Designs - Joomlashack - Joomlashack

https://www.joomlashack.com/joomla-templates

Since 2005, Joomlashack has been building beautiful, simple, fast Joomla templates. Our Joomla templates are simple to install, set up and maintain.

JoomlArt

200+ Professional Joomla Templates Collection | JoomlArt

http://www.joomlart.com/joomla/templates

Professional Joomla Templates collection with 200+ fully responsive and SEO optimized Joomla templates. All the Premium & Free Joomla templates are beautifully designed, packed with inbuilt layouts and easy to use.

Joomshaper

146+ Joomla Templates Collection

http://www.joomshaper.com/joomla-templates

#1 Premium Joomla Template Club. Leading and pioneer provider with around 146+ Responsive and SEO Optimized Joomla templates. Beautifully designed, simple to use and user-friendly templates will make your site faster, more secure, and up and running without writing a single line of code.

Shape 5

Club Joomla Templates

http://www.shape5.com/product_details/club_templates/

globbersthemes.com
-> http://globbersthemes.com/

**pink00** · 21/06/2016, 23h14

Re : Nouveau site et installation de uikit

Super !!! Je vais voir tout cela...
Merci infiniment !

**pink00** · 23/06/2016, 08h45

Re : Nouveau site et installation de uikit

Envoyé par ghazal Voir le message

@pink00
uikit est un framework CSS/JS développé par Yootheme
indépendant de joomla

warp est le framework des templates joomla de Yootheme
* intégré dans tous leurs templates
* et qui s'appuie sur uikit, pour les CSS/JS

Ni l'un ni l'autre ne s'installe via joomla.
Il faut utiliser certaines fonctionnalités de joomla pour implémenter uikit dans un template.
C'est tout à fait possible.

Avec quel template comptes-tu utiliser uikit ?

Bon j'ai installé yoo_master 2, comment je fais maintenant pour installer uikit. J'ai toujours le même message d'erreur. J'ai télécharger le fichier uikit-2.26.3.zip. J'en fais quoi ?
Merci

**ghazal** · 23/06/2016, 11h06

Re : Nouveau site et installation de uikit

Le template yoo_master 2 est déjà équipé de uikit, comme tous les templates yootheme.
Dans ce cas, UIKIT est légèrement adapté à joomla.
Dans les templates yootheme, les fichiers UIKIT sont ici :
/templates/yoo_master2/warp/vendor/uikit/

UIKIT est une production yootheme.
INDEPENDANTE DE JOOMLA.
Et utilisable en dehors de joomla.

Je ne comprends pas trop ce que tu veux faire.

Je répète, tu ne peux pas installer ton zip tel que, dans joomla, ni dans aucun template.

Ce zip étant composé des fichiers js/css essentiels à UIKIT,
les installer dans joomla est un peu technique mais faisable.

Re : uikit seulement

1- si téléchargé via getuikit.com
on récupère les fichiers js/css essentiels

2- si téléchargé via github

GitHub - uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces

https://github.com/uikit/uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces - uikit/uikit

on récupère toutes les démos,
comme montré ici :

404 Not Found

http://getuikit.com/docs/documentation_get-started.html

**pink00** · 23/06/2016, 12h00

Re : Nouveau site et installation de uikit

Envoyé par ghazal Voir le message

Le template yoo_master 2 est déjà équipé de uikit, comme tous les templates yootheme.
Dans ce cas, UIKIT est légèrement adapté à joomla.
Dans les templates yootheme, les fichiers UIKIT sont ici :
/templates/yoo_master2/warp/vendor/uikit/

MERCI !!! Les fichiers de uikit sont dans le dossier warp !!! Je ne les voyais pas !

Bon bah c'est tout bon !!!

Nouveau site et installation de uikit

Nouveau site et installation de uikit

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association