Studio

Studio is a Responsive, clean and modern WordPress Theme that works for any type of site. It comes with few dozen customization to personalize the look and feel. Enjoy the layout that scales perfectly on all mobile devices. This theme is translation ready. Check out Support Forum at https://catchthemes.com/support-forum/forum/studio-free/ and Demo at https://catchthemes.com/demo/studio/

Features in “Studio” Free Theme:

  1. Responsive Design
  2. Site Identity: Option to add/edit Custom Logo and option to disable/enable site tile and identity and option to change Site Icon (Favicon/Webclip Icon)
  3. Color: Option to select Header Text Color and Background Color
  4. Header Image: Option to add Custom Header Image
  5. Background Image: Option to select Background Image
  6. Menus: Option to use Primary Menu and Social Menu
  7. Comment Options: Option to enable/disable Comment or Use WordPress Settong and enable/disable Website Field
  8. Custom CSS Options: Option to add your own CSS style to change the design as per you need
  9. Excerpt Options: Option to change Excerpt Length and Read More Text
  10. Homepage/Frontpage Options: Select option to show post from selective category
  11. Layout Options:
    1. Default Layout: Option to choose from i. Primary Sidebar,content, ii. Content, Primary Sidebar and iii. No Sidebar
    2. Archive Content Layout: Option to Show Excerpt(Image Top) and Show Full Content(No Featured Image)
  12. Pagination Options: Option to choose Pagination type from Default, Numeric (Requires WP-PageNavi Plugin), Infinite Scroll(Click and Scroll: Requires JetPack Plugin with Infinite Scroll module enabled)
  13. Search Options: Option to change default display text in Search
  14. Infinite Scroll (via Jetpack)
  15. Responsive Videos(via Jetpack)
  16. Social Menu : 23 different social icons to choose from
  17. Sidebar: 3 Sidebars registered: Footer Widget(left), Footer Widget(right) and Primary Sidebar

Installation Using the WordPress Administration Panel #

You can download Themes directly to your blog by using the Add New Themes option in the Appearance sub-menu.

  1. Log in to the WordPress Administration Panel
  2. Click on “Appearance => Themes => Add New”
  3. Type “Studio” in the search box and click on Search
  4. It will show the Catch Box Thumbnail and details
  5. Click on “Install” and then “Activate” to install the Theme

Manual Installation using FTP

To add a new Theme to your WordPress installation, follow these basic steps:

  1. Download Studio from your Catch Themes site at https://catchthemes.com/themes/studio/ to your Desktop
  2. Unzip studio.zip to your Desktop
  3. Using an FTP client to access your host web server. Go to /wp-content/themes/ and make sure that you do not already have a studio folder installed. If you do, then back it up and remove it from /wp-content/themes/ before uploading your copy of Studio
  4. Upload Studio to /wp-content/themes/
  5. Activate Studio through “Appearance => Themes”, in your WordPress Dashboard

Updating Theme Using the Administration Panel #

You can update Themes directly from the Administration Panel using Catch Updater plugin. Click here to read details about Catch Updater plugin.

Updating Theme Using FTP

To update Theme though FTP, follow these basic steps:

  1. Download Studio from your Catch Themes site at https://catchthemes.com/themes/studio/ to your Desktop
  2. Unzip studio.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Studio Theme which shall replace the old files

This theme relies heavily on Featured Images. If your post is missing a Featured Image, the post image will not show up on homepage, on archived pages and on Featured Page Slider Content. Click Here to see how to add Featured Image in your Post/Page.

Image Sizes:

Featured Page Slider
Width: 1200px
Height: 514px

Featured Image: Excerpt Featured Image
Width: 924px
Height: 520px

How to add Featured Image in Post/Page?

  1. Open the editor of the post/page where you want to display image, and locate the Featured Image module in the bottom right corner under Page Attributes. Click on Set featured image.
  2. Then you can either upload the image from your computer or select the existing image from your media library and click on Set Featured Image.Click to view screenshot
  3. For more detail, click here to watch video Screencast

Regenerate Thumbnails #

If you have just changed your theme then you need to regenerate image thumbnail for post published before activating this theme. You can simply install Regenerate Thumbnails Plugin. Then Regenerate Thumbnails through “Tools => Regen. Thumbnails” in your WordPress Dashboard.

Widgets #

Studio currently has 3 widgetized (Sidebar) areas that are Footer Widget(left),Footer Widget(right) and Primary Sidebar. You can add a variety of Widgets to this theme from “Appearance => Widgets” or “Appearance => Customize => Widgets” in WordPress.

Studio offers exciting Menu Options! This theme supports and recommends using “Custom Menus”. You can create Custom Menu through “Appearance => Menus” from your WordPress Dashboard.

  • For more detail, Click here to watch video Screencast
  • Select Menu Locations
    You can assign your custom menu in 2 different locations. You assign it either from “Appearance => Customize => Menus” or from “Appearance => Menus => Manage Locations”
    Select your Custom Menu as Primary Menu to display it as the Main Menu, which will replace the default Page Menu
    Select your Custom Menu as Social Menu to display Menu below Primary Menu

    Studio allows you display links to your social media profiles, like Twitter and Facebook, with icons.

    1. Create a new Custom Menu, and assign it to the Social Links Menu location
    2. Add links to each of your social services using the Links panel
    3. Icons for your social links will automatically appear if it’s available

    Available icons: (Linking to any of the following sites will automatically display its icon in your social menu).
    * Codepen
    * Digg
    * Dribbble
    * Dropbox
    * Facebook
    * Flickr
    * Foursquare
    * GitHub
    * Google+
    * Instagram
    * LinkedIn
    * Email (mailto: links)
    * Pinterest
    * Pocket
    * PollDaddy
    * Reddit
    * RSS Feed (URLs with /feed/)
    * Spotify
    * StumbleUpon
    * Tumblr
    * Twitch
    * Twitter
    * Vimeo
    * WordPress
    * YouTube
    Social networks that aren’t currently supported will be indicated by a generic share icon.

    Customizer (Theme Options) #

    You can customize this theme using cool additional features through Customizer at “Appearance => Customize” from your WordPress Dashboard.

    1. Go to “Appearance => Customize => Site Identity”
    2. Uncheck “Check to disable logo” and it will display default logo
    3. You can replace the default logo by clicking on it, or click on “Change Image”
    4. Then you can either upload the image from your computer or select the existing image from your media library
    5. Finally, click on “Save & Publish”

    How to add Site Icon? #

    1. Go to “Appearance => Customize => Site Identity”
    2. Click on “Select File” under Site Icon
    3. You can replace the default logo by clicking on it, or click on “Change Image”
    4. Then you can either upload the image from your computer or select the existing image from your media library
    5. Finally, click on “Save & Publish”

    How to Custom Header Image? #

    1. Go to “Appearance => Customize => Header Image”
    2. Click on “Add new image” then you can either upload the image from your computer or select the existing image from your media library
    3. Finally, click on “Save & Publish”

    Comment Options #

    1. Go to “Appearance => Customize => Theme Options => Comment Options”
    2. Under Comment Option select the desired option Use WordPress Setting, Disable in Pages or Disable Completely
    3. To Disable Website Field check option, Check to Disable Website Field
    4. Finally, click on “Save & Publish”

    Custom CSS #

    You can add your custom CSS that will overwrite the theme CSS for further design customization through “Appearance => Customize => Theme Options => Custom CSS Options”, in your WordPress Dashboard.

  • For more detail, Click here to watch video Screencast
  • Note: If you are doing heavy customization and adding lot of custom css then we recommended to build Child Theme and add it in your child theme style.css file. Read More about child theme…

    How to Change the Excerpt Length and Read More Text? #

    1. Go to “Appearance => Customize => Theme Options => Excerpt Options”
    2. Type in the Excerpt Length as in, the number of words, and Read More Text
    3. Finally, click on “Save & Publish”

    How to Set Certain Categories to Display in Homepage/Frontpage? #

    1. Go to “Appearance => Customize => Theme Options => Homepage/Frontpage Options”
    2. Then select the category you want, and you may select multiple categories by holding down the CTRL key(windows) and Command Key(Mac)
    3. Finally, click on “Save & Publish”

    Layout Options #

    Studio has 3 Default Layout options and 2 Archive Content Layout “Appearance => Customize => Theme Options => Layout Options”

    Default Layout
    Once you are in Layout Options, you can Check the box below “Default Layout Options” which will set our site layout.

    Archive Content Layout
    Once you are in Layout Options, you can Check the box below “Archive Content Layout” which will set our site archive layout.

    How to change Pagination Options? #

    1. Go to “Appearance => Customize => Theme Options => Pagination Options”
    2. Under Pagination Type, select desired option
    3. Finally, click on “Save & Publish”

    How to change default text in search box? #

    1. Go to “Appearance => Customize => Theme Options => Search Options”
    2. Change the text below “Display Default Text in Search”
    3. Finally, click on “Save & Publish”

    Embed Multimedia into Posts or Pages #

    For externally hosted videos (for example a YouTube or Vimeo video), you can directly paste the link of your video page into the content editor. You do not necessarily have to paste the embed code in the content. WordPress will automatically embed the video from the link.

    Webmaster Tools #

    We have moved Webmaster Tools to our plugin Catch Web Tools for better management and data access. So, just install Catch Web Tools plugin and activate “Webmaster Tools” from Catch Web Tools plugin dashboard. You can verify your site on Google, Yahoo and Bing by adding in the IDs in the respective boxes through “Catch Web Tools => Webmaster Tools” in your WordPress Dashboard. Further, you can add in the Google Analytic. Adding scripts in Header and Footer does not require you to edit codes through Webmaster Tools.

    How to Insert Site Verification IDs?

    1. Go to “Catch Web Tools => Webmaster Tools => Site Verification” in your WordPress Dashboard
    2. Enter the Site Verification ID (Google, Yahoo, Bing) wherever you wish to verify your site
    3. Click on Save Changes button

    How to Insert Analytics / Other Scripts in Header/Footer?

    1. Go to “Catch Web Tools => Webmaster Tools => Header and Footer Scripts” in your WordPress Dashboard
    2. Here you can add in various scripts like, google, facebook etc.
    3. Enter the script in upper text area, for text/script you want to load on Header
    4. Enter the script in lower text area, for text/script you want to load on Footer
    5. Click on Save Changes button

    Recommended Plugins
    * Catch Web Tools for Webmaster Tools, To Top, Catch IDs and so on
    * Essential Content Type
    * Contact Form 7 for Contact Form
    * WP-PageNavi for Numeric Pagination
    * Regenerate Thumbnails for Regenerating Thumbnails
    * Jetpack for Infinite Scroll, Gallery, Stats, Image CDN and many more