<!-- ============================================
MODÈLE D'ARTICLE BLOG - CLINIQUE CHÊNE & ROSEAU
Copiez ce code dans WordPress pour chaque nouvel article
============================================ -->
<!-- ÉTAPE 1: Ajoutez ce CSS dans Apparence → Personnaliser → CSS additionnel (UNE SEULE FOIS) -->
<style>
/* === Styles pour les articles de blog === */
.blog-article-container {
max-width: 900px;
margin: 40px auto;
padding: 0 20px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.7;
}
.blog-article-header {
margin-bottom: 40px;
border-bottom: 3px solid #2c5f2d;
padding-bottom: 30px;
}
.blog-category {
display: inline-block;
background: linear-gradient(135deg, #2c5f2d, #3a7c3b);
color: white;
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.blog-article-title {
color: #2c5f2d;
font-size: 2.5em;
margin-bottom: 20px;
font-weight: 600;
line-height: 1.3;
}
.blog-article-meta {
color: #666;
font-size: 15px;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.blog-article-meta span {
display: flex;
align-items: center;
gap: 8px;
}
.blog-featured-image {
width: 100%;
max-height: 500px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 40px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.blog-article-content {
font-size: 18px;
color: #444;
}
.blog-article-content p {
margin-bottom: 25px;
}
.blog-article-content h2 {
color: #2c5f2d;
font-size: 1.8em;
margin-top: 40px;
margin-bottom: 20px;
font-weight: 600;
}
.blog-article-content h3 {
color: #3a7c3b;
font-size: 1.4em;
margin-top: 30px;
margin-bottom: 15px;
font-weight: 600;
}
.blog-article-content ul,
.blog-article-content ol {
margin-bottom: 25px;
padding-left: 30px;
}
.blog-article-content li {
margin-bottom: 12px;
}
.blog-article-content strong {
color: #2c5f2d;
font-weight: 600;
}
.blog-quote {
background: #f8f9fa;
border-left: 5px solid #2c5f2d;
padding: 25px 30px;
margin: 35px 0;
font-style: italic;
font-size: 1.1em;
color: #555;
}
.blog-highlight-box {
background: #f0f7f0;
border: 2px solid #2c5f2d;
border-radius: 8px;
padding: 25px;
margin: 35px 0;
}
.blog-highlight-box h3 {
color: #2c5f2d;
margin-top: 0;
font-size: 1.3em;
}
.blog-cta-box {
background: linear-gradient(135deg, #2c5f2d, #3a7c3b);
color: white;
padding: 35px;
border-radius: 8px;
text-align: center;
margin: 50px 0;
}
.blog-cta-box h3 {
color: white;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.6em;
}
.blog-cta-box p {
margin-bottom: 25px;
font-size: 1.1em;
}
.blog-cta-button {
display: inline-block;
background: white;
color: #2c5f2d;
padding: 15px 35px;
border-radius: 30px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
}
.blog-cta-button:hover {
background: #f8f9fa;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.blog-author-box {
background: white;
border: 2px solid #e0e0e0;
border-radius: 8px;
padding: 30px;
margin-top: 50px;
display: flex;
gap: 25px;
align-items: center;
}
.blog-author-image {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #2c5f2d;
}
.blog-author-info h4 {
color: #2c5f2d;
margin: 0 0 10px 0;
font-size: 1.3em;
}
.blog-author-info p {
margin: 0;
color: #666;
}
@media (max-width: 768px) {
.blog-article-title {
font-size: 1.8em;
}
.blog-author-box {
flex-direction: column;
text-align: center;
}
.blog-article-meta {
justify-content: center;
}
}
</style>
<!-- ÉTAPE 2: Copiez le code ci-dessous dans votre éditeur WordPress (mode HTML) -->
<!-- Modifiez le contenu selon votre article -->
<div class="blog-article-container">
<!-- En-tête de l'article -->
<header class="blog-article-header">
<span class="blog-category">Bien-être</span>
<h1 class="blog-article-title">L'importance de la santé mentale au quotidien</h1>
<div class="blog-article-meta">
<span>📅 6 novembre 2024</span>
<span>👤 Par Marie Tremblay, Psychologue</span>
<span>⏱️ 8 minutes de lecture</span>
</div>
</header>
<!-- Image principale (optionnelle) -->
<img src="VOTRE_URL_IMAGE.jpg" alt="Description de l'image" class="blog-featured-image">
<!-- Contenu de l'article -->
<article class="blog-article-content">
<!-- Introduction -->
<p>La santé mentale est un aspect fondamental de notre bien-être global. Dans notre société moderne où le rythme de vie s'accélère constamment, prendre soin de notre santé psychologique devient plus crucial que jamais.</p>
<p>Chez Clinique Chêne & Roseau, nous croyons fermement que la santé mentale mérite la même attention que la santé physique. Cet article explore pourquoi il est essentiel d'intégrer des pratiques de bien-être mental dans notre routine quotidienne.</p>
<!-- Section avec titre H2 -->
<h2>Qu'est-ce que la santé mentale?</h2>
<p>La santé mentale ne se limite pas à l'absence de maladie mentale. Elle englobe notre bien-être émotionnel, psychologique et social. Elle influence la façon dont nous pensons, ressentons et agissons au quotidien.</p>
<!-- Encadré d'information -->
<div class="blog-highlight-box">
<h3>💡 Le saviez-vous?</h3>
<p>Selon l'Organisation mondiale de la santé, une personne sur quatre sera touchée par un problème de santé mentale au cours de sa vie. Il est donc primordial de normaliser les conversations sur ce sujet.</p>
</div>
<!-- Section avec titre H3 -->
<h3>Les signes à surveiller</h3>
<ul>
<li><strong>Changements d'humeur persistants</strong> - Tristesse, irritabilité ou anxiété prolongées</li>
<li><strong>Troubles du sommeil</strong> - Insomnie ou hypersomnie</li>
<li><strong>Retrait social</strong> - Isolement et perte d'intérêt pour les activités</li>
<li><strong>Difficultés de concentration</strong> - Baisse de performance au travail ou à l'école</li>
<li><strong>Changements d'appétit</strong> - Perte ou gain de poids significatif</li>
</ul>
<!-- Citation -->
<blockquote class="blog-quote">
"Prendre soin de sa santé mentale n'est pas un luxe, c'est une nécessité. C'est investir dans notre capacité à vivre pleinement et à faire face aux défis de la vie avec résilience."
</blockquote>
<h2>Stratégies pour maintenir une bonne santé mentale</h2>
<h3>1. Établir une routine saine</h3>
<p>Une routine quotidienne structurée aide à créer un sentiment de stabilité et de contrôle. Cela inclut des heures de sommeil régulières, des repas équilibrés et du temps pour l'activité physique.</p>
<h3>2. Cultiver des relations positives</h3>
<p>Les connexions sociales significatives sont essentielles pour notre bien-être. Prenez le temps de nourrir vos relations avec famille et amis, et n'hésitez pas à partager vos préoccupations.</p>
<h3>3. Pratiquer la pleine conscience</h3>
<p>La méditation, le yoga ou simplement prendre quelques minutes pour respirer profondément peuvent avoir un impact significatif sur votre état mental.</p>
<!-- Encadré d'appel à l'action -->
<div class="blog-cta-box">
<h3>Besoin d'accompagnement?</h3>
<p>Notre équipe de professionnelles expérimentées est là pour vous soutenir dans votre parcours vers le bien-être mental.</p>
<a href="https://cheneetroseau.ca/contactez-nous/" class="blog-cta-button">Prendre rendez-vous</a>
</div>
<h2>Quand consulter un professionnel?</h2>
<p>Il n'est pas nécessaire d'attendre une crise pour consulter. La thérapie peut être bénéfique à n'importe quel moment de votre vie, que ce soit pour gérer le stress quotidien, traverser une transition difficile, ou simplement pour mieux vous connaître.</p>
<p>À la Clinique Chêne & Roseau, nous offrons des services adaptés à tous les âges dans un environnement chaleureux et accueillant. Nos horaires flexibles s'adaptent à votre réalité familiale et professionnelle.</p>
<h2>Conclusion</h2>
<p>Prendre soin de sa santé mentale est un engagement envers soi-même. C'est reconnaître que notre bien-être psychologique est tout aussi important que notre santé physique. N'attendez pas d'être en crise pour agir.</p>
<p>Que ce soit par de petits gestes quotidiens ou en consultant un professionnel, chaque pas vers une meilleure santé mentale est un investissement précieux dans votre qualité de vie.</p>
</article>
<!-- Encadré auteur (optionnel) -->
<div class="blog-author-box">
<img src="URL_PHOTO_AUTEUR.jpg" alt="Nom de l'auteur" class="blog-author-image">
<div class="blog-author-info">
<h4>Marie Tremblay, M.Ps.</h4>
<p>Psychologue clinicienne avec plus de 15 ans d'expérience, Marie se spécialise dans l'accompagnement des adultes et des adolescents. Elle pratique à la Clinique Chêne & Roseau depuis 2018.</p>
</div>
</div>
</div>
<!-- ============================================
INSTRUCTIONS D'UTILISATION
============================================
1. PREMIÈRE FOIS SEULEMENT - Ajouter le CSS:
- Allez dans Apparence → Personnaliser → CSS additionnel
- Copiez-collez tout le code CSS entre les balises <style>
- Cliquez sur "Publier"
2. POUR CHAQUE NOUVEL ARTICLE:
- Créez une nouvelle page dans WordPress
- Passez en mode "Code HTML" ou "Texte"
- Copiez le code HTML à partir de "<div class="blog-article-container">"
- Modifiez le contenu selon votre article:
* Changez le titre
* Ajoutez vos images (remplacez VOTRE_URL_IMAGE.jpg)
* Écrivez votre contenu
* Modifiez la catégorie, date, auteur, etc.
3. ÉLÉMENTS DISPONIBLES:
- Titres: <h2> et <h3>
- Paragraphes: <p>
- Listes: <ul> et <li>
- Citations: <blockquote class="blog-quote">
- Encadré info: <div class="blog-highlight-box">
- Appel à l'action: <div class="blog-cta-box">
- Encadré auteur: <div class="blog-author-box">
4. PERSONNALISATION DES COULEURS:
- Vert principal: #2c5f2d
- Vert secondaire: #3a7c3b
- Si vous voulez changer ces couleurs, modifiez-les dans le CSS
5. CATÉGORIES SUGGÉRÉES:
- Bien-être
- Famille
- Santé mentale
- Ressources
- Actualités de la clinique
============================================ -->
Clinique Chêne & Roseau 