Add Social Media Icons Recent Post with Thumbnail Wordpress Profile Picture Without Gravatar

WordPress Recent Post with Thumbnail

Recent Post को कैसे ऐड करे वेबसाइट में दोस्तों इसके लिए एक सिंपल तरीका है आप को एक Pulgins का सहरा लेना होगा जिसका नाम है Recent Posts Widget with Thumbnails इस Pulgins से आप आराम से अपने लिए एक Responsive Recent Post Widget तयार केरे सकते है जादा जानकारी के लिए आप विडियो देख सकते है

WordPress Add Social Media Icons

अगर आप भी अपनी Site पर Social Media के लिंक ऐड करना चाहते है वो भी 3d वाले तो सिंपल तरीका है जो में कोड निचे दिया है उसको कॉपी पेस्सोट करना है बस Social Media का बहुत बेडा रोल होता है हमारी वेबसाइट पर ट्मेंरैफिक लाने में  इसको ऐड करना बहुत जरुरी होता है क्यों के अगर किसी को हमारी पोस्ट पसंद आती है तो वो अपने दोस्तों के शाथ भी साजा करगा लकिन अगर आप के वेबसाइट पर सोसिले Icons नहीं होंगे तो आप की कोए भी पोस्ट Social Media शेयर नहीं होगी तो आप को इतना ट्राफिक भी नहीं मिलगा

Social Sharing Button Hook Code :-------------------------<?php$wplogoutURL = urlencode(get_the_permalink());$wplogoutTitle = urlencode(get_the_title());$wplogoutImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));?><div class="wplogout-social-wrapper">	<span class="hide-on-mobile">Share on:</span>	<a class="wplogout-social-sharing wplogout-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $wplogoutURL; ?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a>	<a class="wplogout-social-sharing wplogout-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $wplogoutTitle;?>&amp;url=<?php echo $wplogoutURL;?>&amp;via=wplogout" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a>	<a class="wplogout-social-sharing wplogout-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $wplogoutTitle; echo " "; echo $wplogoutURL;?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg></a></div>
Social Sharing Button CSS Code :-------------------------.wplogout-social-wrapper {    margin: 30px 0;    font-size: 0;}.wplogout-social-wrapper span {    font-weight: bold;    padding-right: 20px;    font-size: 16px;}.wplogout-social-sharing {    font-size: 25px;    padding: 10px 10px;}@media only screen and (max-width: 600px) {    .wplogout-social-sharing {        font-size: 17px;        padding: 7px 12px;        display: inline-block;    }}.wplogout-social-sharing svg {    position: relative;    top: 0.15em;    display: inline-block;}.wplogout-social-facebook {    fill: #fff;    background-color: rgba(59, 89, 152, 1);	margin-right:5px;	box-shadow: 0 15px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);	border-radius: 30px 0px 30px 0px;	padding-right:25px}.wplogout-social-facebook:hover {    background-color: rgba(59, 89, 152, .8);}.wplogout-social-twitter {    fill: #fff;    background-color: rgba(29, 161, 242, 1);	margin-right:5px;	box-shadow: 0 15px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);	border-radius: 30px 0px 30px 0px;	padding-right:25px}.wplogout-social-twitter:hover {    background-color: rgba(29, 161, 242, .8);}.wplogout-social-whatsapp {    fill: #fff;    background-color: rgba(37, 211, 102, 1);	margin-right:5px;	box-shadow: 0 15px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);	border-radius: 30px 0px 30px 0px;	padding-right:25px}.wplogout-social-whatsapp:hover {    background-color: rgba(37, 211, 102, .8);}

 

WordPress Profile Picture Without Gravatar

अगर आप भी मेरी वेबसाइट के जैसे प्रोफाइल लिंक लगाना चाहते है तो निचे दिए गये कोड को कॉपी पेस्ट करना है बस आप का प्रोफाइल तयार हो जायगा अगर आप Generatepress Premium Theme यूज करते है तो आप को जाना है Elements में जाने के बाद में आप को एक न्यू Elements बनाना है और Choose Element Type यहाँ पर आप को हुक सिलिक्ट करे उसमे आप को निचे दिए गये Author Box Hook Code डालना है 

Author Box Hook Code :-------------------------<div class="author-box">    <div class="avatar">        <?php echo get_avatar( get_the_author_meta( 'ID' ), 250 ); ?>    </div>    <div class="author-info">        <h5 class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">            <span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>        </h5>        <div class="author-summary">            <p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div><div class="author-links">            <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Read more">...</a>       </div>    </div></div>
Author Box CSS Code :-------------------------.author-box {	padding: 3%;	padding-bottom: 10px;	margin-top: 30px;	font-size: 0.9em;	background-color: #fff;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-align: center;	-ms-flex-align: center;	align-items: center;        box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);	border-left:5px solid #007cba;	border-radius:25px;}.author-box .avatar {	width: 300px;	height: auto;	border-radius: 100%;	margin-right: 30px;}h5.author-title {	margin-bottom: 0.5em;	font-weight: 600;}.author-description {	line-height: 1.6em}.author-links a {	margin-top: -1.5em;	font-size: 2em;	line-height: 2em;	float: left;}@media (max-width: 768px) {	.author-box {		padding: 20px;		padding-bottom: 25px;		margin-top: 60px;		flex-direction: column;		text-align: center;		border-left:3px solid #007cba	}	.author-box .avatar {		margin-right: 0;		width: 100%;		margin-top: -25px;	}	.author-box .avatar img {		max-width: 100px;	}	.author-links a {		float: none;		align-self: center;	}	.author-description {		margin-bottom: -0.1em;	}}

 

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad

Technology