New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

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

Filtering files

From: Dreamweaver and WordPress: Core Concepts

Video: Filtering files

In some ways the dynamically-related files feature is too good. Once you've loaded a primary WordPress page into Dreamweaver, like this one picked up from the previous lesson, you'll get links to an overwhelming number of files. The Related Files Filter can help you narrow those down to just the ones you want. So now we have, as I said before, a little over 70 different files. Let me show you how to hone in on just the ones you want. This icon over on the top-right opens up the Filter Related Files dropdown where initially you can see All Files Type.

Filtering files

In some ways the dynamically-related files feature is too good. Once you've loaded a primary WordPress page into Dreamweaver, like this one picked up from the previous lesson, you'll get links to an overwhelming number of files. The Related Files Filter can help you narrow those down to just the ones you want. So now we have, as I said before, a little over 70 different files. Let me show you how to hone in on just the ones you want. This icon over on the top-right opens up the Filter Related Files dropdown where initially you can see All Files Type.

Now there are three different file types that are included here, CSS, PHP, and XML. This list is populated dynamically depending on what the initial PHP file is related to. Not all will have XML files, for example, so we can disable that XML option if we like, as I deselect the XML option it disappears. Of course the file is not trashed, it's just hidden from view, and you can narrow the displayed files even further.

You of course have access to all the other PHP files like the wp-blog-header.php file. Let's say that you want to narrow the displayed files even further, and that you're only really interested in the CSS file. So I'll go back to my filter and deselect the PHP file type, and we're left with just the one PHP file that I currently have opened and style.css. You may be wondering why didn't the PHP file, that we're looking at disappear as well? Well, that's because we have it open, and Dreamweaver wants to be sure that you're finished working with it.

So to make it go away all you need to do is select the style.css file. Let's go back, and I'm going to show all the file types again, by choosing the top option in the filter Show All File Types. Now they're all back, because I want to show you another way to filter your files. Sometimes what you're looking for cannot be easily divided by file extension, you might be looking for a specific file. For this we go to the Custom Filter option. Let's open up the Filter dropdown one more time, and the last option on the list is Custom Filter.

So I'll select that, and a new dialog box opens up. Let's say we're looking for a file called header.php--that I happened to know the file name of--so I can type that directly into the field here and then click on OK. And again, because I'm on the style.css file that remains but here's my header.php file, and all the other files are gone, and once I select that style.css goes away. Now if I wanted to work with a series of files, I can easily do that through the Custom Filter option as well.

Let's reopen it, again go to the Filter icon, choose Custom Filter, and right after header.php I'm going to put in a Semicolon and enter in style.css. I'll click OK, and there's our two files. And this time when I click on style.css it shows up, and if I switch back to header, style.css is still available to me. The Custom Filter option also allows you to use wildcards.

So let's say I want to look for a file called footer, but I'm not sure if it's footer.php or wp-footer or some other file name. So I'm going to reopen Custom Filter again. Add another Semicolon after style.css, and this time I'm going to put in Asterisk which is the wildcard, footer, and then follow that with another Asterisk so that will get any file that has footer in its name. I'll click on that and here we see a couple of footer files have shown up footer.php and sidebar-footer.php.

And now when you're ready to go back to seeing all the file types just simply click on the Filter icon one last time and choose Show All File Types. Now that you know how to filter through the related files, it makes using these dynamically-related files as a whole lot easier, doesn't it?

Show transcript

This video is part of

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

55 video lessons · 50772 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

Are you sure you want to delete this note?

No

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.