פיתוח וורדפרס: כפתור שתף בWhatsApp בסלולרי

ליצור התניה לסלולרי (ורק לסלולרי!)

ראשית, עליכם להתקין תוסף בשם Mobble. מכיוון שיצרתי פוסט שלם בנושא זה (ראו פסקת חשוב להדגיש) לא אלאה אתכם במילים – בכל מקרה אם רק תתקינו את התוסף אתם דיי מוכנים לשלב הבא.

נשלב את הכפתור כך שיופיע במצב סלולרי

אוקיי… אז התקנו את התוסף Mobble… כעת נוכל להטמיע את הכפתור הרצוי ישירות בתבנית שלנו רק בסלולרי

פתחו את הקובץ הרצוי בתבנית שלכם: פתחו את Single.php או Page.php או כל קובץ / מיקום אחר בו תרצו להטמיע את הכפתור שלכם בתבנית וורדפרס שלכם והטמיעו את הקוד הבא

		<?php
		if(is_mobile()) {
			echo '<button id="wtzupShare">Share On WhatsApp</button>';
		}
		?>
		

* שימו לב שאני לא נכנס לדקויות עיצוב – עיצוב הכפתור תלוי בכם ותוכלו לעשות זאת בעזרת גרפיקה פשוטה או CSS.

נשלב סקריפט שיקשיב לקליק ויפעיל את WhatsApp

אוקיי… הגענו לחלק המעניין. בחלק זה נשלב סקריפט Javsscript אשר יקלוט את הURL של הדף הנוכחי וישלח אותו לWhatsApp כאשר ילחצו על הכפתור.

גם הסקריפט הזה צריך לעבוד רק בסלולרי ולכן גם אותו נשים בהתניה שתוודא כי אנו נמצאים במצב סלולרי.

		<?php if(is_mobile()) { ?>
		<script type="text/javascript">
		jQuery(document).ready(function($) {
		
			// WHATSAPP SHARING BTN
			$('.whatsapp').click(function() {
				var sText 	= "<?php the_title(); ?>"; 
				var sUrl 	= "<?php echo wp_get_shortlink(); ?>"; 
				var sMsg 	= encodeURIComponent(sText) + " - " + encodeURIComponent(sUrl);
				var whatsapp_url = "whatsapp://send?text=" + sMsg;
				window.location.href = whatsapp_url;
			});
			
		});
		</script>
		<?php } ?>
		

טסטינג וסיימנו

אז זהו… פשוט נכון? הגיע הזמן שתחברו הכל ביחד ותנסו את זה בעצמכם (ותתחדשו!) – זה בהחלט שדרוג נחמד מאוד מאוד לכל אתר.

אם יש שאלות, נתקלתם בבעיות, רוצים לפרגן עם מילה טובה אתם מוזמנים להשתמש בטופס התגובות כדי להשמיע קול. שווה להרשם לרשימת התפוצה שלנו. מאמרים מושקעים נוספים בדרך.

בברכה, שגיב SEO.