Sections - gtbu/Typesetter5.2 GitHub Wiki

Typesetter has 2 methods of editing the content of a site.

A. The 'Ckeditor 4' in the single pages of the Theme. The Layout-editor in the top-line of the page allows to add further styles.

  • In the page-source the area-code is then : < div class="GPAREA filetype-text editable_area" data-gp-section="0" data-gp-area-id="1" id="ExtraEditArea1"

Sections

B. Sections are a special type of Extra-Areas.

  • In the top - line of the page is a tab 'sections', for which several Custom sections exist. They insert a gp_area - div, to which You can add a class with a klick at the slider-icon.

  • In the source-code of a gallery-area is then <div class="GPAREA filetype-gallery gallery-size-lg gallery-theme-circle-grid editable_area" data-gp-section="1" data-gp-area-id="2" id="ExtraEditArea2" data-gp_label="Image Gallery".....

  • There is an additional example-addon custom-sections for faster development.

Such areas have then a wrapper-div with code like < div class="GPAREA filetype-wrapper_section gpRow editable_area" data-gp_label="Text & Gallery" data-gp_color="#555" data-gp-attrs="{"class":"gpRow"}" id="ExtraEditArea7" data-gp-section="1" >. Under options(Fa-Sliders - icon) are several classes choosable.

gallery-options

The parameters of the sections of the single page are stored parallel to the page.php in a draft.php.

  • There is a plugin Gallery editor tweaks which allows to edit image-gallerys in a magnified field (" Edit in box").

  • In the CMS under content -> extra content (/Admin/extra) You can directly edit the code and the source - code of Extra areas - and PUBLISH !

**Example - gallery **

  • The code of a new added gallery is stored in data/pages/.../draft.php as array value of $file_sections = array {}.
  • The used image-files are stored in data/uploaded/imag/\galleryname. You can add further images with the file-manager.

If You cklick at the right top of the sections at 'options' 'Options' then You get a table with parameter-classes . In the Cms is also a table with 'available classes'.

  • If you want to sort existing or added new images the you can go in the page over the existing gallery -> edit and drag the inages at the right top to the wanted position