How to Update a hyperlink in Navigation Menu Easily?

I am working on a website with around 30 to 40 pages, Now the issue I am facing is that in the navigation menu, there are pages such as HOME, ABOUT US, TRIPS

So now there are many pages in the TRIPS drop down which I update regularly with new pages, now whenever I update a new page I have to hyperlink and change it in all the pages(Like HOME and ABOUT US). Which is very time consuming, is there a easier way to do change hyperlink on all pages?

Use a templating engine like pug.

With includes, you can separate the list of links into an additional file, so you only have to modify them in one place.

After that, use the CLI to render/generate your static HTML files.

That pug is awesome. And not only the php files even the css and js files but can i use it with apache?

@lichtjaeger Since he already wrote the sites, I am against adding in such a basic software this late. It's more trouble than it's worth it imho.

Yes, you can serve .pug files with apache, but in this case, you need Node in addition to or instead of your php.

For this reason, I referred to the Pug CLI. With this tool, you can convert the .pug files to .html files.

For example the following project directory:

project-name
| - dist
| - src
| | - index.pug
| | - _assets
| | | - navigation.pug

With the command pug src -o dist you generate:

project-name
| - dist
| | - index.html
| - src
| | - index.pug
| | - _assets
| | | - navigation.pug

But it is like @maruru said. Pug is another language and it is hard to implement it in this state of the project. I used Pug as an example because I'm familiar with it.

There are other template languages with a more html like syntax. A quick google search and I found Twig for php and ejs (with CLI).

Thread

How to Update a hyperlink in Navigation Menu Easily?

Responses(1)

Recent threads

Search Hashnode

How to Update a hyperlink in Navigation Menu Easily?

Responses(1)

Recent threads