Hello WordPressers,
I was working on a project where I had to add the countries dropdown on the signup page. So, for making select dropdown countries selection sticky in the case of error at signup, I needed to check the $_POST[‘countries’] with every option in the select dropdown. It seems a redundant effort to me as It took me 30 mins to do this task.
Continue reading
Today, I am going to share the experience of attending my first WordCamp. It was my first time in the U.S.A (and the time to Miami obviously). I stayed in the U.S.A for 20 days, traveled to four states, met a lot of great people, and visited a lot of awesome places. 10 days in Florida includes NASA, Universal, Lakes, Springs, Parks, Miami, and a special visit to KeyWest. Kudos to Asif, my buddy who drove me to all the places. I highly appreciate his support for everything he did for me during my trip.
Attending a WordCamp was a dream and when your dream comes true, you feel splendid. I received a comment on FaceBook checking that I am lucky to be there and yes I was lucky to attend this WordCamp.
WordPress is amazing in its nature. You can convert it into anything and integrate it with any PHP website. You can even set the degree of integration. You may only need a few WordPress features when integrating it with your website. For example, you want to display the recent blog posts on your website’s homepage. Your website is in PHP, and a WordPress blog is installed in another folder. In this article, we’ll guide you through the steps to achieve this awesomeness by integrating a WordPress blog into your existing website.
Before starting with the steps to educate yourself on the integration of WordPress Blog in your website, one must know what this web publishing software basically does. And why do you really need to make a WordPress blog after all? So the answer is, why not? As the WordPress blog manages the website content beautifully. To use this, you don’t need to be a developer or coder. However, for WordPress, there are plenty of auto-installer web hosts that are just one step away and run this easy platform.
So let’s review the suggested steps to integrate a WordPress blog into your existing website and create a beautiful WordPress blog page!
Let’s assume you already have a site running at http://www.yourwebsite.com/ and you want to start a blog for your Product.
Create a new subdirectory (folder) at your site and call it ‘blog‘. So you now have an empty sub-directory at http://www.yourwebsite.com/blog/.
Now, download the WordPress framework and upload all of its files into http://www.yourwebsite.com/blog/ and install WordPress on it. If you don’t know how to install WordPress, please read this tutorial.
So, at this point, you have installed WordPress in the blog directory and want to show the recent blog posts on your website’s homepage.
You need to add the following code snippet at the start of the home page in which you want to utilize WordPress functions.
<?php
define('WP_USE_THEMES', false);
require('blog/wp-blog-header.php');
?>
Then the next important thing is the ‘WordPress loop’. If you’re unfamiliar with the ‘WordPress loop,‘ please read this here.
Put the following code anywhere on your homepage where you want to display the latest posts.
<?php
$number_of_posts = 5;
$args = array( 'numberposts' => $number_of_posts );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent_post ){
echo "<span>".$recent_post['post_date']."</span> <br>";
echo "<h3>".$recent_post['post_title']."</h3>";
echo "<p>".$recent_post['post_content']."</p><br><br>";
}
?>
Pretty simple, isn’t it? This way, you can utilize all the functionality of ‘WordPress’, but you should have a basic understanding of how things are done in ‘WordPress’.
If you are having any difficulties while integrating your website with a WordPress blog, please feel free to ask below in the comments section.
Thanks, Good luck!
Sometimes we need to add custom data for our posts and pages other than title and content especially when ones become comfortable with WordPress, there is an urge to do something experimenting for exciting features using WordPress custom field. for Suppose you are using Custom Post Types for your book store and want to save the Book price as well. You have added title and description but for price you will add a custom field. Today we are going to gain an understanding of how you can add custom fields via WordPress plugins. In modern WordPress development, these kinds of functional stuff should be done via plugins instead of coding in WordPress themes.
Before moving forward please download the plugin from here. Please open the class file “class_custom_field.php”.
I will explain every code snippet step by step.
function init_customField() {
new customField();
}
The above function is simply getting an instance of the class and returning it.
if ( is_admin() ) {
add_action( 'load-post.php', 'init_customField' );
add_action( 'load-post-new.php', 'init_customField' );
}
This code snippet is saying that when a post is to be edited or a new post is to be made get an instance of “customField” class and getting an instance is of course means to initialize and render the text field in the posting page.
“load-post” and “load-post-new” are two new hooks.
public function __construct() {
add_action( 'add_meta_boxes', array( $this, 'add_meta_box' ) );
add_action( 'save_post', array( $this, 'save' ) );
}
Class constructor is adding functions to the hooks for rendering and saving the data.
public function add_meta_box( $post_type ) {
$post_types = array('post', 'page'); //limit meta box to certain post types
if ( in_array( $post_type, $post_types )) {
add_meta_box(
'my_meta_box_name'
,__( 'My Meta Box Headline', 'myplugin_textdomain' )
,array( $this, 'render_meta_box_content' )
,$post_type
);
}
}
The “add_meta_box” is in fact the responsibility to render the text field. The first argument is setting “id“, the second argument is setting title, the third argument is giving the definition that how will it be and the fourth argument is setting the screen is it a “page” or a “post” where this custom field will be rendered on.
public function save( $post_id ) {
//code goes here
}
Inside the “save” function first, we are checking whether “nonce” is set. “nonce” is put in the form for security reasons. You can read about it from here. Then we are verifying whether it is a valid “nonce”. Then simply checking whether the current user is authorized to perform this action. Then we are sanitizing the data and saving or updating the data using “update_post_meta” giving a key. Because with this key we will later retrieve our data.
public function render_meta_box_content( $post ) {
//code goes here
}
Inside “render_meta_box_content” we are generating “nonce”. Then getting the data if it was set using “get_post_meta” function and putting this value in the text field and rendering the text field.
And all done! Adding custom fields to WordPress is like doing some extra coding and in result you get the specific features for a particular post that may need some extra informational data.
WordPress is a specially crafted platform to publish content on the web. Many of the big giant content publishers are using WordPress like CNN, NYTimes, etc. You, as a content writer, find WordPress deadly easy and super cool to work on because WordPress provides many customizations to make your content looks good, and also many of us are spending time to add some spice to WordPress. Here I want you to add even more to your content writing experience.
Following are the three most wanted WordPress tricks to make your writing experience easy and even better.
Just open up functions.php of your current theme and put this code in it, but keep in mind if you put this code in your functions.php will only be limited to your current theme. So better to make a plugin.
require( ABSPATH . WPINC . '/pluggable.php' );
function myplugin_get_comment_list_by_user($clauses) {
if (is_admin()) {
global $user_ID, $wpdb;
$clauses['join'] = ",". $wpdb->base_prefix."posts";
$clauses['where'] .= " AND ".$wpdb->base_prefix."posts.post_author = ".$user_ID." AND ".$wpdb->base_prefix."comments.comment_post_ID = ".$wpdb->base_prefix."posts.ID";
};
return $clauses;
};
// ensure that editors and admins can moderate everything
if(!current_user_can('edit_others_posts')) {
add_filter('comments_clauses', 'myplugin_get_comment_list_by_user');
}
As you know the comments are stored in a separate table and are identified by post_id. So, I have just modified the query which is run by WordPress whenever the comments page opened in the admin.
How to set the first image of the post as a featured image?
Sometimes, we need to set our post’s first image as a featured image and WordPress doesn’t give any support for this thing. You can use the following code snippet to get this functionality.
add_filter('the_content', 'set_post_featured_image');
function set_post_featured_image($content) {
global $post;
if (!has_post_thumbnail()) {
$all_attached_images = get_children(array(
'post_parent' => $post->ID,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order' => 'ASC',
'orderby' => 'menu_order'
));
if ($all_attached_images) {
foreach ($all_attached_images as $attached_image) {
set_post_thumbnail($post->ID, $attached_image->ID);
break;
}
$content = the_post_thumbnail() . $content;
}
}
return $content;
}
I am applying a filter to the contents of the post and the job done.
Having a profile picture on your profile means great credibility and recognition on social networks and other websites, which is usually known as “avatar image”.
WordPress provides its own service know as Gravatar. We will walk you through that how to retrieve your profile image from Gravatar.
WordPress has a built-in function to retrieve an image from Gravatar, this function required two parameters: ID or usre_email of the user and the size of an image.
$user_id = get_the_author_meta('ID');
echo get_avatar($user_id, 80);
If you want to use user email, use get_the_author_meta() function with user_email
$user_id = get_the_author_meta('user_email');
echo get_avatar($user_id, 80);
This will give us an image of 80px.
If you know any other way of doing these tricks for WordPress, let us know in the comments below.