martedì 19 aprile 2016

Beginner's Guide to WordPress File and Directory Structure

Do you want to learn about WordPress file and directory structure? The core WordPress software, themes, plugins, and user uploads are all stored on your website. In this beginner's guide, we will explain the WordPress file and directory structure.


WordPress files and directory structure


Why You Should Learn About WordPress File and Directory Structure?


Most users can run their WordPress site without ever learning about WordPress files or directories. However, understanding how WordPress stores files and directories can help you solve many common WordPress problems on your own.


This guide will help you:



  • Learn which WordPress files and folders are core files.

  • Understand how WordPress stores your images and media uploads.

  • Where WordPress stores your themes and plugins.

  • Where configuration files are stored on your WordPress install.


This information also helps you learn which WordPress files should you backup.


You will also be able to perform troubleshooting tasks like deactivating all WordPress plugins, switching to a default theme, or fix other common WordPress errors.


Having said that, let's take a look at WordPress file and directory structure.


Accessing WordPress Files and Directories


First, you will need a FTP client to connect to your WordPress server. See our guide on how to use FTP to upload WordPress files for detailed instructions.


An easier alternative to FTP is File Manager. It is a web based application that comes built into cPanel dashboard of your WordPress hosting account.


Once you have connected to your WordPress site either using FTP or File Manager, you will see a file and directory structure that looks like this:


Core WordPress files and folders


Files and folders in the red squares are the core WordPress files. These are the files and folders that run your WordPress site. You are not supposed to edit those files on your own.


Here is a list of core WordPress files and folders you would see in your WordPress site's root directory.



  • [dir] wp-admin

  • [dir] wp-includes

  • index.php

  • license.txt

  • readme.html

  • wp-activate.php

  • wp-blog-header.php

  • wp-comments-post.php

  • wp-config-sample.php

  • wp-cron.php

  • wp-links-opml.php

  • wp-load.php

  • wp-login.php

  • wp-mail.php

  • wp-settings.php

  • wp-signup.php

  • wp-trackback.php

  • xmlrpc.php


WordPress Configuration Files


Your WordPress root directory contains some special configuration files. These files contain important settings specific to your WordPress site.


WordPress configuration files



  • .htaccess – A server configuration file, WordPress uses it to manage permalinks and redirects.

  • wp-config.php – This file tells WordPress how to connect to your database. It also sets some global settings for your WordPress site.

  • index.php – The index file basically loads and initializes all your WordPress files when a page is requested by a user.


You may need to edit wp-config.php or .htaccess file sometimes. Be extra careful when editing these two files. A slight mistake can make your site inaccessible. When editing these two files, always create backup copies on your computer before making any changes.


If you don't see .htaccess file in your root directory, then checkout our guide on why you can't find .htaccess file in your WordPress root directory.


Depending on how your WordPress site is setup, you may or may not have the following files in your root directory.



  • robots.txt – Contains instructions for search engines crawlers

  • Favicon.ico – A favicon file is sometimes generated by WordPress hosts.


Inside wp-content Folder


WordPress stores all uploads, plugins, and themes in wp-content folder.


wp-content folder in the root directory of a WordPress site


It is generally assumed that you can edit files and folders inside wp-content folder. However, this is not entirely true.


Let's take a look inside wp-content folder to understand how it works and what you can do here.


Inside wp-content folder of a typical WordPress blog


The contents of wp-content folder may differ from one WordPress site to another. But all WordPress sites usually have these:



  • [dir] themes

  • [dir] plugins

  • [dir] uploads

  • index.php


WordPress stores your theme files in /wp-content/themes/ folder. You can edit a theme file, but it is generally not recommended. As soon as you update your theme to a newer version, your changes will be overwritten during the update.


This is why it is recommended to create a child theme for WordPress theme customization.


All WordPress plugins you download and install on your site are stored in /wp-content/plugins/ folder. You are not supposed to edit plugin files directly, unless you wrote the plugin just for your own WordPress site.


In many WordPress tutorials, you will see code snippets that you can add to your WordPress site. The best way to add custom code to your WordPress site is by adding it to functions.php file of your child theme or by creating a site-specific plugin.


WordPress stores all your image and media uploads in the /wp-content/uploads/ folder. By default, uploads are organized in /year/month/ folders. Whenever you are creating a WordPress backup, you should include uploads folder.


You can download fresh copies of WordPress core, your theme, and installed plugins from their sources. But if you lose your uploads folder, then it would be very hard to restore it without a backup.


Some other default folders you may see in your wp-content directory.



Many WordPress plugins may also create their own folders inside your wp-content folder. For example, in the screenshot above we have a gallery folder created by Envira Gallery plugin.


Some of these folders may contain important files. Like the gallery folder may contain your gallery images. You should always backup such folders to avoid losing important data.


Other folders may contain files that you can safely delete. For example your caching plugins like W3 Total Cache or WP Super Cache may store cached files in their own folders.


That's all, we hope this article helped you understand WordPress file and directory structure. You may also want to see our beginner's guide to WordPress database management with phpMyAdmin.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post Beginner's Guide to WordPress File and Directory Structure appeared first on WPBeginner.

lunedì 21 marzo 2016

WordPress Adopts Accessibility Coding Standards for All New and Updated Code

photo credit: Startup Stock Photos
photo credit: Startup Stock Photos

The Accessibility Team announced today that the WordPress Accessibility Coding Standards have been approved for the core handbook. The team sought feedback on the draft of the guidelines earlier this year and, after a few revisions, the coding standards are out of draft status.


Contributors will now be required to meet these guidelines in order to have their code merged into core:


All new or updated code released in WordPress must conform with the WCAG 2.0 guidelines at level AA.


Level AA, according to accessibility team member Rian Rietveld, includes guidelines used as a reference for a legal standard in many countries. WordPress’ new accessibility coding standards cover five key areas:



  • HTML Semantics

  • Color Contrast

  • Keyboard Accessibility

  • Images and Icons

  • Labeling


The default Twenty Sixteen theme is already compliant with WCAG 2 AA and more accessibility-ready themes are tagged in the official directory. At this time, themes and plugins hosted on WordPress.org are not required to meet these guidelines.


“Having a dedicated principle that WordPress needs to meet a certain level of accessibility standards is incredibly powerful,” contributor Joe Dolson said in a reaction on his blog.


“Since it doesn’t change the fact that the WordPress Accessibility team consists of a relatively small group of part-time volunteers, we have to realistically acknowledge that we won’t catch everything.


“But that still leaves us with an overall arc that leads to a future with a more accessible WordPress, and that’s an unmistakable win for accessibility,” he said.


Vocal accessibility advocates have been calling for WordPress to adopt a set of standards and these new guidelines demonstrate the project’s commitment to serving those with a disability. With WCAG 2 AA established as the standard, the accessibility team is now in a better position to provide a list of requirements for an automated testing tool.


venerdì 11 marzo 2016

How Gary Vaynerchuk Turned a Video Series Into a Popular Book

ms-podcast188-gary-vaynerchuk-560

Do you use videos to enhance your brand? Want to find ways to grow your business? To discover how he created a video series that exploded his personal brand and his business, I interview Gary Vaynerchuk. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. [...]


This post How Gary Vaynerchuk Turned a Video Series Into a Popular Book first appeared on .

- Your Guide to the Social Media Jungle

lunedì 7 marzo 2016

How to Create a Visual Sitemap in WordPress

Ever wanted to display a visual sitemap in WordPress? A visual sitemap allows you to present a hierarchical layout of your different pages and sections. In this article, we will show you how to create a visual sitemap in WordPress without writing any code.


Adding a visual sitemap


Difference between HTML, XML, and Visual Sitemaps in WordPress


An XML sitemap is generated for machines and search engines. It uses XML markup language to represent the contents of your site.


Search engines can use these sitemaps to prioritize and adjust crawling rate for your website. See our guide on how to add an XML sitemap in WordPress.


On the other hand, a HTML sitemap is intended to be used by your website visitors (real people). It simply displays a list of your pages and different sections of your website on a single page. See our guide on how to add an HTML sitemap in WordPress.


While the HTML sitemap is great to show your site’s structure, sometimes it isn’t the ideal option to display the hierarchy of your website.


This is where a visual sitemap comes in handy. It allows you to show items, child-items, sibling items in a tree-like structure.


Having said that, let’s take a look at how to easily add a visual sitemap in WordPress.


Adding Visual Sitemap in WordPress


First thing you need to do is install and activate the Slick Sitemap plugin. For more details, see our step by step guide on how to install a WordPress plugin.


Now before you setup the plugin, you need to create a navigation menu in WordPress. Take a look at our beginner’s guide to learn how to add navigation menus in WordPress.


Using the WordPress navigation menus, you can create menus with sub-menus, and sub-menus can have their own sub-menu items.


Creating your visual sitemap with navigation menus in WordPress


This navigation menu will have all the pages or posts that you want to display in your visual map. You can name this menu Visual Sitemap and save it.


You can also create another menu or use an existing menu with just the few important pages. This menu will be used as the utility menu on top of your visual sitemap.


Once you have created the menus, it is time to setup your visual sitemap. Visit Settings » Slick Sitemap page to configure the plugin.


Slick sitemap settings


In the default sitemap menu option, you need to select your main visual sitemap menu. Choose the number of columns you want to be displayed.


Lastly, you need to choose the utility menu and click on the save changes button to store your settings.


Displaying Visual Sitemap on Your WordPress Site


Now that you have successfully created and setup a visual sitemap, the next step is to display the sitemap on a page in your WordPress site.


Simply create a new page in WordPress and add this shortcode in the content area.


[slick-sitemap]


After that click on the save or publish button to store your changes. You can now visit this page and see the visual sitemap in action.


Example of a visual sitemap in WordPress


We hope this article helped you add a visual sitemap in WordPress. You may also want to see our list of 25 most useful WordPress widgets for your site.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post How to Create a Visual Sitemap in WordPress appeared first on WPBeginner.

venerdì 19 febbraio 2016

hack.summit() Event for Developers Will Be Live-Streamed February 22-24

hack.summit


Hack.summit() is a unique event for developers that is set to be live-streamed February 22-24, 2016. It is the world's largest virtual conference ever assembled, with 64,000 developers registered for last year's event. hack.summit() will feature an impressive array of programming language creators and open source contributors and all ticket sales/donations go to support programming non-profits such as Code.org, Code for America, CoderDojo, and Girls Who Code.


The event focuses on three primary objectives:



  • To educate programmers of all languages and skill sets

  • To raise money for coding nonprofits

  • To encourage mentorship among software developers


In lieu of traditional ticket sales, hack.summit() attendees are asked to donate to one of the selected coding non-profits. Those who are not financially able to donate can get a free ticket by sharing the event on Twitter or Facebook. Attendees are provided with a unique ticket number after registering, which includes access to the live conference.


The event heavily promotes mentoring by asking attendees to sign a hack pledge to help mentor the next generation of developers with a minimum of one hour of coding help. The hack pledge video below features stories from programmers who have struggled to master software craftsmanship and those who benefited greatly from mentors:



hack.summit() will also host the largest virtual hackathon in the world. Participants will create a web app using any publicly available API that falls within three general categeries: data visualization, productivity, or gaming. Last year's event drew 60,000 coders from more than 900 cities. Participants will compete to win from a $150,000 prize pool.


If you're looking for an interesting non-WordPress event to attend this year, hack.summit() is one of the most accessible with high quality speakers that will expand your technical horizons.


martedì 9 febbraio 2016

How to Upload Photos from Adobe Lightroom to WordPress

Many photographers use Adobe Lightroom to edit photos before uploading them to WordPress. While editing photos is essential, manually uploading them to WordPress can be a time drain. In this article, we will show you how to easily upload photos from Adobe Lightroom to WordPress with just one click.


How to Upload Photos from Adobe Lightroom to WordPress


Requirements for Adobe Lightroom to WordPress Uploads


First you will need Adobe Lightroom installed in your computer. Any version after Lightroom 5 or Creative Suite would work.


Secondly, we will be using Envira Gallery, which is the best gallery plugin for WordPress. It allows you to create beautiful responsive image galleries in WordPress.


Envira Gallery recently announced the Lightroom Addon which is available with their Gold and Platinum license. This addon provides seamless integration between Adobe Lightroom and your WordPress site.


Let's take a look at how you can integrate Adobe Lightroom to WordPress.


Step 1. Setting Up Adobe Lightroom


First you will need to install and setup Adobe Creative Cloud app on your computer. Upon installation, creative cloud app will ask you to sign in with your Adobe ID. Once logged in, you need to make sure that file syncing is enabled.


Enable file syncing in Adobe creative cloud app


Next, you need to install the Envira Gallery addon for Adobe Lightroom. You can do this by visiting Addons for Adobe Lightroom page and searching for Envira Gallery.


Click on Envira Gallery to open the addon overview page, and then click on the Install/Free button to continue.


Installing Envira Gallery addon for Adobe Lightroom


After the installation, Adobe Creative Cloud app on your computer will show you a notification that Envira Gallery addon has been successfully installed.


The installation will also download envira-gallery.zip file to your computer. You need to go to your computer's Downloads folder to locate the file and extract it.


In your computer's downloads folder, you should now see a file enviralrplugin.zip. You need to extract this file because it contains a file named envira.lrplugin.


Next, you need to open Adobe Lightroom and click on File >> Plugin Manager in the toolbar.


Plugin manager menu in Adobe Lightroom


This will bring up the plugin manager window. Go ahead and click on the Add button and select the envira.lrplugin file from your computer.


Add Envira Gallery plugin in Adobe Lightroom


Click 'Done' to close the plugin manager window. You should now see Envira Gallery in Adobe Lightroom under Publish Services.


You have successfully added Envira Gallery as a publish service to Adobe Lightroom. Now we need to setup Envira Gallery to work with Lightroom.


Step 2: Setting up Envira Gallery plugin


Envira Gallery is a premium WordPress plugin. Envira's Adobe Lightroom addon comes with their Gold and Platinum plans.


First thing you will need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.


Upon activation, you need to go to Envira Gallery >> Settings page. You will need to provide your license key which can be found in your accounts page on Envira Gallery website.


Envira Gallery settings page


After verifying your license key, you need to click on the Addons tab and scroll down to locate the Lightroom Addon. Go ahead and click on the Install Addon button.


Envira Gallery will install the Lightroom addon, and then you need to click on the activate button to enable it.


Installing lightroom addon in Envira Gallery plugin


You will need to reload the settings page, and you will now see a new tab labeled Lightroom. Clicking on the Lightroom tab will show you two options.


Lightroom settings in Envira Gallery plugin


First, you need to choose the user account you want to use for publishing images from Lightroom. Second, you need to generate an access token. Copy this access token as you will need it in the next step.


Don't forget to click on the Save button to store your settings.


Step 3: Connect Lightroom to Envira Gallery on Your WordPress Site


Now that we have setup both Envira Gallery and Lightroom, the next step is to allow Lightroom to speak with Envira Gallery on your WordPress site.


Open Adobe Lightroom and click on the 'Setup' link next to Envira Gallery under publish services panel.


Setup Envira Gallery as publish service


This will bring up the publishing services manager window. You will need to provide the address of your WordPress website and the access token you generated earlier.


Connecting Lightroom to Envira Gallery plugin on your WordPress site


Once you do that, click on the authenticate button. Lightroom will now connect to your WordPress site, and you will see a success message when it has connected to your website successfully.


Successful authentication


Click OK button on the success message and then click on the Save button in publishing services manager window.


Step 4: Uploading Photos From Lightroom to WordPress


All the steps mentioned above were just for setting up Lightroom and Envira Gallery. You will not need to repeat those steps in the future.


Now you can easily upload photos from Adobe Lightroom to WordPress with Envira Gallery.


Start by going into Adobe Lightroom and then right clicking on Envira under the Publish Services panel. After that click on the 'Create Published Collection...' option from the menu.


Create new collection


This will bring up a popup window where you need to provide a name for your collection. It is important to note that this name will also become the name of your image gallery in your WordPress site.


Collection name


Once you have chosen the name, click on the create button to continue. Lightroom will now create an empty collection for you. You can drag and drop images from your library into your new collection.


As soon as you add, remove, or edit images in a collection, you will see a Publish button appear below it. Clicking on publish button will upload your photos to WordPress and store them in your Envira Gallery.


Publish from Lightroom to Envira Gallery


You can continue editing your images in Lightroom, make changes, add or remove images, and do anything you want. You can always click on the publish button and your Envira Gallery will get updated because this addon keeps Lightroom synchronized with WordPress.


You can visit your WordPress admin area and go to Envira Gallery to see your Lightroom collection added as a gallery.


New gallery created from Lightroom


This gallery will still be stored as a draft. In order to add it into your posts or pages, you will need to publish it. Take a look at our guide on how to create image galleries with Envira Gallery


Publish Envira Gallery to add it into posts or pages


That's all. We hope this article helped you learn how to upload photos from Adobe Lightroom to WordPress. You may also want to see our guide on how to resize and make images larger without losing quality.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post How to Upload Photos from Adobe Lightroom to WordPress appeared first on WPBeginner.

lunedì 25 gennaio 2016

How to Research and Locate Your Audience Using Social Media

rb-social-media-audience-560

Are you struggling to connect with your customers on social networks? Do you know where they hang out online? To optimize your social media marketing efforts, it's important to know who your customers are and which social networks they spend their time on. In this article you'll discover how to connect with your target audience [...]


This post How to Research and Locate Your Audience Using Social Media first appeared on .

- Your Guide to the Social Media Jungle