WordPress. Different design for different pages within the same theme.

Started by -DM-, Aug 01, 2022, 02:15 AM

Previous topic - Next topic

-DM-Topic starter

Quote from: _AnnA_ on Aug 01, 2022, 10:01 AMAs soon as you show a specific page and give the image address.
First of all, thank you for your patience and participation!

I sent you the link in a private message. I don't want to publish my unfinished work for everyone. Superstitious. :)

I need the right parts (where the WP pages are):
http://go...iris.html (https://blog...s-art-iris-concept/
and
http://go...miracle.html (https://blog...miracle-concept/)

looked and worked the same as the right side
http://go. (https://blog.)

That is, the header also opened to the full page, and the menu "sticked" to the top of the screen, but the picture in the header was different.
I tried to "replace" the image at the js level hand-to-hand, but it's not so simple there - the template uses several sizes of the image on the splash screen.

I also tried using js to add the home and twentyseventeen-front-page classes to the body classes,
but the menu and title start to work crookedly, it seems that there are still some classes missing from other elements, or the main page in this Template (Twenty Seventeen) is processed by unique scripts...

Quote from: _AnnA_ on Aug 01, 2022, 10:01 AMSet the width of the left side strictly in pixels (X px), the width of the right side - (100% - X px) and specify the minimum width of 1px.

I need the user to be able to move the "red" border left and right with the mouse
plus the editor in the left frame, on smartphones automatically occupied the entire width of the screen (that is, "specify the width of the left side strictly in pixels" - does not fit conceptually)

(I tried a lot of approaches on js, but only the concept of frames works most stably, because this is processing by the browser code.
All the variants of the js code that I have tried either give the mouse off the "red line",
or at some point they "break" the layout on smartphones and tablets).
  •  

Newport

Quote from: -DM- on Aug 01, 2022, 07:48 AMI have been looking for a functionality for a very long time that can replace the concept of a frame - smoothly change the width, so that there are no jerks and the mouse cursor did not fall off the "separator" and I would be very grateful if you could tell me how to do this using modern methods.

The concept of a frame is not about changing the width, but simultaneously displaying different documents (web pages, if "in a simple way") on one page. And this is evil in the modern world. Well, except for home consumption will do.

As for changing the width of mice, this is done now, and 10 years ago, using js and css (in general, it's better to immediately build the site's architecture so that you don't need to do this). There is only one problem - it needs a specialist. A specialist with knowledge of WP, not just js.
  •  

_AnnA_

Quote from: -DM- on Aug 01, 2022, 10:25 AMI need the right parts (where the WP pages are):
http://go...iris.html (https://blog...s-art-iris-concept/
and
http://go...miracle.html (https://blog...miracle-concept/)

looked and worked the same as the right side
http://go. (https://blog.)

Using the Custom body class plugin or any similar add the twentyseventeen-front-page class to the selected pages and add the rule to the additional styles
CSS Highlight Code
1
2
3
.page-id-138 #wp-custom-header img{
    content: url(https://full_path_to/images.jpg);
}
here .page-id-138 - id of the page on which you want to replace the image
repeat the required number of times.

Quote from: -DM- on Aug 01, 2022, 10:25 AMtried to "replace" the image at the js level hand-to-hand, but it's not so simple there - the template uses several sizes of the image on the splashscreen.

Why do you need WP if you crawl into the page code for every sneeze?
  •  

-DM-Topic starter

Quote from: _AnnA_ on Aug 01, 2022, 12:33 PMWhy do you need WP if you crawl into the page code for every sneeze?

Probably because I know js and don't know WP, I'm imprisoned for something else, so to speak...  ;D

THANK YOU VERY MUCH!!!!!!!!!!  :)
  •