Learning/How to create a frame in Wordpress? What CMS systems do you recommend?

Question

CMS

1) I need to create a similar frame in Wordress but at the moment I have no idea how to create such a frame.
2) Now I'm just starting to work in it and it's very difficult for me because Wordpress is very hampering your actions and it's very unusual, although from many sides it is both good and bad. If someone can then please send articles to learn how to work on Wordpress and also maybe some convenient and useful plugins that would make life easier.
3) Also, can you tell me what good cms systems are available so that they can be easily integrated into the finished site and, accordingly, would perform well their functionality.

Answer 1

https://codepen.io/artem-zolin/embed/WNEGegM

Answer 2

The frame is made on css
To learn WordPress:
https://codex.wordpress.org/
https://wp-kama.ru/
https://www.udemy.com/course/become-a-wordpress-de...

Answer 3

This is not done by Wordpress/Bitrix/Opencart and so on. These are the basics of css.
All cms are good, but for different purposes. Without knowledge of the site structure, the basics of html and css, any platform will hinder movement. Plugins alone won't take you far. Here, either delve into it yourself or hire an IT specialist.

Answer 4

You can use this code. This is in css styles paste in wp

.kartinka-test	{
border-radius: 38px;
margin: 30px 0 0 30px;
}

.ramka-test { 
  border-radius: 38px;
  border: 1px solid red;
  height 300px;
  z-index: 2;
}
  
.ramka-obekt { 
  width: 720px;
  height: 400px;	
}

.child {
  position: absolute;
 }
  
.parent {
  position: relative;
}

And this is where to use

<div class="parent"><div class="ramka-obekt ramka-test child"></div>

  
<img class="kartinka-test child" src="здесь ссылка на картинку"/></div>

And adjust the dimensions you need