GeneratePress : installation du thème gratuit, réglages de base (outil de personnalisation) et différences avec Premium

Mention d'affiliation v3.1
Mention d'affiliation v3.2 (mobile)
Environnement de test Famille RHELWordPress 7.1.3PHP 8.3GeneratePress 3.6.1Vérifié le 2026-10-19

GeneratePress est un thème WordPress gratuit créé par Tom Usborne qui permet de modifier la mise en page, les couleurs et les polices dans l'outil de personnalisation sans code. J'ai installé la version 3.6.1 sur un site WordPress 7.1.3 qui utilise un thème de blocs, vérifié les réglages gratuits en prévisualisation en direct sans l'activer, puis comparé le tout avec la grille tarifaire de GP Premium.

1️⃣ Installer GeneratePress et prévisualiser en direct

  • ↪️ L'outil de personnalisation avant l'activation

Vous pouvez ouvrir les réglages du thème en prévisualisation en direct avant même de l'activer. Recherchez GeneratePress dans Apparence › Thèmes › [Ajouter un thème] et installez-le : la carte affiche [Activer] et [Prévisualiser en direct]. En cliquant sur [Prévisualiser en direct], l'outil de personnalisation s'ouvre avec GeneratePress sans changer le thème actuel, et le thème ajoute quatre sections : Mise en page, Couleurs, Typographie et Général.

Écran des thèmes : Apparence › Thèmes dans le menu de gauche, avec les boutons Activer et Prévisualiser en direct de la carte GeneratePress installée

[Activé :] sur la première carte indique le thème actuellement appliqué au site ; des deux boutons de la carte GeneratePress, [Prévisualiser en direct] ouvre l'écran des réglages.

Dans le répertoire de thèmes de WordPress.org, GeneratePress compte plus de 500 000 installations actives et une note de 4,9 sur 1 427 avis. La version 3.6.1, publiée le 1er décembre 2025, fonctionne avec WordPress 6.5 et PHP 7.4 ou plus récent.

Les valeurs modifiées dans l'outil de personnalisation ne s'appliquent au site qu'après un clic sur [Activer & publier] en haut. Sur un site qui utilise un thème de blocs, WordPress n'ajoute pas de section widgets à l'outil de personnalisation : les widgets n'apparaissent donc pas dans la liste.

🧭 Simulateur de l'outil de personnalisation de GeneratePress
wp-adminThèmes WordPressGeneratePress 3.6.1 · WordPress 7.1.3
Vue visiteur
자주 하는 설정
📍Apparence›Thème
Liste des thèmes installés
Cliquez sur [Prévisualiser en direct] sur la carte GeneratePress. L'étape 2 ci-dessous est la branche de la bibliothèque de sites réservée à GP Premium (on y entre avec NEXT ▶).
📍Apparence›GeneratePress›Site Library
Bibliothèque de sites (GP Premium)
En cliquant sur une carte de modèle, l'ordre est aperçu → [Get Started] → liste des extensions → « I understand » → [Begin Import]. La liste officielle est entièrement payante : les trois modèles portent donc la mention Premium, et l'import comme l'écran de fin n'ont pas encore été mesurés.
📍Apparence›Thème›Prévisualiser en direct
Outil de personnalisation
Cliquez sur [Mise en page] dans la liste de gauche. Identité du site, Général, Menus, Réglages de la page d'accueil et CSS additionnel fonctionnent aussi pour tout ce que permet le thème gratuit.
📍Prévisualiser en direct›Mise en page›Conteneur
Mise en page
Modifiez la disposition du contenu dans [Conteneur] et l'aperçu de droite adopte cette valeur. Revenez avec ‹ et essayez aussi l'en-tête, la navigation principale, les colonnes latérales, le pied de page et le blog.
📍Prévisualiser en direct›Couleur
Couleur
Cliquez sur l'une des 7 couleurs globales et choisissez une couleur : toutes les zones qui l'utilisent changent en même temps. Dépliez les groupes de zones ci-dessous pour choisir la couleur de chaque champ avec son cercle.
📍Prévisualiser en direct›Typographie
Typographie
Avec [Ajouter une typographie], choisissez l'élément cible et saisissez la taille de police. Les polices s'enregistrent d'abord avec [Ajouter une police].
📍Prévisualiser en direct›Activer & publier
Activer & publier
Les valeurs modifiées ne s'appliquent au site qu'après un clic sur [Activer & publier] en haut.
📍Afficher le site
Vue visiteur
Voici la vue visiteur, telle que publiée. Utilisez les boutons d'appareil pour changer la largeur.
📍Prévisualiser en direct›Identité du site
Logo et titre du site
Téléversez un logo avec [Choisir le logo] et modifiez le texte du champ du titre du site : l'en-tête de l'aperçu de droite se met à jour immédiatement.
📍Prévisualiser en direct›Mise en page›Conteneur
Largeur du conteneur
Modifiez la valeur de largeur du conteneur et la boîte qui contient le contenu et la colonne latérale prend cette largeur.
📍Prévisualiser en direct›Mise en page›Colonnes latérales
Retirer la barre latérale
Réglez la mise en page de la colonne latérale des articles uniques sur [Contenu (aucune colonne latérale)] et l'article de l'aperçu n'affiche plus que le contenu, sans colonne latérale.
📍Prévisualiser en direct›Couleur
Couleurs globales
Cliquez sur le cercle Accentuation des couleurs globales et choisissez une couleur : les zones qui l'utilisent, comme les liens et les boutons, changent en même temps.
📍Prévisualiser en direct›Typographie
Taille du texte
Saisissez un nombre dans la taille de police de la carte Corps et le texte de l'aperçu passe à cette taille.
example.com/wp-admin/themes.php
테마6
설치된 테마 검색
Capture du thème Twenty Twenty-Five
활성: Twenty Twenty-Five (2025)
GeneratePress
Capture du thème Twenty Twenty-Four
Twenty Twenty-Four
Capture du thème Twenty Twenty-Three
Twenty Twenty-Three
Capture du thème Twenty Twenty-Two
Twenty Twenty-Two
Capture du thème Astra
아스트라
Capture d'écran du thème GeneratePress
GeneratePress 버전: 3.6.1

작성자 Tom Usborne

GeneratePress는 속도와 유용성에 중점을 둔 경량 워드프레스 테마입니다. 성능은 우리에게 중요하므로 새로운 GeneratePress 설치가 페이지 크기에 10kb(gzipped) 미만을 추가합니다. 우리는 블록 편집기(Gutenberg)를 최대한 활용하여 콘텐츠 생성에 대한 더 많은 제어를 제공합니다. 페이지 빌더를 사용하는 경우 GeneratePress가 적합한 테마입니다. Beaver Builder 및 Elementor를 포함한 모든 주요 페이지 빌더와 완벽하게 호환됩니다. WordPress 코딩 표준에 대한 강조 덕분에 우커머스를 포함하여 잘 코딩된 모든 플러그인과의 완벽한 호환성을 자랑할 수 있습니다. GeneratePress는 완벽하게 반응하고 유효한 HTML/CSS를 사용하며 놀라운 사용자 커뮤니티를 통해 25개 이상의 언어로 번역됩니다. 많은 기능 중 일부에는 60개 이상의 색상 컨트롤, 강력한 동적 타이포그래피, 5개의 탐색 위치, 5개의 사이드바 레이아웃, 드롭다운 메뉴(클릭 또는 가리키기) 및 9개의 위젯 영역이 포함됩니다. 자세한 내용을 알아보고 https://generatepress.com에서 강력한 프리미엄 버전을 확인하십시오.

example.com/wp-admin/themes.php?page=generate-options
GeneratePress
🔒GP Premium 전용 — 무료 테마에는 사이트 라이브러리 탭이 없습니다. 이 화면은 공식 문서 흐름대로 그린 「실측 전」 화면입니다.
Search site name or author
Designer실측 전
Plugins used 실측 전
  • GenerateBlocks
Import실측 전
Plugins to install
  • GenerateBlocks
Already installed
  • —
Importing a site changes your Customizer settings and adds the site pages, posts and images. Import on a new site, or back up first.
가져오기 실행은 여기서 하지 않습니다(실제 사이트가 바뀝니다). 진행·완료 화면은 공식 문서대로 그린 것입니다.
Import실측 전
  • Importing theme options
  • Installing plugins
  • Importing content
  • Importing widgets and menus
Import complete
사용자 정의My Site
테마 미리보기GeneratePress
테마을(를) 탐색 중입니다
사용자 정의사이트 아이덴티티
사이트 제목
태그라인
로고
사이트 아이콘
사이트 아이콘은 브라우저 탭, 북마크 표시줄, 워드프레스 모바일 앱에서 표시되는 아이콘입니다. 아이콘은 정사각형이어야 하며 최소 512×512 픽셀이어야 합니다.
사용자 정의레이아웃
사용자 정의 중 ▸ 레이아웃컨테이너
컨테이너 너비
px
콘텐츠 레이아웃
컨테이너 정렬
사용자 정의 중 ▸ 레이아웃헤더
헤더 프리셋
헤더 너비
내측 헤더 너비
헤더 정렬
사용자 정의 중 ▸ 레이아웃기본 내비게이션
네비게이션 위치
내비게이션 드롭 포인트
내비게이션이 더 이상 떠 있지 않고 로고 아래로 내려갈 때의 너비.
px
네비게이션 드롭다운
드롭다운 방향
내비게이션 검색
네비게이션 너비
내측 네비게이션 너비
네비게이션 정렬
사용자 정의 중 ▸ 레이아웃사이드바
사이드바 레이아웃
블로그 사이드바 레이아웃
단일 포스트 사이드바 레이아웃
미리보기가 단일 글이라 페이지·블로그 칸은 화면이 바뀌지 않습니다.
사용자 정의 중 ▸ 레이아웃푸터
푸터 너비
내측 푸터 너비
푸터 위젯
위젯이 비어 있어 미리보기에는 아직 아무것도 안 보입니다.
하단 막대 정렬
맨 위로 버튼
사용자 정의 중 ▸ 레이아웃블로그
컨텐츠 유형
단일 글 미리보기에서는 바뀌지 않는 칸입니다.
이 섹션에 대한 더 많은 옵션은 프리미엄 버전에서 이용 가능합니다.
사용자 정의색상
글로벌 색상
글로벌 색상을 설정하고 브랜드에 맞게 사이트 스타일링을 하세요.
Base 2
배경
텍스트
링크
배경
텍스트
링크
실측 전 — 무료 테마에 있는 칸이지만, 이 시뮬레이터에서는 미리보기가 바뀌지 않습니다.
배경
텍스트
링크
사이트 제목
태그라인
내비게이션 배경
내비게이션 텍스트
하위 메뉴 배경
하위 메뉴 텍스트
배경
텍스트
배경
텍스트
링크
컨텐츠 제목
아카이브 콘텐츠 제목
항목 메타 텍스트
항목 메타 링크
제목 1 (H1) 색상
제목 2 (H2) 색상
헤딩 3 (H3) 색상
헤딩 4 (H4) 색상
헤딩 5 (H5) 색상
제목 6 (H6) 색상
배경
텍스트
테두리
배경
텍스트
링크
위젯 제목
배경
텍스트
링크
위젯 제목
배경
텍스트
링크
배경
텍스트
필드 배경
필드 텍스트
오버레이 배경색
사용자 정의타이포그래피
글꼴 관리자
타이포그래피 관리자
사용자 정의일반
아이콘 유형
링크 밑줄
주요 콘텐츠 영역의 링크에 밑줄을 추가하세요.
성능 향상을 위해 옵션으로 생성된 CSS를 캐시하십시오.
사용자 정의메뉴
메뉴
사이트에 아직 메뉴가 없는 것 같습니다. 만드시려면 버튼을 클릭해 시작하세요.
메뉴를 만들고 위치를 배정한 다음 페이지나 카테고리로 가는 링크와 같은 메뉴 항목을 추가하세요. 사용중인 테마가 여러 개의 메뉴를 지원하면 하나 이상의 메뉴를 만들 수 있습니다.
메뉴 위치
테마가 하나의 위치에서 메뉴를 표시할 수 있습니다.
사용자 정의 중 ▸ 메뉴새 메뉴
메뉴 이름
테마가 다중 메뉴를 지원할 경우 서로 다른 이름을 사용하면 관리하는데 도움이 됩니다.
메뉴 위치
이 메뉴가 어디에 나타나길 원하시나요?
새 메뉴에 링크를 추가하려면”다음”을 클릭하세요.
사용자 정의 중 ▸ 메뉴–
페이지
예제 페이지
홈
예제 글 1
페이지를 메뉴에 넣으면 미리보기의 기본 내비게이션에 그 항목이 보입니다.
메뉴 위치
실측 전 — 무료 테마에 있는 칸이지만, 이 시뮬레이터에서는 미리보기가 바뀌지 않습니다.
사용자 정의 중 ▸ 메뉴위치 보기
사용중인 테마는 하나의 위치에 메뉴를 표시할 수 있습니다. 사용하려는 메뉴를 선택하세요.
Primary Menu
+ 새 메뉴 만들기
사용자 정의홈페이지 설정
사이트의 홈페이지에 표시될 것을 선택할 수 있습니다. 시간의 반대 순으로 글이 표시될 수도 있습니다(전통적인 블로그). 또는 고정적/정적인 페이지가 될 수도 있습니다. 정적인 홈페이지를 설정하려면 두 개의 페이지를 우선 만들어야 합니다. 하나는 홈페이지가 될 것이고 다른 하나는 글이 표시될 것입니다.
홈페이지 표시
홈페이지
+ 페이지 추가
글 페이지
+ 페이지 추가
미리보기가 단일 글이라 페이지·블로그 칸은 화면이 바뀌지 않습니다.
사용자 정의추가 CSS
사이트 모양이나 레이아웃을 사용자 정의 하려면 이곳에 CSS 코드를 추가하세요.
My Site
검색 …
안녕하세요!
2026-10-04 · 작성자: admin

워드프레스에 오신 것을 환영합니다. 이것은 첫 글입니다. 바로 편집하거나 삭제한 다음 쓰기 시작하세요!

미분류예제 글 1
댓글 남기기
댓글 달기
© 2026 My Site • Built with GeneratePress
검색 …
테마 검색6개 테마
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Five 테마 스크린샷
Twenty Twenty-Five (2025)
GeneratePress 테마 스크린샷
미리보기 중: GeneratePress
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Four 테마 스크린샷
Twenty Twenty-Four
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Three 테마 스크린샷
Twenty Twenty-Three
이 테마는 사용자 정의하기를 지원하지 않습니다. 이 테마를 활성화 할 수 있습니다. 또한 사용자 정의 하기 위해 사이트 편집기를 사용할 수 있습니다.
Twenty Twenty-Two 테마 스크린샷
Twenty Twenty-Two
아스트라 테마 스크린샷
아스트라
로고 선택
업로드할 파일 놓기
또는최대 업로드 파일 크기: 2 GB.제안된 이미지 크기: 350 x 70 픽셀.
아직 발행 전 — 사이트에는 기본값이 그대로 보입니다.
Mexample.com/hello-world/
My Site
검색 …
안녕하세요!
2026-10-04 · 작성자: admin

워드프레스에 오신 것을 환영합니다. 이것은 첫 글입니다. 바로 편집하거나 삭제한 다음 쓰기 시작하세요!

미분류예제 글 1
댓글 남기기
댓글 달기
© 2026 My Site • Built with GeneratePress
검색 …
Cliquez sur un élément en surbrillance à gauche ou sur un bouton de l'écran

2️⃣ Réglages de mise en page de GeneratePress

  • ↪️ Valeurs par défaut du conteneur, des colonnes latérales et de la navigation

La largeur de page et la position de la colonne latérale se règlent dans le panneau Mise en page de l'outil de personnalisation. Il compte six sections : Conteneur, En-tête, Navigation principale, Colonnes latérales, Pied de page et Blog ; la Barre supérieure n'apparaît que si sa zone de widgets contient des widgets.

La largeur par défaut du conteneur est de 1200px, et la disposition du contenu par défaut est [Des contenants séparés], qui place le contenu et chaque widget de colonne latérale dans leurs propres boîtes blanches. Avec [Un contenant], le contenu et la colonne latérale partagent un seul fond blanc et seul le fond gris extérieur subsiste.

Écran de prévisualisation en direct : Un contenant choisi comme disposition du contenu dans le panneau Mise en page › Conteneur à gauche ; à droite, l'aperçu avec le contenu et la colonne latérale sur un seul fond blanc

Il existe six dispositions de colonne latérale : une colonne, deux ou aucune. Par défaut, [Contenu / Colonne latérale] place une colonne de 360px à droite d'une colonne de contenu de 840px dans le conteneur de 1200px. Les pages, la liste d'articles du blog et les articles uniques ont chacun leur propre réglage.

La position du menu se règle dans [Position de la navigation] sous Navigation principale ; la valeur par défaut [Flotter vers la droite] place le menu à droite du logo dans l'en-tête. Le tableau ci-dessous rassemble les valeurs par défaut et possibles de chaque champ, jusqu'aux préréglages de l'en-tête, au nombre de widgets de pied de page et au type de contenu de la liste d'articles du blog.

ChampRéglagesPar défautValeurs possibles
ConteneurLargeur du contenant1200pxCurseur · saisie numérique
ConteneurDisposition du contenuDes contenants séparésUn contenant
En-têtePréréglages de l'entêteIci,Les 7 autres
Navigation principalePosition de la navigationFlotter vers la droiteSous l'en-tête · Au dessus de l'en-tête · Flottant à gauche · Colonne latérale gauche · Colonne latérale droite · Aucune navigation
Colonnes latéralesDisposition de la colonne latéraleContenu / Colonne latéraleColonne latérale / Contenu · Contenu (aucune colonne latérale) · Colonne latérale / Contenu / Colonne latérale · Colonne latérale / Colonne latérale / Contenu · Contenu / Colonne latérale / Colonne latérale
Pied de pageWidgets de pied de page30~5
BlogType de contenuExtraitContenu complet

3️⃣ Couleurs et typographie de GeneratePress : les 7 couleurs globales et le gestionnaire de polices

Les couleurs de tout le site se règlent dans les couleurs globales en haut du panneau Couleurs, qui en compte 7 : 3 Contraste, 3 Base et 1 Accentuation. Les couleurs de chaque zone, comme le contenu, l'en-tête, les boutons et les widgets de colonne latérale, se règlent dans les 10 sections repliées en dessous. Le fond de page (#f7f8f9) utilise Base 2 et la boîte de contenu, l'en-tête et les boîtes de widgets de colonne latérale (#ffffff) utilisent Base 3 par défaut : changer ces deux couleurs modifie donc ces zones en même temps.

Panneau Couleurs de la prévisualisation en direct de GeneratePress : les 7 couleurs globales et 10 sections de couleur par zone repliées ; à droite, une boîte de contenu blanche sur fond gris

Les polices s'enregistrent avec [Ajouter une police] dans le panneau Typographie, puis [Ajouter une typographie] permet de choisir les cibles de cette police. Il y a 21 cibles, dont le corps, le titre du site, les éléments du menu principal, les boutons, H1–H6, les titres de widget et la barre de pied de page.

Panneau Typographie de la prévisualisation en direct de GeneratePress : le bouton Ajouter une police du gestionnaire de polices et le bouton Ajouter une typographie du gestionnaire de typographie ; à droite, l'aperçu dans la police par défaut
À la première ouverture, le panneau Typographie ne contient que deux boutons, et tant qu'aucune police n'est enregistrée, le texte de l'aperçu s'affiche dans la police par défaut du système en 17px.

4️⃣ Différences avec GP Premium : version gratuite, GP Premium et tarifs de GeneratePress One

GP Premium est une extension payante qui ajoute un Theme Builder pour créer des éléments du thème, comme le pied de page du site et la page 404, avec l'éditeur de blocs. La bibliothèque de sites de démarrage, la navigation fixe, l'en-tête mobile et des réglages supplémentaires de couleurs, de polices et d'espacements font aussi partie de GP Premium.

Première liste de l'outil de personnalisation dans la prévisualisation en direct de GeneratePress : la ligne Modules Premium disponibles en haut, puis Identité du site, Mise en page, Couleurs, Typographie et Général
Un clic sur la ligne [Modules Premium disponibles] en haut de l'outil de personnalisation de la version gratuite ouvre la page de présentation de GP Premium dans un nouvel onglet.

GP Premium coûte $59 par an, couvre jusqu'à 500 sites et inclut un an de mises à jour et d'assistance. L'abonnement se renouvelle automatiquement chaque année et peut être résilié à tout moment depuis votre compte ; un remboursement est possible dans les 30 jours suivant l'achat.

GeneratePress One, qui regroupe aussi GenerateBlocks Pro et GenerateCloud, coûte $149 par an, alors que les deux produits achetés séparément coûtent $99 par an chacun. GenerateCloud nécessite GenerateBlocks Pro.

ProduitPrix annuelDescription de la page officielle des tarifs
GP Premium$59Theme Builder · sites de démarrage · 1 an de mises à jour et d'assistance
GenerateBlocks Pro$99Blocs et compositions pour l'éditeur de blocs
GenerateCloud$99Bibliothèque de compositions partagée · nécessite GenerateBlocks Pro
GeneratePress One$149Lot des trois produits

Les tarifs du tableau sont des prix annuels en dollars américains, vérifiés sur la page officielle des tarifs le 19 octobre 2026.

5️⃣ Les sites adaptés au thème GeneratePress : choisir entre la version gratuite et GP Premium

La version gratuite suffit pour des sites comme les blogs et les présentations d'entreprise, où vous réglez le conteneur, les colonnes latérales, les couleurs et les polices dans l'outil de personnalisation et créez le contenu avec l'éditeur de blocs.

Pour construire un site d'un seul coup à partir d'un site de démarrage, il faut GP Premium. Les sites qui ont besoin d'une navigation fixe ou d'un en-tête mobile finissent eux aussi par choisir GP Premium.

GeneratePress convient aussi aux sites qui veulent des pages plus légères. D'après la description officielle, une installation neuve de GeneratePress ajoute moins de 10 Ko (gzip) à une page, et la feuille de style par défaut de la 3.6.1, [main.min.css], passe de 19,5 Ko à 4,7 Ko avec gzip. En ouvrant les démos officielles dans les mêmes conditions le 31 août 2026 et en mesurant le volume transféré par thème, le résultat était là aussi de 17,8 Ko pour GeneratePress contre 143,2 Ko pour Astra.

🔢 FAQ & contenus recommandés

GeneratePress dispose de traductions sur WordPress.org : sur les sites qui ont téléchargé les fichiers de traduction, des menus comme Mise en page, Couleurs et Typographie s'affichent dans la langue de l'administration. Sur les sites où ces fichiers n'ont pas été téléchargés, ils s'affichent en anglais.

Vous pouvez l'utiliser sur les sites clients que vous créez et gérez vous-même (selon la FAQ de la page officielle des tarifs). Il est interdit de l'inclure dans une offre d'hébergement, de revendre des clés de licence ou de proposer uniquement l'installation et l'activation de GeneratePress comme service.

La version testée indiquée dans [readme.txt] va jusqu'à WordPress 6.9. Sur un site WordPress 7.1.3, les panneaux de l'outil de personnalisation et l'aperçu de la prévisualisation en direct se sont ouverts normalement.

ℹ️ Mention d'affiliation
Le contenu de ce site contient des liens d'affiliation. Lorsqu'un visiteur achète un produit ou un service via l'un de ces liens, le site perçoit une commission du vendeur. Le montant payé par l'acheteur(il baisse lors des promotions ↓), lui, n'augmente pas. Les prix, remises et stocks indiqués correspondent à la date de rédaction et peuvent différer ; vérifiez-les donc auprès du vendeur avant d'acheter. Les produits sont choisis et évalués selon nos propres critères, et les commissions n'influencent ni l'ordre de présentation ni le contenu des évaluations.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Prouvez que vous êtes humain : 8   +   1   =