WordPress. Different design for different pages

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

Previous topic - Next topic

-DM-Topic starter

I'm in need of practical guidance. My Twenty Seventeen themed blog was initially centered on a single topic, which led to an abundance of information within the "Chat", FAQ, and other sections.
The blog's design, featuring a header image, also aligns with the original theme. However, now we desire to include additional sections covering related topics, each with a unique header image.

These sections should also utilize "master pages" that behave identically to the main page, complete with the fully expanded header image. Creating entirely new blogs and linking them together seems like an unwise decision due to potential confusion among users, along with the inconvenience of registration and plugins.

Are there any recommendations you can provide that would circumvent strenuous modifications or restructuring of the theme, utilizing the standard template's built-in WP functionality or cunning plugins?
  •  
    The following users thanked this post: Sevad

Ali_Pro

If I comprehend your wishes adequately, it would be best to configure custom content types for the "new blogs", and create tailored templates for each. To achieve this, make sure to establish a child theme.
 Fortunately, WordPress has built-in features that support these actions, and various plugins are available to simplify the process.
Ali.
  •  

_AnnA_

Well what can we say?
Learn css.
Or install a profile plugin, SiteOrigin CSS for example.
It remains then to modify a little by hand.
  •  

-DM-Topic starter

Probably worth explaining more...

There is a site.
A blog opens in its right frame.

The blog has (in WP terms) "Home" and sections: "help me!", "the works", "chat", "guides".

I need to make two more pages with a different header image, which will be with the same template as the current "home" page, but with a different image at the top (in the header).

Plus, when loading these two pages, the header image should also open in full, and the menu should lead to the same sections ("help me!", "the works", "chat", "guides") as now.
  •  

_AnnA_

Two options:

1. Make a new template where the picture is located. In your case, most likely header.php.

2. With the help of php, you can replace images from one to another for certain pages.
  •  

Newport

Change the image using css - one line, without additional dancing.

Are you talking about the s-art website?
By the way, do you know that the right frame is not visible on the phone?
  •  

-DM-Topic starter

Quote from: Newport on Aug 01, 2022, 06:12 AMAre you talking about the s-art website?

Yes, about this project.
I'll deal with adaptability a little later, there is the simplest topic, without unnecessary difficulties.
Now it is important to solve this problem.
  •  

_AnnA_

Quote from: -DM- on Aug 01, 2022, 04:58 AMA blog opens in its right frame.

On the calendar 2022. What frames can!!!  ;)

Quote from: -DM- on Aug 01, 2022, 04:58 AMThe blog has (in WP terms) "Home" and sections: "help me!", "the works", "chat", "guides"

There are no "partitions" in VP terms at all.
"Main page" in terms of VP - page. And she was chosen as the main one.
And "help me!" is a record. I suspect that the rest too (too lazy to check).
But here's what is under the "guides" and "templates" items - these are the headings (accordingly with the entries .. should be ..).
And if you want to have "exactly the same, but different" (c), then you need custom types.

In your case, most likely header.php.
Look at the theme code
  •  

-DM-Topic starter

Quote from: Newport on Aug 01, 2022, 06:12 AMChange the image using css - one line, without additional dancing.
I would be extremely grateful to you if you wrote what specific line, and in what CSS it should be inserted.
Unfortunately, I practically do not understand the structure of WP.

Post correction:
Quote from: Newport on Aug 01, 2022, 06:12 AMBy the way, do you know that the right frame is not visible on the phone?
Yes, that's what frames were made for. =)

Quote from: _AnnA_ on Aug 01, 2022, 07:21 AMOn the calendar 2022. What frames can!!!  ;)
I 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.
  •  

_AnnA_

Quote from: -DM- on Aug 01, 2022, 07:48 AMI would be extremely grateful to you if you wrote what specific line, and in what CSS it should be inserted.

As soon as you show a specific page and give the image address.

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.

Set 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.
  •