WordPress database structure?

Question

css

I'm new to WP, please give me a link to an article about the structure of the database for WP or an explanatory guide on this topic.

Answer 1

Made.
Pictures 2, one on the background of the entire page, the other on purple blocks.
I gave the sidebar a white background and positioned ::after 100vw wide from the left edge of the sidebar.
For the sections, I did ::before and put a purple image on the background, the pseudo-element will be 100vw and positioned from the right edge of the left side - the content.

.page {
    background-image: url('../images/inner-content-bg.png');
    background-repeat: repeat;

    &__content {
        width: 75%;
        padding: 0 30px 70px 0;

        background-image: url('../images/inner-content-bg.png');
    }

    &__sidebar {
        width: 25%;
    }

The sidebar also needs to make an inner container that will overlap the pre-element. Inside the container you need to put all the elements of the sidebar.

.sidebar {
    padding-top: 130px;
    background-color: #fff;
    position: relative;

    &::after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        display: block;
        width: 100vw;
        height: 100%;
        background-color: #fff;
    }

    &__container {
        z-index: 10;
        position: relative;
        padding-left: 50px;
    }
}

Purple block code

.purple-block {
    position: relative;
    color: #fff;

    &__container {
        z-index: 20;
        position: relative;
    }

    &::after {
        content: '';
        display: block;
        width: 100vw;
        height: 100%;
        z-index: 1;
        position: absolute;
        top: 0;
        right: -30px;
        background-image: url('../images/purple-bg.png');
    }
}

html structure

<div class="page">
      <div class="page__container page__container--inner container">
           <div class="page__content">
                 <div class="purple-block"></div>
           </div>
           <aside class="page__sidebar sidebar">
                 <div class="sidebar__container"></div>
           </aside>
      </div>
</div>

Answer 2

Hold