Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Following links

From: Dreamweaver and WordPress: Core Concepts

Video: Following links

Live view is great for checking the page or working on it in Dreamweaver to make sure that your CSS and other aspects are just the way you want them. But wouldn't it would be great if you could verify that the links to other pages in your site, or away from your site even, work as well? Well, you actually can, by working with the Follow Links feature. Let me show you how it works. So here we are in Live view that will open up our blog page, and there's just a few links down below, if I scroll down that we can access.

Following links

Live view is great for checking the page or working on it in Dreamweaver to make sure that your CSS and other aspects are just the way you want them. But wouldn't it would be great if you could verify that the links to other pages in your site, or away from your site even, work as well? Well, you actually can, by working with the Follow Links feature. Let me show you how it works. So here we are in Live view that will open up our blog page, and there's just a few links down below, if I scroll down that we can access.

Now normally in Dreamweaver if I go up to a link, and I'm in Live view, you can see where I hover it, and you can see the underline up here as well as the pointer turn into a hand, indicating that it's a link. However, if I click on it nothing happens. Oh, well that's not quite true. Clicking on it does allow me to inspect the current styles over here in the CSS Styles panel. Now say I wanted to see how this linked page look in comparison to the Homepage.

Notice the Location field that you see up here in the Toolbar available to us now that we're in Live view. As you can see, it goes through the URL address that we set up earlier and pointing to our blog, starting with a localhost, our web server, the Roux Academy, the folder, and blog our WordPress folder. Now because we're looking at this blog page I can use this address bar to go to any other page within the site directly. So if I wanted to go to the homepage of the site I can get rid of the blog folder and type in index.htm, and hit Return or Enter, and there is the homepage for the site.

This is the site that we're going to be converting the blog to. Now if I want to go back to where I was to the initial page that open I can click on the homepage icon and the URL changes in the address field. In this situation, the Home icon will take you to the page that you originally opened in Dreamweaver. If you want to follow a link, you have two options, and those can be found here in the Live view options list. The first option Follow Link (Command-click Link) is the default.

On the PC you will see Ctrl-click Link, so let me demonstrate that by going down, and I'll hover over this Comment link, which says 1 Reply. This time, although you can't see it, trust me on this, I'm going to press the Command key and Click, and now it goes to another blog page that has the comment that you see here, and as you can see, up in the address field, especially when the tooltip opens up, there is a unique URL there.

It's not a specific page, but it is passing arguments to the PHP server. And, as you can see, scrolling up just a little bit, we have our Header area, is the same, but the content has changed. I'll return by clicking the Back button, and it works just like the browser. So now let's change that option under the Live view options so that we follow the links continuously. For this we won't have to hold down the Command or Ctrl key, so now I'll scroll down again to where the links are, and this is another trust me situation where I have my hands away from the keyboard, and I'm just going to click on the mouse on the comment one more time.

And again we go directly to that link. All right. Let's head back one last time, and I want to show you another feature. Here is a link to WordPress.org and even though this is not one of the local pages on your web server, I can click on it, and we'll go to the WordPress.org site, which you could if you wanted to explore at your leisure. Now let's go back to our original page by clicking on the Home icon. This ability to follow links within Dreamweaver not only ensures that your pages are connected properly but as you'll see it will also allow you to make changes to the linked pages as you grow your WordPress site.

Show transcript

This video is part of

Image for Dreamweaver and WordPress: Core Concepts
Dreamweaver and WordPress: Core Concepts

55 video lessons · 51330 viewers

Joseph Lowery
Author

 
Expand all | Collapse all
  1. 4m 7s
    1. Welcome
      58s
    2. Using the exercise files
      1m 54s
    3. A word about updates
      1m 15s
  2. 15m 28s
    1. Overview
      1m 51s
    2. Creating the database and the initial site
      3m 45s
    3. Configuring WordPress
      5m 54s
    4. Establishing a Dreamweaver site
      3m 58s
  3. 20m 18s
    1. Accessing dynamically related files
      4m 12s
    2. Filtering files
      4m 20s
    3. Following links
      4m 15s
    4. Employing Live Code
      2m 54s
    5. Enabling site-specific code hinting
      4m 37s
  4. 21m 8s
    1. Adding blog posts
      4m 55s
    2. Editing blog posts
      3m 20s
    3. Adding new pages
      2m 59s
    4. Including images
      6m 59s
    5. Adding videos to posts
      2m 55s
  5. 18m 12s
    1. Understanding WordPress structure
      3m 52s
    2. Activating a theme
      7m 21s
    3. Setting up a child theme
      6m 59s
  6. 1h 29m
    1. Updating the page structure and the background
      12m 53s
    2. Working with web fonts
      4m 3s
    3. Styling a header
      11m 48s
    4. Adding header functions
      7m 40s
    5. Setting up content columns
      10m 9s
    6. Changing the main content
      5m 17s
    7. Managing the content code
      4m 48s
    8. Customizing the sidebar
      10m 32s
    9. Styling search
      7m 8s
    10. Working with search text
      5m 49s
    11. Integrating the footer
      9m 40s
  7. 27m 18s
    1. Setting up media queries
      6m 12s
    2. Customizing for tablets
      12m 19s
    3. Building smartphone layouts
      8m 47s
  8. 23m 28s
    1. Working with categories and posts
      5m 31s
    2. Developing category-driven pages
      11m 22s
    3. Changing headers by category
      6m 35s
  9. 36m 32s
    1. Adding Spry accordion panels
      17m 44s
    2. Working with Spry form validation
      11m 56s
    3. Integrating jQuery functionality
      6m 52s
  10. 11m 7s
    1. Understanding WordPress plugins
      6m 20s
    2. Styling plugin output
      4m 47s
  11. 25m 44s
    1. Customizing the Dashboard
      6m 52s
    2. Working with WordPress functions
      8m 7s
    3. Including administration interactivity
      10m 45s
  12. 13m 10s
    1. Setting up the data in WordPress
      2m 17s
    2. Adding dynamic data from WordPress to your web pages
      10m 53s
  13. 11m 38s
    1. Modifying general settings
      4m 12s
    2. Setting up users
      3m 11s
    3. Restricting access to specific WordPress pages
      4m 15s
  14. 26m 38s
    1. Exporting and importing WordPress files
      7m 9s
    2. Backing up and restoring the database
      8m 10s
    3. Transferring files
      6m 3s
    4. Testing and fine-tuning
      5m 16s
  15. 18s
    1. Next steps
      18s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Dreamweaver and WordPress: Core Concepts.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.