Chủ Nhật, 28 tháng 2, 2016

BeTheme V11.9 – Responsive Multi-Purpose WordPress Theme Free

BeTheme – Responsive Multi-Purpose WordPress Theme is the best Multi-Purpose WordPress Theme ever. This theme is a most popular multipurpose theme from muffingroup.  Betheme have a series of demo layouts including an Tea, Toy, beauty, gym, fitness, photography and more. Looking at the demo site here, it’s pretty apparent that the designer of muffingroup put a lot of emphasis on featured images. They appear very large at the top of each post and they take up a lot of space on the site as a whole. And as you’ll see later in the course, when you start using the featured content area, featured images become crucial for that content area to work and look nice.
Version 11.9
* Added: Logo - Height & Vertical Padding
* Added: Polish Translation
* Fixed: Responsive OFF - Header: Stack Center
* Fixed: Responsive OFF - Layout with Sidebar - Content width
* Fixed: Section - Equal Height of Items in wrap
* Fixed: Header Creative - Text Logo
* Improved: Preformance - The number of HTTP requests reduced
* Improved: Preformance - The size of CSS files reduced
* Improved: Style Simple - HTML Tables - Disable Rows Hover
* Improved: Brazilian Translation
* Removed: custom.css file - Please use child theme instead
* Demos: Kebab, Holding

- functions.php
- rtl.css
- style-responsive.php
- style.css
- style.php
- css/base.css
- css/buttons.css *
- css/custom.css *
- css/grid.css *
- css/layout.css
- css/responsive-off.css
- css/responsive.css
- css/shortcodes.css
- css/style-simple.css *
- css/variables.css *
- functions/importer
- functions/theme-head.php
- includes/header-creative.php
- js/scripts.js
- languages
- muffin-options/css/options.css
- muffin-options/theme-options.php

Hotmagazine – News & Magazine WordPress Theme Free Download

HOTMAGAZINE is a comprehensive WordPress theme for widespread use. Ithas a clean and minimalist design. This is the current trend on the web, and especially when you’re creating a website for a Fashion, Sport, Design, Games Themes, Games, Tech Magazine, Blog or other type of special event.It’s important to have a clean and minimalist design so that the message on the pages, and also the images, really stand out. Contains everything you should include in magazine theme.
Change Log for Hotmagazine v1.2  Dated  20.02.2016
-Update Demo Data
Change Log for Hotmagazine v1.1  Dated  19.02.2016
- Include Child Theme

Thứ Hai, 22 tháng 2, 2016

Salient – Responsive Multi-Purpose Theme – WordPress Theme Free Download

Salient – Responsive Multi-Purpose Theme is simply an exclusive and ultra-sleek WordPress theme for blog, portfolio, photography site, freelancers or studios. This theme is ready for WordPress 4.4+ and comes with a fully responsive layout that runs smoothly on any types of devices. This theme is easy to customizer for live theme options, a beautiful parallax header image, custom logo, sharp typography, and looks amazing on mobile devices.
Salient theme future is also retina ready and will look sharp on high resolution displays. It’s powered with custom menu, custom header, sidebar widget, featured image, theme options, nice typography. It’s come with 2 single post layouts, 4 Stylish Blog Layouts and more

Thứ Bảy, 20 tháng 2, 2016

VideoTube V2.2.6 – A Responsive Video WordPress Theme


VideoTube V2.2.6 is a powerful wordpress theme that has been built specifically for creating a website to display video. You can use embeddable video formats for just about any video uploading service, such as YouTube, Vimeo or Google Picasa(use some plugin).  The theme includes automatic video resizing for thumbnails, has a like button and view counter and comes with easy to change theme colors.

Jupiter - Multi-Purpose Responsive Theme

Jupiter - featured img
Jupiter - Multi-Purpose Responsive Theme is one of the best multi-purpose landing page WordPress themes. This theme is a perfect solution for all kinds of businesses from corporations, shop owners and small businesses to startups, artists and bloggers. Jupiter WordPress Theme Developed by an elite author, Artbees currently boasting over 30,000 sales.
easy to buildThe theme is simple yet powerful, with highly customizable features with powerful HTML5 technology and impressive, beautiful Parallax visual effects, allowing for amazing static websites and single page websites that are full of features and user interaction, with engaging hovering and scrolling effects as well. With Plugin drag and drop page builder, you can use for creating layout pages with no coding required
50 + style
With over 30,000 active users, Jupiter business wordpress theme gives you the power to create a unique-looking website with an easy-to-use drag and drop page builder that’s fully responsive, retina-ready, and SEO-optimised. On top of that, Jupiter comes equipped with the WooCommerce plugin to help give your business the exposure it needs by opening an online shop. You can also choose from 50+ business website templates as a quick start.

Flatsome | Responsive WooCommerce Theme Free Download

Flatsome - featured img
Flatsome | Responsive WooCommerce Theme Free Download is a clean WordPress theme perfect for building a powerful E-commerce page for your product. It includes tons of powerful customization tools that you can use for designing your landing page and ensuring that your product gets the spotlight. To help introduce your company and its work, Flatsome theme includes special templates for publishing client testimonials, completed projects, and key information about the services you 
Few site use flatsome theme
Flatsome - rentinaMost importantly, Flatsome is WooCommerce compatible to help you set up a decent online store for your business.
Flatsome responsive
Flatsome - smart checkout
Flatsome is a beautiful responsive theme inspired by modern eCommerce designs.
We’re a WooCommerce-only company that loves eCommerce and WordPress. We want your shop to look amazing and be loved by your customers!

Ronneby - High-Performance WordPress Theme Free Download


Ronneby is a versatile, multipurpose theme that can be used to create almost any type of website with WordPress. Ronneby - High-Performance WordPress Theme allows you to use the eye-catching parallax scrolling effect on the home page of your website. The home page of this theme also has room to accommodate a selection of your most impressive images. Together these aspects of the theme help you build a website that draws in visitors from the moment they arrive at your site. This theme is including 40+ demos content layout.

Ronneby has 40 designed demo layouts. You can install them in a manner of moments, and they allow you to start work immediately. Ronneby uses the excellent Visual Composer plugin to enable you to quickly and easily to edit demo layout suite for your idea. This means that you can create a unique site that is like no other, perfectly tailored to your awesome brand.
Ronneby 40+ style layouts

Highly Functional Multifaces WordPress theme

  • Built on Visual Composer
  • WordPress 4.2.2 tested and approved, compatible with WP 3.5+
  • Built with HTML5 and CSS3
  • Elaborated clean code for your convenience
  • Cross-browser compatibility: Chrome, FireFox, Safari, Opera, IE10
  • Totally responsive design with choose option
  • Understandable and easy Visual Composer
  • Organized options to manage sidebars, top panels and main content
  • Retina ready design with vector graphics
  • Automatic theme updates
  • Different sidebars variations
  • Amazing parallax effects both on rows and content
  • Fast and perfect performance while viewing
  • Includes 20+ demo layouts
  • Compatible with many popular plugins


  • Easy one click demo import to get the main theme files, layouts, sliders and widgets
  • Import of individual pre-built layouts available
  • Beautifully designed layouts
  • Coming soon page for prelaunched web site
  • WooCommerce shop layout with multiple options
  • Please pay attention that some of the images that we used on our demo are copyright protected.They are replaced by mockup in demo content.


  • Options fields to customize your site: Main options, Side area options, Social accounts, Post list options, WooCommerce options, Portfolio options, Styling options, Custom typography, Contact page options, Layout settings, Twitter panel options, Footer section options, Import/Export options and Theme update field
  • Enable or Disable nearly every element you see
  • Advanced options to enable/disable individual features
  • Full control over site width (full-width or boxed), content area and sidebars
  • Revolution slider included with updates provided
  • Different module animation styles included
  • 150+ amazing shortcodes variants: Buttons, Timelines, Testimonials, Presentation boxes, Images, Parallax and sliding modules, Icons, Recent news, Maps and many others
  • You can choose different styles in the Shortcodes
  • Fast and convenient Visual Builder
  • Vector icons for perfect retina design
  • Numerous background options: add parallax background images to Rows, style Menus, add as Header background, boxed content background or Client logos
  • Top page additional styling possibilities
  • Stunning Header styling variations
  • Footer customization options
  • Adding Video module to the page or as a row background
  • Unlimited button styles: you set the height and the shape of the button manually, also additional CSS rules allow even more options
  • Amazing Smooth scroll effect with no twitching and jerking
  • Useful widgets (Calendar, Instagram, Rss, Tab Cloud, Latest Tweets, Flirk Feed, etc.) with 4 primary styles and further modifying
  • Touch friendly interface for your convenient usage on smartphones and tablets
  • Sidebar generator allows you to create the unlimited number of sidebars to your taste
  • Google fonts plugin included
  • bbPress and BuddyPress plugins compatible


  • Select Main/Second/Third site color for easy customization
  • By choosing the background check you enable the fonts to adjust to the general background image hue
  • Choose the fonts color individually for every module


  • Use Google Fonts, Standard Fonts, or Upload Your Custom Font
  • Set different font sizes for all fonts, H1-H6 headings, body, footer, sidebar, etc
  • Set different font colors for titles, subtitles and body


  • WPML plugin ready and compatible
  • We provide you with po files ready for translation


  • Awesome and convenient WooCommerce shop layout
  • Choose options for products
  • Different sidebars options to keep everything at hand
  • Beautifully designed pricing tables


  • 25+ portfolio variations
  • 23 amazing portfolio hovers
  • Portfolio 1, 2, 3, 4, 5 Columns and Grid
  • Select specific categories to display, or show all works
  • Add no/full-width portfolio presentations
  • Awesome image rollovers with lightbox and link icons
  • Sidebars customization options
  • Use text, image, audio or video posts
  • Select the navigation you prefer
  • Enable or disable comments
  • Various Custom fields and their positions


  • 10+ blog page templates
  • Add Visual Builder modules to blog posts inner pages for more customizability
  • Use full width templates or boxed to your taste
  • Create multiple text, image, audio or video posts
  • Numerous sidebars and headers
  • Share module and Soc icons allow you to stay in touch with the whole world

Stockholm - A Genuinely Multi-Concept Theme Free Download


Stockholm - A Genuinely Multi-Concept WordPress theme is a beautiful Premium wordpress theme option for those looking for a modern, creative and responsive website. The theme is great for corporate users, since it has 20+ concept demos and will be update. Stockholm is 100% responsive and ready for any devices.

You can build anything you set your mind with Visual Composer plugin and over 600 Google Fonts for modifying your typography, all of which can turn your site into something special.
Stockholm demo content

Theme Features

  • Parallax Image/Video Slider
  • Unlimited Header Layouts
  • Unlimited Title Area Layouts
  • Customizable Mega Menu
  • Left Menu – with optional background image and color from page to page
  • Fullscreen Menu
  • Sticky Content Menu – menu created from selected sections on page
  • Anchor functionality in menu – easily navigate to any section on the same or different page
  • Side Area
  • Video Background Sections
  • Fixed Header (logo on the left and menu on the right)
  • Fixed Header (logo centered above menu centered with widgets on both sides of the logo featuring hidden menu on scroll displayed on mouse over)
  • Sticky Header (logo on the left and menu on the right)
  • Sticky Big Header (logo and menu on the left, menu below logo)
  • Sticky Left/Right Menu Header (logo centered with menu on both sides of the logo)
  • Header with Logo and Menu centered
  • Normal & Sticky Header Logo Versions
  • Optional Header Top widgets area
  • Expandable Search Field – Optional functionality in header right widget area
  • Customizable Footer – choose from 1 to 4 column layout, with regular or unfold functionality
  • AJAX Page Transitions – choose between 4 different animations, can be controlled globally or on page level
  • Visual Composer for WordPress ($25 value)
  • Parallax Sections
  • WooCommerce Integration
  • Interactive Infographics
  • Custom Post Formats: Standard, Gallery, Link, Quote, Video, Audio
  • Carousel Slider – Full-width carousel slider plugin
  • Multiple Portfolio List and Single Layouts
  • Multiple Blog List and Single Layouts
  • Blog Masonry Layout
  • Portfolio Masonry (regular and Pinterest style) Layout
  • Smooth Scroll – for Chrome and Opera browsers
  • LayerSlider Responsive WordPress Slider Plugin ($15 value)
  • Retina Ready
  • Multiple Custom Sidebars
  • Powerful Admin Interface
  • Highly Customizable
  • 30+ Custom Shortcodes
  • 600+ Google Fonts
  • Font Awesome and Font Elegant Icons set
  • Demo Content Import with One-Click
  • WPML Plugin Integration
  • Translation (po&mo files) Ready
  • SEO Optimized
  • Child Theme Ready

Professional Customer Support

[TUT] Show portfolio on genesis theme

tut portfolio genesis
First, we need to download the wordpress  plugin Genesis Portfolio Pro from GitHub, installed it, and activated it here on our site. This plugin creates a portfolio custom post type that we can use to separate portfolio type content from other content, say, a blog post. Adding the specific post type isn't necessary for everyone. For instance, if you have a small number of items to highlight, it may be easier to just create a regular blog post and assign it to a portfolio or work samples category.
So we have this menu option for portfolio items and it looks extremely similar to the menu option for post. Both have the options to view all items, add a new item, and then add a type or category.
tut portfolio genesis
The fancy term for these types or categories is taxonomies. They're stored the exact same way in the WordPress database and a taxonomy is simply a way to group related post. For the portfolio post type, those taxonomies are called portfolio types. So let's view all portfolio items.I've already gone ahead and added some in. Within each portfolio post, I've just inserted a regular WordPress image gallery and set a featured image. Of course you could add some text content in here as well, just like a regular post.
tut portfolio genesis
Since the portfolio for this site is relatively small, I've opted not to assign it a portfolio type. Of course, go ahead and use them if it helps with the organization of your content. The last thing I wanna point out is archive settings. This is a cool feature as of Genesis 2.0 that lets you add a headline and an intro to your archives along with some other settings. You can even insert HTML markup in this area, as I've done. I've added a link and styled it with the CSS class button to give me a call to action button on the archive.
tut portfolio genesis
I can use this class because my theme comes with some built in styles for that button class. As a matter of fact, most Genesis child themes have that button class, so chances are good you can use it. If you use theme altitude from studio press, you can change class="clear button white". The way to check would be to look at your style.css file, and do a quick search to see if you see that button reference. So let's go ahead and take a look at my portfolio archive. I can do that by clicking this link right here. Though here you can see my headline and my intro text and my button, and this is a three column grid layout that shows off each portfolio item.
Now if you wanted to change the appearance of this page, say make it a four column grid, you'd need to make edits to your child theme CSS file to override the CSS coming from the plugin. To see the content of these portfolio posts, I can click through and see the images I've added there. Now that we have our portfolio, the last step is to add it to our navigation so that our site visitors can easily find that. I'm gonna go back to my main portfolio page, and grab this URL.
Then I'm gonna go edit my menu by going to the menus link. You can also get there from the back-end by going to Appearance menus. I'm gonna enter this URL, and call it portfolio and add it to menu. And the cool thing about these menus is you can drag and drop. I'm gonna put mine right here by the contact button. Let's go ahead and save it, and take a look. And there it is! All right! We've really done most of the heavy lifting. Now we're off to some finishing touches before we prepare this site for launch.

The Retailer - Responsive WordPress Theme Free Download

The Retailer
The Retailer - Responsive WordPress Theme allow us to change the appearance and display of the public face and contents of our WordPress eCommerce. Want your site to look a certain way? This theme that all matches your needs, and you can build one shop foryourself. The great thing about using WordPress to build websites is that there are so many themes available. Pretty much one for every conceivable need, but that sheer volume of available themes also makes it hard to navigate the landscape, let alone find the exact theme that is right for you. So, when looking for a theme for your site, here are a few things to keep in mind.

Thứ Sáu, 19 tháng 2, 2016

How to add custom menu on wordpress website

- Looking at my list of Pages, I now have all the pages I planned for in my site inventory. The problem is if I jump to the front page of my siteyou'll see there's no logical way of getting to those pages. Because this is a default WordPress install and I haven't done any kind of customization to it yet, I only have my site title and tagline, a Search box, and then a bunch of widgets on the right hand side here that don't really make any sense for this kind of site, and then the welcome page. So now that I've added all the content in I need to create a custom menu to allow people to quickly navigate where they want to go.
Provides an easy way to create all the menus you want and you can assign those menus to different places on your site, either with your theme or as widgets. What I'm gonna do is create one main menu and display that in the main menu location for the theme I'm using. To start I need to create the menu itself, and I'll do that by going to the WordPress toolbar, hovering over the site title and selecting Menus, or if I'm on the back end I can also go to Appearance, and select Menus. I'll start out by creating a new menu, I'll call it Main Menu.

Click Create Menu to create the menu itself. And then I need to add content to my menu. Here I'll go to View All and just select all the items,because this time I want to display all my pages. Click Add to Menu, and all my (mumbling) are added. Now when I add a menu like this I get an alphabetical menu where every item is equally weighted, so there's no sub-items, everything is just on the same level. I also get a menu item at the very top, which is the home link, so this would be the home page.
And you'll notice, since I'm using a page as a home page that You're Invited features at the top and at the bottom because it's a (mumbling).So I need to remove one of these. I'll start off by going to You're Invited down here, clicking the down arrow, and then going to Remove this menu item. Now I get to reorganize my menu to make it structurally the way I want to. I'll start with the home page, because that makes sense, and I also want to end with my Contact page, so I'll grab that and drag it to the bottom. Then I want to organize my content as follows,I'll start with Our Story, and then The Engagement Photos will go under Our Story, so I'll pull that to the right so it's clearly docked underneath.
Then I have my Guest Info, and under Guest Info I want Hotels and What to Wear. Then I have my Guestbook, my Registry, my RSVP link, and Contact. And maybe I actually want RSVP to appear right here at the top, so that once people who are invited go to the site, they'll see RSVP as the very top item. So now I have a menu structure I think makes sense. I can now scroll down, check under Theme locations where I want this menu to appear, which in my case is Primary Menu, and then click Save Menu.
Once the menu is saved I'll open the site in a separate tab, and you'll see now I have a menu. You're Invited, RSVP, Our Story with a drop down, Guest Info with a drop down, and then Guestbook, Registry, and Contact. And since this menu is dynamic I can now go in and change it. Let's say I want RSVP to be under Guest Info, I can just put it here. Maybe I want Guestbook to appear directly after Our Story, so I'll put it in here. And if I like this new layout, I simply click Save Menu again, go and reload the front page and you see the structure of the menu has changed.
This gives you full control and it means as your site evolves you could also add new items to the menu. So for example, once this couple has gotten married and they want to add up their wedding photos, they can simply create a new page with a new gallery with the wedding photos, and then go into the Menu, add a new menu item for the new wedding images, and then just add them in under Our Story. Pretty much as simple as it can get.

How to building a wedding website: Get link from google map

 One of the great features of the web is our ability to pull in content from different sources and display them on one page. You can pull in images or video or audio or interactive content like maps which is what we're going to do right now. I've created this page called Guest Infothat will be displayed only to invited guests that has all the information about the wedding and the reception including times and locations.To make this page more useful, I want to add in Google Maps that point specifically at where we're going to go.
Here we have 3 pm: Ceremony at Carmel Point so I want to add a map for Carmel Point and then further down we have 5 pm: Reception at Casanova Restaurant so I also want to add a map for Casanova Restaurant. I can do that by pulling that content in from Google. Let me show you how to do just that, find a map on Google and pull it in to your WordPress pages or WordPress posts. First, I go to and from here I can make searches for either locations or addresses.
I'm going to search for Carmel Point. Here we have Carmel Point and now I want this map to go on my site. To start off, I need the code so I'll go down to the bottom right-hand corner of Google Maps and find this cogwheel and click on it. Then I'll click Share or embed map.

 Here, I can get a Share link to share the link with my friends or I can get the Embed map which allows me to embed the map on my page. Now if I want to, I could use the customization features here but I'm not going to touch that because I'm going to do all this manually.
Instead, I'll just grab the IFrame code that you see here on this field. Just copy it out and I go edit my page. From here, I need to go to the Text editor so click on the Text tab up here in the top right-hand corner and find where I want to place the map. If I scroll down, you can see here we have < h3 > 3 pm: Ceremony at Carmel Point and next sentence, I want the map to display directly underneath that. Now, if I had just paste in the map exactly as I copied it out of Google right now and update my page and then go and view the page, you'll see it worksbut it doesn't work perfectly.
If I go and resize this window now, you'll see that as I resize it, the map doesn't stay centered and it gets, kind of, squished and weird and depending on the theme you're using, it might actually start spilling out on the right-hand side of your content. It's also way too big for me right now, I want to make it vertically smaller and then also make it properly responsive to my page. To do that, I'm going to go back and edit the page and find the code I just pasted in, it's right here, and at the very end of that code you'll see it says "width 600" which is 600 pixelsand "height 450" which would be 450 pixels.
What I'm going to do here is change the width to 100% instead. That would be 100% of the available space within the container the map is placed in or in this case, within the context of that page. I'll also change the height to 300 pixels because I think that's a good size for this particular map and click Update. Now, I can go back and view the page again, scroll down, the map is now much shorter and when I resize it, you'll notice that the map area stays centered as I scroll up and down.
If you have a theme that doesn't properly control IFrames the map wouldn't start spilling out over the sides. So the hundred percent trick always works better. Now that I've added the map for Carmel Point, I also want to add a map for the other location so I'll scroll down and find the address, so it says "5th Avenue between Mission and San Carlos "Carmel-by-the-Sea". I'll just go and paste that in and see if that gives me anything. And lo and behold it does.
I can go and click on the cogwheel again, Share or embed map, copy out the map location, go back and edit my page, scroll down until I find where I want to place this map, maybe I'll place this after the address. Again I'm going to change the width to 100% and the height to 300, update the page again, view the page and now when I scroll down, I have the map to Carmel Point and I have the map to the Casanova Restaurant.
You see, even though I just entered this general address, Google figured out what I was looking for and has added the information for the restaurant itself. This makes it easy for my visitors to get directions and know where to go and if they have a Google phone or use Google Maps on their devices, they'll be able to navigate directly to the different locations. I don't know about you but I think this is pretty awesome!