I would like to understand how navigation works with sites with subdirectories.
For example, if I have this layout,
\index.php
\about_us\about_us.php
The navigation link for index.php to go back to homepage would be,
Home
Whereas the one in about_us.php would be,
Home
At the moment my solution is to simply put all the files in a subdirectory so that I can easily import the menu file into all the pages for easier management. For example,
\index\index.php
\about_us\about_us.php
I can then easily import a menu file,
<?php include 'menu.php'; ?>
...into all my pages since I only need,
Home
It doesn't seem like this is a good solution (everything in a subdirectory) for creating the navigation. Would like some advise on how this is done please. :) Thank you all.
In general, it is considered best-practice to use relative URLs, so
that your website will not be bound to the base URL of where it is
currently deployed. For example, it will be able to work on localhost,
as well as on your public domain, without modifications.
-Daniel Vassallo.
However, if you are pretty sure you don't need relative URLs, you can use absolute URLs. In your case, to link to homepage from everywhere with the same anchor tag you would use:
Home
Related
I want to make multiple pages on my website, but to keep everything clean I want to make different directoriess with the different pages. However, I use php to make a different file with my header that is included in all my pages, so I only have to change the code of my header once and it will be the same on all pages.
The problem is that the links I use in my menu items (like home, contact, about, etc.) will not work anymore when you're on a page inside a directory (I'll make an example below).
So my question:
Is there a home folder on a website (like ~/ on unix) or is there another way to make it work?
Example of my directory structure:
htdocs
index.php
header.php
menus
contact.php
about.php
(a link to index.php won't work anymore if you're on the contact.php page)
Sounds like you're using relative paths in your menu links. Use an absolute path instead by starting with a "/":
Home
About
or a complete URL:
Home
About
The home directory of a website can be accessed with a simple '/' at the start of the link you want to add. From there you can enter subfolders by appending the folder name.
Example:
'example.com/subfolder/subsubfolder/page.html'
Im running a site on MySQL/Apache/PHP and it contains a couple of pages and a top menu to help navigating between them.
In order to provide a spanish version of the site, I have created a subdirectory called /es and essentially copied the whole site and pasted it in that directory.
In a new htaccess file in this subdirectory, I would like an urlrewrite formula that modifies all relative links in this subdirectory. For example I want the link "/pages/about.html" to become "/es/pages/about.html". Essentially, I want "/es/" to be prepended to every relative url.
Is this possible? Is this a reasonable way to proceed when making new language variants of my site?
I have my own made PHP Framework where the links in the browser are recognized like this.(my folder is called pro and it is stored in htdocs folder)
localhost/pro/data/entry
data: controller
entry: action
PHP Developers who use frameworks are familiar with this, and I can use this method without any problem. But the problems come when I want to make normal anchor links to documents, pages or stylesheets. When i do a normal link like this:
<a href="localhost/pro/application/view/data/css/style.css>
The browser considers controllers and actions and I need that they are seen like normal relative links?
How can i make normal relative anchor links without the browser to consider the controllers and actions.
Remove "localhost" and thats an absolute path.
<a href="/pro/application/view/data/css/style.css">
And if you want it relative to the script path ( let's supose its on the view folder ).
<a href="./data/css/style.css">
I have a WordPress site where one of the pages that WordPress serve is an SPA based on AngularJS. The Angular-app uses html5mode so that I can browse to http://localhost/79133/71 and I'm still showing index.html. Now I want to deploy this to my WordPress site so that one of the pages under WordPress (the main page) is my SPA. However, if I browse to http://example.com/79133/71 WordPress will try to find the page with the permalink 79133/71 and won't understand that the main page should be served. How can i configure WordPress so that these new "routes" will be pointing to the first page?
I'm not an expert on WordPress, but in order to get html5mode to work in angular:
Any route starting with /your_spa needs to serve the main page (index.html) of your app.
You must ensure that any resources referenced in your spa (for example, /assets/themes/theme.css) needs to point to the correct location, even if your location url is your_spa/your/spa/page. This means no relative paths unless you use the base tag.
Here's a tutorial on how to configure the router in wordpress. I don't use wordpress so I'm sorry that I
It seems like a lot of trouble, and I would just use the default hash routes if possible.
I had the same basic issue, and solved it. Your situation is slightly different but I think you need something like:
function spa_rewrite() {
add_rewrite_rule('79133/71', '/', 'top');
}
add_action('init', 'spa_rewrite');
In practise you'll need to use some regex to make this more flexible
So in the included image, you can see a copy of the website I'm currently working on. The site is going to have separate pages for each of the company's machines. Obviously the navigation bar and menu bar are going to be the same throughout the whole website so I thought I'd make use of a single line of PHP script to just load the menu in each time.
http://i.imgur.com/spVS3a4.png
(Attached image as I do not have +10 rep yet)
Though, from what I understand, the pages within folders (Not within root) wont be able to link to the rest of the site without the use of ../ within the href.
So if I load the menu part of the site containing the navbar, etc, it won't work on all the pages because they'll all be within different folders, meaning every folder will need it's own version of the navbar PHP import.
Am I going about this the wrong way? I'm just trying to minimize the amount of code I'm using on each page. Not only that, but once I finish the site if I have to make a change to the menu-bar, I don't want to have to update 30-40+ pages. I figured the PHP import would save me that sort of trouble? Is there a better way of doing this that isn't terribly complicated?
It should also be noted that I'm doing this in HTML5 with Twitter-Bootstrap as my main CSS.
I would also be making a similar PHP call that would import a footer as well.
If I missed anything that could be of help, please do ask.
TL;DR - How do I make links work throughout the entirety of the site, regardless of where they are in the folder hierarchy. Thought about using a tiny PHP script that would contain the menubar, etc and would be loaded on every single page. Though I'm not sure if that will work due to folders?
Try to start your links from /. This means that url is started from site root.
For example:
Patch Kettles
Just define a constant with the root path and echo it within all the links inside the pages that are contained in a folder like this:
[Put this in a file that you include through out your whole website (e.g. like the file with your database connection if you have one)]
define('BASE_URL' , 'http://'.$_SERVER['HTTP_HOST'].'/');
Than just add an echo in the start of each link:
Home
And for images the same thing:
<img src="<?php echo BASE_URL; ?>images/img_01.jpg"/>
You can just use /path/to/image.jpg to get absolute paths, while still being fine if your domain name ever changes.