Trouver le dossier css

**Philcmoi** · 19/10/2022, 19h32

Bonjour
Voici l'arboressence de mon theme enfant.
css/
from-page.php
style.css

Voici le code style.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
/*
    theme name: mon theme enfant
    template: twentytwenty
*/

et le code from-page

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<link href="css/signin.css" rel="stylesheet">   // Le signin.css n'est pas trouver.
  </head>
  <body class="text-center">
 
<main class="form-signin w-100 m-auto">
  <form class="form-signin" action="traitement.php" method="post" >
    <img class="mb-4" src="design/bootstrap-logo.svg" alt="" width="72" height="57">
    <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
 
    <div class="form-floating">
  <input type="email" name="email" id="floatingInput" class="form-control" placeholder="Entrer votre email" autofocus>
<!--       <label for="floatingInput">Email address</label> -->
    </div>
    <div class="form-floating">
  <input type="password" name="password" id="floatingPassword" class="form-control" placeholder="Password" >
<!--       <label for="floatingPassword">Password</label> -->
    </div>
</br>

Pourquoi le signin.css n'est pas charger alors qu'il est dans css

**SpaceFrog** · 20/10/2022, 09h07

Ou et comme intègres tu ta balise

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="css/signin.css" rel="stylesheet">

Si tu as mis le code directement dans ta page, ce n'est pas comme cela que l'on intègre des css avec WordPress il est préférable de pagge par le fichier functions et wp_enqueue_styles https://developer.wordpress.org/refe...enqueue_style/

**Philcmoi** · 21/10/2022, 06h17

Bonjour.
J'ai fait cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
function cssprincipale() {
    wp_register_style('bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css');
    wp_register_style('bootstrap','https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js');
    wp_register_style('bootstrap','https://getbootstrap.com/docs/5.2/examples/sign-in/');
 
    wp_enqueue_style('bootstrap');
}
 
add_action('wp_enqueue_scripts','cssprincipale');

mais je ne sais pas faire avec css/signin.

De plus comment integrer d'autre codes php avec integration à wordpress.
Merci

**SpaceFrog** · 21/10/2022, 08h14

Il te suffit de concatener le patrh vers ton fichier css...

Tu récupères la racine du site

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
define (SITE_ROOT, get_site_url() );
 
Ou la racine de ton thème
define (THEME_ROOT, get_theme_root() );

Et tu concatènes le chemin vers le fichier css
Par exemple si tua as un thème tu concatènes avec THEME_ROOT:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function add_custom_files() {
                wp_enqueue_style('monsite-accueil-css', THEME_ROOT.'/MyStyles/accueil.css');
                wp_register_script('accueil-script', THEME_ROOT.'/MesScripts/AccueilJS', array('jquery'), '1.1', true);
                wp_enqueue_script('accueil-script');
}
add_action('wp_enqueue_scripts', 'add_custom_files');

Pour intégrer d'autres codes php dasn des fichies séparés tu peux le faire avec des include dans le fichier function
tu peux le faire conditionnellement au titre de ta page $post -> post_name

**Philcmoi** · 21/10/2022, 11h50

Merci.
Pouvez-vous me donner un exemple de codes qu on utilise avec incluse dans le fichier functions.
Merci beaucoup

**SpaceFrog** · 21/10/2022, 13h46

Un exemple que j'utilise pour séparer mes codes php pour le backoffice:
je mets mes fonctions dédiées au backoffice dans un fichier function-admin.php dédié

puis dans le fichier functions je teste le user avant d'inclre le fichier php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (( current_user_can('administrator') || is_admin() )) {
 include "admin/functions_admin.php"; 
}

**Philcmoi** · 21/10/2022, 14h02

Merci mais doit on utiliser les hooks pour lancer une action.
Est-ce correct avec le pattern mvc ?
Merci

**SpaceFrog** · 21/10/2022, 15h25

ça dépend intégralement de ce que font tes scripts php, sur quoi ils agissent ...
Tu devras passer sur des hook sur les action pour que tes scripts intégrer se lancent sur les actions ...

**Philcmoi** · 21/10/2022, 16h35

J'ai fait functions.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function add_custom_files() {
    wp_enqueue_style('bootscss', THEME_ROOT.'/css/bootstrap.min.css');
    wp_enqueue_style('bootscss', THEME_ROOT.'/css/signin.css');
    echo 'success';    
}
 
add_action('wp_enqueue_scripts', 'add_custom_files');

Mais le formulaire n'est pas stylisé.
Je ne vois pas oû est mon erreure.
Merci. Le echo ne s'affiche pas.
Voici l'arboresence.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
contact-form
         css directory
         front-page.php
         functions.php

Le front-page.php contient le code d'un formulaire d'inscription que j'ai pocher depuis mes sources php 8 clasicque.

**SpaceFrog** · 21/10/2022, 17h12

regarde en console dasn l'onglet réseau si le fichier singin.css est chargé.

Si ce n'est pas le cas tu a souci avec le path
Si il est chargé rajoute des !important à tes rules

**Philcmoi** · 21/10/2022, 17h51

Oui en effet il ne trouve pas les fichiers css (localhost ect not found 404).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
wordpress/
    wp-content/
             themes/
                 contact-form-fr/
                        from-page.php
                        traitement.php
                        enregistrement.php

Dans from-page.php il y a un formulaire dont action='traitement.php' page introuvable bien qu elle existe dans contact-form-fr
De même qu'un appel href="enregistrement.php" donne page inexistante.

Ma question est pourquoi ?

**Philcmoi** · 22/10/2022, 13h59

Pourtant je met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
/*  
 Template Name: enregistrement
 */

et avant de publier la page je fais bien model = enregistrement
Ou est l'erreure.
Pour temps il y a bien le slug du fichier
Les fichiers apparaisent via un menu mais pas via action de formulaire ou href.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="enregistrement.php" title="S enregistrer" target="_blank" rel="noopener noreferrer">S enregistrer</a>

wordpress donne :
url:
wordpress/accueil/enregistrement

et non
wordpress/enregistrement
qui pourrait marcher.

**Philcmoi** · 22/10/2022, 16h35

Ca fonctionne avec le chemin complet
mais cela est il corecte ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    <a href="wp-content/themes/contact-form-fr/enregistrement.php" title="S enregistrer"  rel="noopener noreferrer">S enregistrer</a>

Mais je ne sais pas comment fonctionnent les permaliens.
Votre ide est la bienvenue. Merci

Ok j'ai compris comment utiliser les permaliens.

Trouver le dossier css

WordPress PHP

Discussions similaires

Partager

Partager