intégrer une page html dans wordpress (Créer un compte)

  • WordPress :6.1
  • Statut : non résolu
15 sujets de 16 à 30 (sur un total de 61)
  • Auteur
    Messages
  • #2441587
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    Bonsoir

    Je pensais que logiquement en suivant à la lettre vos instruction J’allais avoir

    un résultat positif? Eh bien non.

    en pièces jointes je montre le résultat.Il manque le script.js qui ne se lance pas, pourtant

    je l’ai inséré à la racine et mis le lien qui va bien/

    1er lien:

    <script src=’http://jefcondon.synology.me/wordpress/script.js></script&gt;

    2éme lien

    <script src=’http://jefcondon.synology.me/wordpress/./script.js></script&gt;

    aucun des 2 ne fonctionne

    Je suis dépité.

    Bien à vous

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441589
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    voici le fichier plus léger

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441591
    Flobogo
    Modérateur
    Maître WordPress
    20457 contributions

    Essayez de le placer dans votre dossier « themes », ce qui donnerait :

    <script src="http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>

    Je note aussi que vos guillemets pour indiquer la source (src) n’étaient pas fermés dans vos 2 codes ci-dessus. Ceci explique peut-être cela.

    #2441600
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    j’ai copié le script.js dans le dossier thème

    l’animation se joue bien, mais idans le pied de page il semble et il manque le nom et le texte dessous se chevauchent un peu.

    Vous avancez

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441620
    Flobogo
    Modérateur
    Maître WordPress
    20457 contributions

    Regardez si vous n’avez pas une balise </div> manquante. Et le CSS, vous l’avez mis où ?

    Après, ça va devenir compliqué sans avoir accès à votre site ni à votre thème. Faites au mieux en local, puis vous placerez l’animation sur une page-test dans votre site en ligne. (masquez-la avec mot de passe, et indiquez ici le mot de passe, si besoin)

    #2441656
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    Bonjour

    merci de votre opiniâtreté .

    Le css a été fait avec éditeur . Voir image jointe

    Le code html me semble bon, pas absence de balise <div>

    ——————-html


    <!-- partial:index.partial.html -->

     <h3>JEF<h3>
    <h1>CONDON</h1>


    <div class="more-pens" />

    <a target="_blank" href="https://jefcondon.fr/" rel="noopener">PEINTURES - CERAMIQUES - SULPTURES</a>

    <p class="minispace">

    <a target="_blank" href="" rel="noopener">COMPOSITIONS NUMERIQUES</a>

    </div>

    <!-- partial -->

    <script src="https://code.jquery.com/jquery-2.2.4.min.js"><src="./script.js"></script>

    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

    <script src= "http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>

    fin du html———————–

    Lien pour la page d’animation;

    http://jefcondon.synology.me/wordpress/animation/

    Pour rentrer sur le site:

    Édit modération : retrait des identifiants

    • Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo.
    • Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo. Raison: édit modération
    • Cette réponse a été modifiée le il y a 1 année et 9 mois par Flobogo. Raison: mise en forme du code
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441667
    ferman
    Modérateur
    Maître WordPress
    7198 contributions

    Bonjour,

    Le principe est bon. Il faudra faire quelques essais pour ajuster. Essayez en ajoutant  les CSS ci-dessous:

    canvas{position:fixed;
    top:150px;
    left:0;
    z-index:-1;
    }

    .wrapper .spectar span{display:none;
    }
    div.more-pens{position:fixed;
    top:60%;
    line-height:4em;
    }

    • Cette réponse a été modifiée le il y a 1 année et 9 mois par ferman.
    #2441685
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    J’ai copié votre code dans le ccs que j’ai crée, pas de changement.

    #2441691
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    Je ne sais pas si vous avez le temps ou l’envie, si celant fait pas partie des usages,

    mais ne vous serait il pas plus facile d’entrer sur le site et de regarder?

    Les codes sont donnés ci-dessus

    Je dois avouer que je suis largué.

    Je ne suis pas vieux, je suis plus jeune depuis plus longtemps que les autres

    merci

    #2441693
    ferman
    Modérateur
    Maître WordPress
    7198 contributions

    Je pense que ça fonctionne. Voila ce que je vois sur la page animation (ce lien) . Il faut peut-être vider le cache de votre navigateur (l’historique).

    Je dois avouer que je suis largué.

    Il n’y a pas à être largué. Le principe est simple:

    Vous avez du texte et une animation sur votre page mais mal positionnés. Le positionnement se fait avec des CSS: c’est ce qu’on est en train d’essayer.

    On fixe la position du canvas puis on le met en arrière-plan (z-index = -1) ensuite on positionne vos boutons/textes et on règle leur écartement.

    Je remarque par contre: 1. la page est assez longue à charger (à cause de l’animation) 2. les boutons n’aboutissent à rien (retournent) sur la même page.

    Je ne suis pas vieux, je suis plus jeune depuis plus longtemps que les autres

    Les personnes d’un « certain âge » écrivent souvent ça sur le forum comme s’ils s’excusaient. Ça m’agace toujours un peu parce que l’âge n’a aucune importance. Vous faites une chose qui n’est pas très simple et il est donc normal que le résultat ne soit pas immédiat surtout quand les « aideurs » n’ont pas accès au site. Et pour répondre à votre question, non, la chose n’est pas possible (accéder à l’admin de votre site). C’est la limite du forum;  après c’est le domaine des développeurs (ou des amis qui s’y connaissent). Enfin, c’est ma vision des choses. Mais dans votre cas  je pense qu’il n’y pas besoin d’accéder à votre admin pour résoudre le problème.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441713
    condonjef1943
    Participant
    Padawan WordPress
    82 contributions

    Merci ferma. C’est exactement ce à quoi je voulais aboutir.

    Je vais essayer de refaire les même manips sur le vrai site en ligne , à moins que je ne fasse une sauvegarde / restaurant avec all in one Migration.

    J’ignorais la commande canvas, je vais étudier ses propriétés.

    Les 2 boutons n’aboutissent à rien, en fait ils sont inutiles, mais je veux conserver peintures-céramiques -scultures

    et compositions numériques.

    comment les afficher sans qu’il y ait un lien?

    merci pour votre dévouement

    seules

     

    #2441733
    ferman
    Modérateur
    Maître WordPress
    7198 contributions

    comment les afficher sans qu’il y ait un lien?

    Vous pouvez bien sûr le faire par CSS mais je trouverais bizarre de faire un élément avec un lien puis d’empêcher ce lien de fonctionner. Pourquoi ne pas simplement enlever ce lien dans le html:

    au lieu de:

    <div class="more-pens">
    <a target="_blank" href="https://jefcondon.fr/" class="white-mode bouton-peintures">PEINTURES - CERAMIQUES - SULPTURES</a>
    <p class="minispace">
    <a target="_blank" href="" class="white-mode bouton-compo">COMPOSITIONS NUMERIQUES</a></p>
    </div>

    Vous pouvez mettre:

    <div class="more-pens">
    <a class="white-mode bouton-peintures">PEINTURES - CERAMIQUES - SULPTURES</a>
    <p class="minispace">
    <a class="white-mode bouton-compo">COMPOSITIONS NUMERIQUES</a></p>
    </div>>

    • Cette réponse a été modifiée le il y a 1 année et 9 mois par ferman.
    #2441746
    ferman
    Modérateur
    Maître WordPress
    7198 contributions

    Pendant que j’y pense: vous avez écrit sulpture au lieu de sculpture. C’est le genre de chose que l’on ne voit pas quand on écrit mais que les autres voient à la lecture. 🙂

    #2441772
    Flobogo
    Modérateur
    Maître WordPress
    20457 contributions

    Je prends le relais : si vous enlevez les boutons/liens, on va rester indéfiniment sur votre animation. Même si il y a le menu en haut, vous risquez de « perdre » des visiteurs, quand il seront lassés de l’animation 😉

    Je vous conseille :

    • de créer une nouvelle page sur votre site (appelez-la en titre « Bienvenue » sans guillemets),
    • d’y placer le HTML (qu’il faut un peu alléger car il y a répétition, ci-dessus),et modifier pour mettre les liens vers vos catégories ou votre accueil-bis (l’accueil-actuel)
    • et d’ajouter le CSS quand vous aurez créé le thème-enfant si il ne l’est pas sur le site en ligne.

    Quand tout sera prêt, vous définirez cette page « Bienvenue » comme nouvelle page d’accueil dans vos réglages.

    Haut les cœurs, on va y arriver. Je vous remets le HTML rectifié tout à l’heure.

    * * * * * * * * * * * * * *

    PS 1 : pour mettre du code sur ce forum, utilisez SVP le bouton « code » qui se trouve dans l’éditeur quand vous écrivez votre message. Cela évite la bouillie mal interprétée qui s’affichait avant.

    PS 2 : ne donnez JAMAIS votre identifiant et mot de passe en clair sur un forum. @ferman et moi-même sommes bienveillants, mais d’autres pourraient en profiter pour foutre le bazar, ou pire, un virus, dans votre site.

    #2441794
    Flobogo
    Modérateur
    Maître WordPress
    20457 contributions

    Voici le HTML tel que je vous conseille de le placer dans votre page sur site :

    <!-- partial:index.partial.html -->

    <h3>JEF<h3>
    <h1>CONDON</h1>


    <div class="more-pens">

    <a target="_blank" href="https://jefcondon.fr/peintures/" rel="noopener">PEINTURES - CERAMIQUES - SULPTURES</a>

    <p class="minispace">

    <a target="_blank" href="https://jefcondon.fr/compositionsnumeriques/" rel="noopener">COMPOSITIONS NUMERIQUES</a></p>

    </div>

    <!-- partial -->


    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

    <script src= "http://jefcondon.synology.me/wordpress/wp-content/themes/script.js"></script>

    Vous noterez que j’ai modifié les liens des pages de redirection, afin d’adapter à votre site. Surtout, ne laissez pas l’adresse du site sans préciser la page concernée, sinon on tournera en boucle sur votre animation, lorsque vous la définirez comme page d’accueil … si elle renvoie vers l’accueil.

    Ici, j’ai mis votre page « /peintures » dans le lien (qui est d’ailleurs votre page des céramiques …), mais vous pourrez choisir une autre de vos pages lorsque l’animation sera vraiment sur la page d’accueil.

    J’espère que c’est clair …

    Je précise aussi que j’ai laissé les commentaires type <!-- partial:index.partial.html --> dans le code ci-dessus, mais ça ne sert strictement à rien. Si vous n’en avez pas l’utilité, vous pouvez le supprimer, ainsi que l’autre du même genre.

    Je précise aussi que j’ai placé le 2ème lien dans un paragraphe avec la class « minispace », pour le cas où vous voudriez modifier le CSS de ce 2ème lien. Cela permet de l’espacer un peu du 1er lien.

    En ajoutant un peu de CSS, on pourra styler les boutons avec un fond sur le lien :hover, et des coins arrondis. A revoir quand ce sera en place sur votre site, mais dans un 1er temps, mettez ça sur une page « Bienvenue », comme je le disais ci-dessus. Et attendez que Ferman ou moi ayons validé pour la désigner comme page d’accueil.

15 sujets de 16 à 30 (sur un total de 61)
  • Vous devez être connecté pour répondre à ce sujet.