Wordpress - PurchaseTheme

How to change Font Family in WordPress any Theme ?

admin — Sat, 15 Jun 2024 16:54:30 +0000

Updating font family in WordPress is some time very challenging but, we are sure after reading this blog post carefully you can easily implement font family as we will provide you live example to implement the same. Therefore, for read the details given below.

Here we will guide you how you can add a font family provide by google. The font family for which we will guide you need little development knowledge and little tag knowledge and you can easily add the same to your WordPress website/blog.

The font family which we will integrate is: Nunito

https://fonts.google.com/specimen/Nunito

You can search your own font and apply the same to full website. To download the font hit Get Font the blue button you see.

Once you hit the Get font it will show below options ( Get embed Code & Download All ):

After this, when you in case hit Get Embed Code it will guide you how you can place the code in your theme. Every theme is having tag in that you have to place the embed code, which look like this.

Now, we are going to add the same font family in a Theme that does not provide font family customization.

The name of theme is: Newsmatic

You can see it simply, the font family is not matching at all.

Now, let me open theme header.php file for that fist you have to login to admin of your wordpress website and then click on Theme File Editor Left Menu

Once you click the Theme File Editor it will open the list of PHP files in which you have to find header.php

Open header.php file and in the tag add the embed code of your font family.

Now, you have to update the css as well and you can see how easily the font family updated

So, you are done successfully.

Note: If you need any development support for Shopify or WordPress you can contact us at info@purchasetheme.com

The post How to change Font Family in WordPress any Theme ? first appeared on PurchaseTheme.

How to Add Short Description in Woocommerce in place of Excerpt on product page ?

admin — Thu, 30 May 2024 07:09:54 +0000

Most of people find difficulty in removing Excerpt and adding Short Description on the product pages as the short description formatting is allowed via editor but, Except is auto truncated kind of sentence so, it is some time not good for most woocommerce websites to display Except when you want to present something attractive on start of page.

Here will explain you how you an achieve it just by adding few lines of code and making use of Short Code on product page by using Editor.

In the below screen you can see Short Description Section:

How to add the code in function.php file ?

Now, what you have to do is open function.php file of your current theme add the below code:

/**
*
* Get Product Short Description by PurchaseTheme
*/
function dispaly_product_short_description( $atts ){ 

$atts = shortcode_atts( array('id' => get_the_id()), $atts, 'product_description' );

global $product;

if ( ! is_a($product, 'WC_Product') )
   $product = wc_get_product($atts['id']);

return $product->get_short_description();
}
add_shortcode( 'product_short_description', 'dispaly_product_short_description' );

Now, showing the screenshot of removing Excerpt and adding the short code:

The post How to Add Short Description in Woocommerce in place of Excerpt on product page ? first appeared on PurchaseTheme.

How to add custom field in post wordpress ?

admin — Sun, 12 May 2024 07:05:10 +0000

Adding custom fields to WordPress posts is a common necessity, complementing the platform’s built-in features like tags and featured images.

While, WordPress offers robust functionality, custom fields enhance it by accommodating additional information tailored to specific needs. This could include diverse content such as text, images, links, or more complex data. Utilizing the default custom field functionality in WordPress provides a flexible solution, enabling users to extend their site’s capabilities without the need for extensive coding or plugins.

Whether for personalization, integration with external systems, or enhancing user experience, custom fields are invaluable in enriching WordPress content beyond its default offerings.

You have to follow the below step to add the custom fields & to get the custom field value in the code ( to get in the template files example header, footer, content, content top etc )

Step 1: Login to wordpress Admin

Step 2: Left menu “All Post”

Step 3: Click on “Edit” button to edit the post and on which you want to add custom field

Step 4: Now, click on the right side top 3 dots, check below image indication

Step 5: Once you click on “Preferences” a pop will option and it will provide option to enable “Custom fields”

Step 6: Enable it and click on “Show & Reload Page” button, a section to add the values will be appeared below:

Step 7: Now, lets put the “Status” in the name input and in Value add “Active” for this hello world post.

You will also get the option to delete or update

So, this how you are going to add the “Custom Field” Now, let us tell you how you are going to retrieve/get this field.

';
  echo get_post_meta( get_the_ID(), 'date', true ); 
?>

From the array you can do it.

my_key - Your custom field name.

$mykey_values = get_post_custom_values( 'my_key' );

foreach ( $mykey_values as $key => $value ) {
	echo "$key => $value ( 'my_key' )
"; 
}

0 => First value ( 'my_key' )
1 => Second value ( 'my_key' )
2 => Third value ( 'my_key' )

If you still find any problem you can drop a comment and will surly get back to you in few hours. Also, you can drop us email at info@purchasetheme.com

The post How to add custom field in post wordpress ? first appeared on PurchaseTheme.