File System feature: Folders structure
When you enable the File System Storage option, Advanced Views creates an "advanced-views" folder inside your active theme directory. This folder contains the following items:
1. "advanced-views" folder
This folder serves as the parent folder for all Layouts and Post Selections. Every Layout and Post Selection from the Advanced Views plugin has a dedicated subfolder.
2. "layouts" sub-folder
Each Layout folder follows a specific naming structure: "layout-name_unique-id." For example, if you have a Layout with the title "ACF fields" and the unique ID "651d5d75bfdf2," then the folder name will be "acf-fields_651d5d75bfdf2."
Including the title in the folder name makes it easier to navigate without having to search for the specific ID. You don't need to worry about keeping the folder name up-to-date because Advanced Views automatically renames the folder when you change the Layout name in the user interface.
Layout folder files
You can find information about the files inside the Layout folder below:
style.css
CSS code of the current Layout
CSS Code (CSS & JS tab)
style.scss (optional)
Sass code* (see the related chapter of this page)
-
script.js
JS code of the current Layout
JS Code (CSS & JS tab)
script.ts (optional)
TypeScript code* (see the related chapter of this page)
custom [.twig] [.blade.php]
Custom template of the current Layout
Custom template (Template tab)
default [.twig] [.blade.php]
Default template of the current Layout (note: for preview purposes only)
Default template (Template tab)
data.json
settings of the current Layout
-
links.md
Edit Layout link (allows to open the Layout's UI easily while editing inside IDE)
-
3. "post-selections" sub-folder
This folder serves as the parent folder for all Post Selections. Every Post Selection from the Advanced Views plugin has a dedicated folder here.
Post Selections folder
Each Post Selection folder follows a specific naming structure: "post-selection-name_unique-id." For example, if you have a Post Selection with the title "Woo products" and the unique ID "651d5d75bfdf2," then the folder name will be "woo-products_651d5d75bfdf2."
Including the title in the folder name makes it easier to navigate without having to search for the specific ID. You don't need to worry about keeping the folder name up-to-date because Advanced Views automatically renames the folder when you change the Post Selection name in the user interface.
Post Selection folder files
You can find information about the files inside the Post Selection folder below:
style.css
CSS code of the current Post Selection
CSS Code (CSS & JS tab)
style.scss (optional)
Sass code* (see the related chapter of this page)
-
script.js
JS code of the current Post Selection
JS Code (CSS & JS tab)
script.ts (optional)
TypeScript code* (see the related chapter of this page)
query-preview.php
WP_Query preview (note: for preview purposes only)
Query Preview (Template tab)
custom [.twig] [.blade.php]
Custom template of the current Post Selection
Custom template (Template tab)
default [.twig] [.blade.php]
Default template of the current Post Selection (note: for preview purposes only)
Default template (Template tab)
data.json
settings of the current Post Selection
-
links.md
Edit Post Selection link (allows to open the Post Selection's UI easily while editing inside IDE)
-
4. Hidden files
".htaccess" file
Contains apache rules restricting direct access to all the files insides in browser.
".gitignore" file
When using Git: this file contains rules to exclude environment-specific files (such as links.md, which contains domain-specific information).
Last updated