AEM Content Authoring Tutorial

 A Tag is a piece of metadata assigned to content. Tags can be applied to both pages and assets. You can think of tags as keywords or labels that an author attaches to some content in order to make it easier to find, use or understand. Tagging allows authors to attach keywords to content. Within AEM, tags can be classified into a number of categories called “namespaces”. These namespaces typically means these are segregated  based on categories like Furniture,Electronics etc., Each new site have its own namespace; an website name namespace is also used for tagging global assets — e.g., commonly-used photos and icons. Creation of Tags:                 Tools --> General --> Tagging --> Create Tag --> Add Title -->Save. These tags are used to Tag Page/Asset by going to Page Properties/Asset Properties. Tags are used to generate Dynamic Content in Searching the content functionalities.  Whenever i search any result with specific Tags will be displayed. For more i

 In AEM RichText is a very important component.  This component can be used seperately or this can be be embedded in other components. This can also be called as WYSIWYG (What you see is what you get).  In Rich text we can perform below activities. Adding hyperlinks. Adding Bold,Italic,underlined Adding bullets/numbers. Adding Headings. Adding specific colors to text. Adding special characters. Adding superscript/subscript. Table can be added. Adding custom Html/css with in the edit source icon. Having good knowledge on HTML/CSS will help in customising the Rich Text. For more information on AEM , go through the below syllabus. AEM Author Concepts

Any Website can be viewed in Desktop,Mobile,Tablet through a Browser. In Desktop website can be viewed in only one view. In Mobile and Tablet website can be viewed in 2 modes 1) Potrait (Vertical). 2) Landscape (Horizontal). So the view in Desktop, Mobile and Tablet can be changed by  using the emulator according to the Design.  Emulator can also be called breakpoints/Layout mode. This  is mainly used to author for multiple view ports as per the Design for all views as below. Mobile (Landscape/Portrait) Tablet (Landscape/Portrait) Desktop This can be done by using the "Emulator" icon which is on the right corner.  Select specific Device which needs to change the layout and author the content by using layout option which is there for each component or Layout option in the right corner with the Edit option dropdown. Note:  These options of Mobile/Tablet will come only if developer adds the breakpoints at the Template level. For more information on AEM , go through the below

Experience fragments are mainly used for re-usability purpose. If I want to add a component with same content in multiple places then by using experience fragments we can achieve it. In Short: Author once and use in multiple places in Pages. The experience Fragments are created under content/experience-fragments. Creating an Experience Fragment(XF)  XF can be created in 2 ways. 1 st Way: Navigate to Experience fragments --> Click on Create --> Create Experience Fragment --> Select Experience Fragment template --> Enter Title --> Click on Create Button. Add the required components on to the created XF. Navigate to the Page, where you need to author the content on specific Page. Add experience-fragment component and give the Path of xf. 2 nd Way: Assume that a component have been already added on the Page.  Now you can convert that component to XF by clicking on convert to experience Button as shown in below image. After clicking on that Button Below screen will b

Templates define the structure of the Page; without template we cannot create any Page.  Template defines the Where the Iparsys and Parsys have to be added and what components should be displayed on the layout container. Prior AEM 6.2, there were only static templates, from aem 6.3 Adobe introduced Editable Templates/Dynamic Templates. 1 )   Static Templates Static Templates are created by the Developer, where content author just uses the templates and creates the Pages.  If you want to enable any components to be shown on the page then on the page needs to go to design mode and add the specific components. In static templates by default  some component needs to shown on the Page then developer needs to add the component on the template through code. Editable Templates From 6.3, Adobe introduced new feature of Editable templates.   The content author can create templates and can add structure, initial content, Policies.   Editable Template contains mainly 3 features 1)

In order to create a website, Pages are needed.  Page can be created by selecting a Template.  With out template we cannot create a page. What ever the pages created that will be stored under /content Process to create Page Naviagate to Sites -->Naviagate to Specific Path -->Create Page --> Select Template --> Enter Page Title and Name (optional) --> Create page. With this page can be created, use edit option to edit the page and add components on to the Page. Page Properties Properties contains few t abs are Basic, Advanced, Error Pages, Thumb Nail, Cloud Services, Personalisation and few custom Tabs. These Page properties are used in SEO like Description,Title(Meta tags),Social Sharing(OG URL). Modes of Viewing a Page Pages can be viewed in 3 modes. Edit Mode (wcmmode=edit) Preview Mode  (wcmmode=preview) View as published mode  (wcmmode=disabled) Edit Mode      In order to add any component on the page, the page should be in Edit mode.  This Edit mode option is

Components are basic building blocks of a websites, everything in AEM is a component. Let’s assume to show any new content then we need to add a component on to the Page and edit the component by clicking on Wrench icon.   Without components, we cannot create the content. Components contain the dialog and that can contain any of the below fields.   Path Browser (To Select Internal Pages,Images,etc.,) Select DropDown (Used for Selecting the Values) TextArea TextField Numberfield RichText Image Checkboxes Radio buttons Image/Fileupload Date Picker TagPicker MultiField Below are the default components available in OOTB(out of the Box). Styles: Styles are used for Dynamically changing the single component to multiple variations like align Text to left,Right,Center.  For each component styles will be available with painter icon just beside the wrench icon.  Below is the example of styles. For more information on AEM , go through the below syllabus. AEM Author Concepts