[Wordpress] The Digital Business Card Theme, ou comment se faire une carte de visite virtuelle
Bonjour à tous,
Ça fait un petit moment que je voulais m’en faire une… la semaine dernière j’ai pris une paire d’heures et je l’ai fait. Je parle bien sur d’une carte de visite virtuelle.
J’avais déjà un peu fouillé sur le web pour voir les solutions existantes. Mais le très bon Louis de abricocotier.fr m’a bien simplifié l’affaire. J’ai choisi le thème wordpress : The Digital Business Card.
Si vous voulez voir ce que ça donne pour bibi : http://www.jeanedouardaguie.com
En fait, je trouve ce thème très bon, mais j’ai réalisé quelques petites modifs afin qu’il corresponde parfaitement à mes attentes.
Déjà, par défaut le thème s’ouvre sur la page de Profil, or je voulais qu’il s’ouvre que la page de Contact.
Comment faire :
- Ouvrir le fichier footer.php du thème
- Ligne 64 remplacer ‘:first’ par ‘:last’
Ensuite, par défaut, le titre de la page est “Digital Business Card -” + “profil || contact”. Je ne trouvais pas ça très glamour.
Pour changer ça :
- Ouvrir le fichier footer.php du thème
- supprimer la Ligne 47
- Ouvir le fichier header.php
- Insérer <title>Votre Titre ICI</title>
Enfin, j’ai remarqué un petit bug lors du chargement du thème, parfois la taille de la div centrale n’était pas bonne. Je vous fais grâce du comment du pourquoi ça marche pas, mais c’est dû au JS. Pour changer ce comportement, j’ai fixé la taille de la div (elle était calculée automatiquement).
Pour cela :
- Ouvrir encore le fichier footer.php du thème
- aller à la ligne 59
- Remplacer “height: height” par “height: 358“, 358 est dans mon cas, il faut l’adapter à votre situation
- Enregistrer.
Et voilà, grosso modo les petits hacks que j’ai faits sur ce thème. Si vous avez des questions, n’hésitez pas, les commentaires sont la pour ça.
Les liens :
- Demo du thème original : http://milkengine.com/card/#contact
- Après les modifications : http://jeanedouardaguie.com
- Télécharger le thème : ICI
- Site internet du thème : LA
Bon allé, moi je vais mettre à jour mon CV et mettre tout ça en ligne.
Bonne journée à tous,
Take car,
Jaguie
Billets similaires
Tags: Chrogeek, Internet // 16 Commentaires »
Sympa cette idée, j’y avais pensé il y a quelque temps mais sans jamais trouvé de thème suffisamment épuré pour faire l’affaire! Celui ci convient parfaitement!
J’ai juste remarqué: c’est normal qu’il y ait un ‘ juste après jaguie[at] ?
Voilà! Bonne continuation à toi!
@Romain, merci
pour le ‘ , voui c’est normal c’est pour tromper les robot qui récupère les adresse mail pour du spam. Si tu connais un peu les regex, tu comprendra pourquoi j’ai fait ça !
Voilà
[...] The Digital Business Card Theme : comment se faire une carte de visite virtuelle [...]
Merci Jaguie ! Je viens d’installer le thème chez moi, et j’avais pas réussi à trouver la **$ù*$ù dans le footer.php.
Donc je suis venu ici, et j’ai trouvé. Tu gères
[...] the original post here: [Wordpress] The Digital Business Card Theme, ou comment se faire une carte de visite virtuelle | Chr… Comments0 Leave a Reply Click here to cancel [...]
Salut,
cool les modif…
moi j’ai un problème pour mettre en local ( via MAMP) le dossier the digital business card…faut-il le glisser tout simplement dans le dossier wordpress ? faut t-il parametrer MAMP ? que de questions…
thanks d’avance pour les réponses
Pas trop compris ta question, mais il suffit de mettre le thème dans le dossier wp-content/theme de wordpress. Enfin, vérifie que c’est bien ce dossier !
Bonne fin de journée
J.E
bonjour jaguie merci pour l’explication du footer.php a modifier mais j’ai encore une question! est-il possible de changer le nom des pages “contact” et “profiles” ? car j’ai essayé en remplacant dans le index.php mais le résultat n’est pas joli joli ^^
Vouaip, il me semble que c’est possible. En fait j’en suis même sûr, fouille dans le JS il doit y avoir une ligne qui gère le title de la page. Si tu ne trouve pas fais moi signe.
Bonne soirée
Merci Jaguie
ça fonctionne
bonsoir jaguie j’aimerais savoir comment tu as fais pour mettre une photo aussi sur la page “profiles” car dans les options du theme dans wordpress on peux seulement mettre une photo. merci de ton aide!
je voulais dire qu’on peux mettre seulement un lien vers une photo et que celle-ci s’affiche dans la page “contact” mais pas dans la page profil.
Merci beaucoup pour ces petits trucs bien sympas
Avec plaisir
Une question quand même : comment as-tu fait pour placer une image dans la page “profiles” ??
De mémoire (dsl je bosse pas trop le temps de regarder le code) il me semble que je l’ai mis à la barbare directement dans le code de la template.
Il y a une fonction wordpress du style template_path() enfin ça c’est a vérifier !
Dis le moi si tu n’y arrive pas.