Trouver le dossier css

Version imprimable

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

Voici le code style.css

Code:

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

et le code from-page

Code:

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

20/10/2022, 09h07
SpaceFrog

Ou et comme intègres tu ta balise

Code:

<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/

Bonjour.
J'ai fait cela

Code:

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

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

Tu récupères la racine du site
Code:

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:

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

21/10/2022, 11h50
Philcmoi

Merci.
Pouvez-vous me donner un exemple de codes qu on utilise avec incluse dans le fichier functions.
Merci beaucoup
21/10/2022, 13h46
SpaceFrog
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:

1 2 3 if (( current_user_can('administrator') || is_admin() )) { include "admin/functions_admin.php"; }
21/10/2022, 14h02
Philcmoi

Merci mais doit on utiliser les hooks pour lancer une action.
Est-ce correct avec le pattern mvc ?
Merci
21/10/2022, 15h25
SpaceFrog

ç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 ...

J'ai fait functions.php
Code:

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:

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.

21/10/2022, 17h12
SpaceFrog

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

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

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. :P
Ma question est pourquoi ? :P

22/10/2022, 13h59
Philcmoi
Pourtant je met
Code:

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:

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.
22/10/2022, 16h35
Philcmoi
Ca fonctionne avec le chemin complet
mais cela est il corecte ???
Code:

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.