{"id":1622355,"date":"2020-05-13T14:26:43","date_gmt":"2020-05-13T14:26:43","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1622355"},"modified":"2021-03-01T11:47:01","modified_gmt":"2021-03-01T11:47:01","slug":"creating-a-my-account-page","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/es\/course-lesson\/creating-a-my-account-page\/","title":{"rendered":"Creating a “My Account” Page"},"content":{"rendered":"\n

This page operates in two modes depending on whether a visitor is logged-in or not.<\/p>\n\n\n\n

\n
\n
\"When<\/a>
When a user is not logged in, the \u201cMy account\u201d page appears as a login page.<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n\n\n\n
\n
\"When<\/a>
When logged-in, users see their account summary with links that allow them to manage their items and edit their profile<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

When a user is not logged in<\/strong>, the \u201cMy account\u201d page appears as a login page. We explain the setup of this in the lesson about creating custom login forms<\/a>.<\/p>\n\n\n\n

When a user is logged in<\/strong>, the \u201cMy Account\u201d page shows their account summary with links that allow managing their items and editing their profiles. This is what we explain on this page.<\/p>\n\n\n\n

Build the \u201cMy account\u201d page<\/h2>\n\n\n\n
  1. Navigate to Pages \u2192 Add new<\/strong>.<\/li>
  2. Give your page a name (e.g., My account<\/strong>).<\/li>
  3. Click Save Draft<\/strong>.<\/li><\/ol>\n\n\n
    \n
    \"Save<\/a>
    Saving the draft for My account page<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

    You can now design your page using the Block Editor.<\/p>\n\n\n\n

    Insert user info and a logout link<\/h3>\n\n\n\n

    In the first row of the first column, we will display the user\u2019s login name<\/strong>. In the second column, we will include the logout link<\/strong>.<\/p>\n\n\n\n

    1. Insert the Grid<\/strong> block with two columns.<\/li>
    2. In the first column insert the Fields and Text<\/strong> block.<\/li>
    3. Click the Add Field or View<\/strong> button.<\/li><\/ol>\n\n\n
      \n
      \"\"<\/a>
      Adding the field<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
      1. Click the User Login <\/strong>field.<\/li><\/ol>\n\n\n
        \n
        \"\"<\/a>
        User Login field<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
        1. Select The current user or the one being displayed in a View loop<\/strong> option.<\/li>
        2. Click the Insert shortcode<\/strong> button.<\/li><\/ol>\n\n\n
          \n
          \"\"<\/a>
          Adding the field shortdcode<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

          Your page should look like the following.<\/p>\n\n\n

          \n
          \"\"<\/a>
          Displaying the user info on the frontend<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n