HTML Tutorial. Online Web Tutorials. What are the best websites to learn to code? - Slant. What are the best websites to learn to code? - Slant. Shortcodes - AIT Themes. Do it yourself: 12 Wordpress Solutions Without Using Plugins- WebAnthology.net. Using a lot of plugins isn’t recommended if you’re going to boost your blog performance. Also, if you build your needs yourself as much as possible, you will have more control on what you are looking for. In this post, we have featured 12 practical WordPress solutions that you won’t need any plugins to implement them. Don’t forget to subscribe to our RSS feed to not miss any new post!
1. Showing Popular Posts Without A Plugin When it comes to usability, or when you’d like to increase your pageviews, it’s really recommended to have a section somewhere on your theme to feature your bests post. Visit Solution 2. Showing related posts will increase the number of pageviews. WP Shortcode for displaying related posts How to: Show related posts without a plugin Add Related Posts, with Images, to WordPress without a Plugin 3.
Learn how to add a featured section to your homepage. Build a Featured Posts Section for WordPress How To Create A Featured Post (And Get Pagination To Work) 4. 5. 6. 7. Built-in Wordpress contact form without plugin. Brag Interactive has recently added a built-in WordPress contact form without using a plugin. Many people just add a WordPress contact form plugin, but I didn’t think that was necessary. Building the form yourself gives you complete control over the look and how it functions. I ended up making a contact form from some resources found on Google. The first one was on catswhocode.com which gives you a basic layout and functionality. Copy and pasting the code that this site provides will make a basic form using your themes current CSS styles. Here is what the contact form with the error message styling.
Copy and paste the following code into your WordPress theme style sheet and make sure the classes and IDs match your form. Did you find this helpful? Box Model: Margins and Padding - The Pocket HTML Tutorial. Now that we’ve covered borders, let’s return to our examination of the box model. Figure 3.2. The Box Model (Again) Padding In “Borders”, you might have noticed that in all border examples, the text and the borders were rather close together.
An element’s padding is the element’s “extra space inside the border”. Let’s take a look at an example. The first rule applies to all div elements, and changes the background, the text color, and the font family. Example 3.19. The example includes a padded div, followed an ordinary div for comparison. Padding Shorthand Notation There is also a shorthand property, padding. Padding: 20px — Padding for all four sides is 20 pixels. As with the previous example, Example 3.20, “Shorthand Padding” provides basic styling for all divs, and then uses classes to change the padding for specific divs. Example 3.20. The padding is completely contained within the borders. Margins Margins are similar to padding. Example 3.21. Collapsing Margins collapse Example 3.22. Tryit Editor v1.4.