m4xs051

آموزش قراردادن لینک کوتاه برای نوشته ها در وردپرس
آموزش قراردادن لینک کوتاه برای نوشته ها در وردپرس

14 پست در این موضوع قرار دارد

سلام 

تو این تاپیک قصد دارم نحوه قرار دادن لینک کوتاه برای نوشته های وردپرس رو با شما کاربران به اشتراک بذارم. 

قصد داریم در صفحه نوشته ها که مربوط به فایل single.php می شود بخشی مشابه عکس زیر ایجاد کنیم:

 

5b71df47b6b50_ScreenShot2018-08-13at23_43_28.png.abce934499b0f96bc0cdd9a2bc52197a.png

 

کدهای ما برای ایجاد کردن چنین بخشی شامل سه بخش میشه.

  1. کد php: برای گرفتن آیدی نوشته جاری که کاربر در حال مطالعه هست استفاده شده است.
  2. کدهای html و css که برای ایجاد و استایل دهی ساختاری که در عکس مشاهده می کنید استفاده شده است.
  3. کدهای جاوااسکریپت که برای کپی کردن آدرس نوشته زمانی که کاربر روی دکمه کپی کن! کلیک می کند فراخوانی و استفاده می شود.

 

مرحله اول:
ابتدا کدهای استایل زیر رو به قالب سایت خود اضافه کنید. 

.wbc-shortlink {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
button.wbc-copydone {
    padding: 11px;
    border: 1px solid #03A9F4;
    background-color: #03A9F4;
    font-family: inherit !IMPORTANT;
}
input#wbc-post-shortlink {
    text-align: left;
    border-color: #03A9F4;
    border-width: 2px;
}
.wbc-shortlink table tr td:first-child {
    text-align: left;
}
.wbc-shortlink table {
    position: relative;
}
p#wbc-success-copy-done {
    position: absolute;
    top: -45px;
    left: 32%;
    background-color: #03A9F4;
    padding: 8px 18px;
    color: #ffffff;
    border-radius: 4px;
    display: none;
}
h4.wbc-title-shortlink {
    text-align: right;
}

 

مرحله دوم: 
فایل single.php قالب که مربوط به پست های سایت میشه رو باز کنید. و تو یه بخش مناسب کدهای زیر رو قرار بدید. 

		<div class="wbc-shortlink">
			<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
			<table>
				<tr>
					<td>
						<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
					</td>
					<td>
						<input id="wbc-post-shortlink" value="<?php echo home_url()."/?p=".$post->ID;?>" type="text" readonly>
						<p id="wbc-success-copy-done">کپی شد!</p>
					</td>
				</tr>
			</table>
		</div>
<script type="text/javascript">
			function wbc_function_copy() {
				var copyText = document.getElementById("wbc-post-shortlink");
				copyText.select();
				document.execCommand("copy");
				document.getElementById("wbc-success-copy-done").style.display = "block";
				setTimeout(function(){
					 document.getElementById("wbc-success-copy-done").style.display = "none";
				 }, 5000);
			}
</script>

 

چند نکته:

  1. قبل از پیست کردن کد بالا در فایل single.php دقت کنید که اگه قبلا تگ php باز شده بود شما باید تگ php رو ببندید به این صورت که قبل از کدهای بالا بنویسید: 
    ?>
    و همچنین در آخر کدهایی که اضافه کردید مجدد تگ php رو باز کنید به این شکل:
    <?php
  2. میتونید کدهای جاوااسکریپت رو در فایل footer.php قبل از بسته شدن تگ body قرار بدید. ولی ممکنه سایت شما تو صفحه پست ها فوتر رو فراخونی نکرده باشه. برای همین منظور بهتره کد جاوااسکریپت رو با کد php و html  باهم قرار بدید.

 

و در نهایت هم زمانی که روی دکمه کپی کن! کلیک میشه پیام کپی شد به کاربر نمایش داده خواهد شد. همانند تصویر زیر:

5b71e71d1202b_ScreenShot2018-08-13at23_43_53.png.2b30e323542d2be18e6a1bddd2d71cb2.png

 

امیدوارم نهایت استفاده رو ببرید!

4

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 14 ساعت قبل، m4xs051 گفته است :

سلام 

تو این تاپیک قصد دارم نحوه قرار دادن لینک کوتاه برای نوشته های وردپرس رو با شما کاربران به اشتراک بذارم. 

قصد داریم در صفحه نوشته ها که مربوط به فایل single.php می شود بخشی مشابه عکس زیر ایجاد کنیم:

 

5b71df47b6b50_ScreenShot2018-08-13at23_43_28.png.abce934499b0f96bc0cdd9a2bc52197a.png

 

کدهای ما برای ایجاد کردن چنین بخشی شامل سه بخش میشه.

  1. کد php: برای گرفتن آیدی نوشته جاری که کاربر در حال مطالعه هست استفاده شده است.
  2. کدهای html و css که برای ایجاد و استایل دهی ساختاری که در عکس مشاهده می کنید استفاده شده است.
  3. کدهای جاوااسکریپت که برای کپی کردن آدرس نوشته زمانی که کاربر روی دکمه کپی کن! کلیک می کند فراخوانی و استفاده می شود.

 

مرحله اول:
ابتدا کدهای استایل زیر رو به قالب سایت خود اضافه کنید. 


.wbc-shortlink {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
button.wbc-copydone {
    padding: 11px;
    border: 1px solid #03A9F4;
    background-color: #03A9F4;
    font-family: inherit !IMPORTANT;
}
input#wbc-post-shortlink {
    text-align: left;
    border-color: #03A9F4;
    border-width: 2px;
}
.wbc-shortlink table tr td:first-child {
    text-align: left;
}
.wbc-shortlink table {
    position: relative;
}
p#wbc-success-copy-done {
    position: absolute;
    top: -45px;
    left: 32%;
    background-color: #03A9F4;
    padding: 8px 18px;
    color: #ffffff;
    border-radius: 4px;
    display: none;
}
h4.wbc-title-shortlink {
    text-align: right;
}

 

مرحله دوم: 
فایل single.php قالب که مربوط به پست های سایت میشه رو باز کنید. و تو یه بخش مناسب کدهای زیر رو قرار بدید. 


		<div class="wbc-shortlink">
			<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
			<table>
				<tr>
					<td>
						<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
					</td>
					<td>
						<input id="wbc-post-shortlink" value="<?php echo home_url()."/?p=".$post->ID;?>" type="text" readonly>
						<p id="wbc-success-copy-done">کپی شد!</p>
					</td>
				</tr>
			</table>
		</div>

<script type="text/javascript">
			function wbc_function_copy() {
				var copyText = document.getElementById("wbc-post-shortlink");
				copyText.select();
				document.execCommand("copy");
				document.getElementById("wbc-success-copy-done").style.display = "block";
				setTimeout(function(){
					 document.getElementById("wbc-success-copy-done").style.display = "none";
				 }, 5000);
			}
</script>

 

چند نکته:

  1. قبل از پیست کردن کد بالا در فایل single.php دقت کنید که اگه قبلا تگ php باز شده بود شما باید تگ php رو ببندید به این صورت که قبل از کدهای بالا بنویسید: 
    
    ?>
    و همچنین در آخر کدهایی که اضافه کردید مجدد تگ php رو باز کنید به این شکل:
    
    <?php
  2. میتونید کدهای جاوااسکریپت رو در فایل footer.php قبل از بسته شدن تگ body قرار بدید. ولی ممکنه سایت شما تو صفحه پست ها فوتر رو فراخونی نکرده باشه. برای همین منظور بهتره کد جاوااسکریپت رو با کد php و html  باهم قرار بدید.

 

و در نهایت هم زمانی که روی دکمه کپی کن! کلیک میشه پیام کپی شد به کاربر نمایش داده خواهد شد. همانند تصویر زیر:

5b71e71d1202b_ScreenShot2018-08-13at23_43_53.png.2b30e323542d2be18e6a1bddd2d71cb2.png

 

امیدوارم نهایت استفاده رو ببرید!

سلام و صمیمانه سپاس از زحماتی که بابت این قابلیت کشیدید

من دارم روی لوکال تست می کنم کد زیر در فانگشن چایلد تم میزارم اما از خط اول ایراد می گیره . من هم خیلی حرفه ای نیستم ممنون میشم کد زیر رو اصلاح بفرمایید

add_action('after_post_content', {
	
	<div class="wbc-shortlink">
			<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
			<table>
				<tr>
					<td>
						<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
					</td>
					<td>
						<input id="wbc-post-shortlink" value="<?php echo home_url()."/?p=".$post->ID;?>" type="text" readonly>
						<p id="wbc-success-copy-done">کپی شد!</p>
					</td>
				</tr>
			</table>
		</div>
		
		<script type="text/javascript">
			function wbc_function_copy() {
				var copyText = document.getElementById("wbc-post-shortlink");
				copyText.select();
				document.execCommand("copy");
				document.getElementById("wbc-success-copy-done").style.display = "block";
				setTimeout(function(){
					 document.getElementById("wbc-success-copy-done").style.display = "none";
				 }, 5000);
			}
</script>
	
};

چند تا ایده دارم که اگه درست شد بهتون میگم

ویرایش شده در توسط chem
1

به اشتراک گذاری این پست


لینک به پست

 

خب یه مقدار کدها مرتب تر شد و مخاطب راحتر میتونه از کد استفاده کنه!

دیگه نیاز نیست کدهای استایل و کدهای html و کدهای php رو جدا جدا تو بخش های مختلف بزارید. کافی کل کد زیر رو در فانکشن قالب قرار بدید تا خروجی مورد نظر رو دریافت کنید.

 

add_filter("the_content", "wbc_function_copy");
function wbc_function_copy($content){
	$shortlink = '
	<div class="wbc-shortlink">
		<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
		<table>
			<tr>
				<td>
					<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
				</td>
				<td>
					<input id="wbc-post-shortlink" value="'.home_url().'/?p='.get_the_ID().'" type="text" readonly>
					<p id="wbc-success-copy-done">کپی شد!</p>
				</td>
			</tr>
		</table>
	</div>
	';
	if(is_single() && !is_home()){
		$content.=$shortlink;
	}
	return $content;
}
add_action("wp_head", function(){
	?>
			<style>
				.wbc-shortlink {
					width: 100%;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				button.wbc-copydone {
					padding: 11px;
					border: 1px solid #03A9F4;
					background-color: #03A9F4;
					font-family: inherit !IMPORTANT;
				}
				input#wbc-post-shortlink {
					text-align: left;
					border-color: #03A9F4;
					border-width: 2px;
				}
				.wbc-shortlink table tr td:first-child {
					text-align: left;
				}
				.wbc-shortlink table {
					position: relative;
				}
				p#wbc-success-copy-done {
					position: absolute;
					top: -45px;
					left: 32%;
					background-color: #03A9F4;
					padding: 8px 18px;
					color: #ffffff;
					border-radius: 4px;
					display: none;
				}
				h4.wbc-title-shortlink {
					text-align: right;
				}
			</style>
	<?php
});
add_action("wp_footer", function(){
	?>
	<script type="text/javascript">
		function wbc_function_copy() {
			var copyText = document.getElementById("wbc-post-shortlink");
			copyText.select();
			document.execCommand("copy");
			document.getElementById("wbc-success-copy-done").style.display = "block";
			setTimeout(function(){
				 document.getElementById("wbc-success-copy-done").style.display = "none";
			 }, 5000);
		}
	</script>
	<?php
});

 

2

به اشتراک گذاری این پست


لینک به پست

@chem

شما هم میتونید برای آسان تر بودن فرآینده از این کد جدید استفاده کنید.

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 37 دقیقه قبل، m4xs051 گفته است :

 

خب یه مقدار تو کدها مرتب تر شد و مخاطب راحتر میتونه از کد استفاده کنه!

دیگه نیاز نیست کدهای استایل و کدهای html و کدهای php رو جدا جدا تو بخش های مختلف بزارید. کافی کل کد زیر رو در فانکشن قالب قرار بدید تا خروجی مورد نظر رو دریافت کنید.

 


add_filter("the_content", "wbc_function_copy");
function wbc_function_copy($content){
	$shortlink = '
	<div class="wbc-shortlink">
		<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
		<table>
			<tr>
				<td>
					<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
				</td>
				<td>
					<input id="wbc-post-shortlink" value="'.home_url().'/?p='.get_the_ID().'" type="text" readonly>
					<p id="wbc-success-copy-done">کپی شد!</p>
				</td>
			</tr>
		</table>
	</div>
	';
	if(is_single() && !is_home()){
		$content.=$shortlink;
	}
	return $content;
}
add_action("wp_head", function(){
	?>
			<style>
				.wbc-shortlink {
					width: 100%;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				button.wbc-copydone {
					padding: 11px;
					border: 1px solid #03A9F4;
					background-color: #03A9F4;
					font-family: inherit !IMPORTANT;
				}
				input#wbc-post-shortlink {
					text-align: left;
					border-color: #03A9F4;
					border-width: 2px;
				}
				.wbc-shortlink table tr td:first-child {
					text-align: left;
				}
				.wbc-shortlink table {
					position: relative;
				}
				p#wbc-success-copy-done {
					position: absolute;
					top: -45px;
					left: 32%;
					background-color: #03A9F4;
					padding: 8px 18px;
					color: #ffffff;
					border-radius: 4px;
					display: none;
				}
				h4.wbc-title-shortlink {
					text-align: right;
				}
			</style>
	<?php
});
add_action("wp_footer", function(){
	?>
	<script type="text/javascript">
		function wbc_function_copy() {
			var copyText = document.getElementById("wbc-post-shortlink");
			copyText.select();
			document.execCommand("copy");
			document.getElementById("wbc-success-copy-done").style.display = "block";
			setTimeout(function(){
				 document.getElementById("wbc-success-copy-done").style.display = "none";
			 }, 5000);
		}
	</script>
	<?php
});

 

سلام استاد الان عالی شده واقعا ممنونم

اما چند پیشنهاد واسه بهتر شدن این کد کاربردی

1 -اگه سری به سافت 98 بزنید در پایین پست ها پسورد درج شده وقتی موس در اون باکس قرار می گیره یک پیام ظاهر میشه که برای کپی کلیک کنید. اگه محبت کنید این رو پیاده سازی کنید عالی میشه

2- دوم اینکه باکس و border لینک کوتاه دقیقا شکل و شمایل کادر لینک کوتاه دیجیاتو داشته باشه که هم فضای کمتری می گیره و هم قشنگ تره

3- سوم هم اینکه تایتل دریافت لینک کوتاه این نوشته هم باید کنار باکس و بشه لینک کوتاه مطلب که وقتی موس روی کادر قرار بگیره پیام برای کپی لینک کلیک کنید

digi.JPG

saaa.JPG

4- کادر قرمز نباشه و فقط کادر آبی با همون استایل و سبک دیجیاتو در یک بیضی باشه و کنار اون هم یک علامت لینک باشه عالی میشه

صمیمانه سپاسگزارم استاد گرانمایه

ویرایش شده در توسط chem
0

به اشتراک گذاری این پست


لینک به پست

استاد گرامی ام سلام

به نتیجه ای در مورد مواردی که عرض کردم نرسیدید؟

بیصبرانه منتظرم که این کار یک کار عالی و حرفه ای بشه

صمیمانه سپاسگزارم از زحمات شما

0

به اشتراک گذاری این پست


لینک به پست
در در 8/14/2018 at 18:08، m4xs051 گفته است :

 

خب یه مقدار کدها مرتب تر شد و مخاطب راحتر میتونه از کد استفاده کنه!

دیگه نیاز نیست کدهای استایل و کدهای html و کدهای php رو جدا جدا تو بخش های مختلف بزارید. کافی کل کد زیر رو در فانکشن قالب قرار بدید تا خروجی مورد نظر رو دریافت کنید.

 


add_filter("the_content", "wbc_function_copy");
function wbc_function_copy($content){
	$shortlink = '
	<div class="wbc-shortlink">
		<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
		<table>
			<tr>
				<td>
					<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
				</td>
				<td>
					<input id="wbc-post-shortlink" value="'.home_url().'/?p='.get_the_ID().'" type="text" readonly>
					<p id="wbc-success-copy-done">کپی شد!</p>
				</td>
			</tr>
		</table>
	</div>
	';
	if(is_single() && !is_home()){
		$content.=$shortlink;
	}
	return $content;
}
add_action("wp_head", function(){
	?>
			<style>
				.wbc-shortlink {
					width: 100%;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				button.wbc-copydone {
					padding: 11px;
					border: 1px solid #03A9F4;
					background-color: #03A9F4;
					font-family: inherit !IMPORTANT;
				}
				input#wbc-post-shortlink {
					text-align: left;
					border-color: #03A9F4;
					border-width: 2px;
				}
				.wbc-shortlink table tr td:first-child {
					text-align: left;
				}
				.wbc-shortlink table {
					position: relative;
				}
				p#wbc-success-copy-done {
					position: absolute;
					top: -45px;
					left: 32%;
					background-color: #03A9F4;
					padding: 8px 18px;
					color: #ffffff;
					border-radius: 4px;
					display: none;
				}
				h4.wbc-title-shortlink {
					text-align: right;
				}
			</style>
	<?php
});
add_action("wp_footer", function(){
	?>
	<script type="text/javascript">
		function wbc_function_copy() {
			var copyText = document.getElementById("wbc-post-shortlink");
			copyText.select();
			document.execCommand("copy");
			document.getElementById("wbc-success-copy-done").style.display = "block";
			setTimeout(function(){
				 document.getElementById("wbc-success-copy-done").style.display = "none";
			 }, 5000);
		}
	</script>
	<?php
});

 

درود استاد

علاوه بر مواردی که در پست های قبلی جهت بهبود کد خدمت شما عرض کردم

نکته بعدی اینکه الان این کد برای ووکامرس و محصولات هم نشون داده میشه و یه مقدار مطلوب نیست اگه میشه طوری ویرایش بفرمایید که فقط برای پست های سایت کار این کد نشون داده بشه و برای محصولات نشون داده نشه

با تشکر فراوان

0

به اشتراک گذاری این پست


لینک به پست
در 14 ساعت قبل، chem گفته است :

استاد گرامی ام سلام

به نتیجه ای در مورد مواردی که عرض کردم نرسیدید؟

بیصبرانه منتظرم که این کار یک کار عالی و حرفه ای بشه

صمیمانه سپاسگزارم از زحمات شما

سلام دوست عزیز

نه متاسفانه به دلیل ذیقه وقت مواردی که فرمودید رو نتونستم بررسی کنم.

مواردی که ذکر شده بیشتر استایل نویسی هست که اگر کمی تو این زمینه آشنا باشید میتونید استایل رو اونطوری که مدنظرتون هست تو سایت پیاده کنید.

0

به اشتراک گذاری این پست


لینک به پست
در 1 ساعت قبل، chem گفته است :

نکته بعدی اینکه الان این کد برای ووکامرس و محصولات هم نشون داده میشه و یه مقدار مطلوب نیست اگه میشه طوری ویرایش بفرمایید که فقط برای پست های سایت کار این کد نشون داده بشه و برای محصولات نشون داده نشه

ولی خب برای این مورد انشاالله اسرع وقت اصلاحش میکنم و کد اصلاح شده رو تو همین تاپیک پیوست میکنم.

0

به اشتراک گذاری این پست


لینک به پست
در 4 ساعت قبل، m4xs051 گفته است :

سلام دوست عزیز

نه متاسفانه به دلیل ذیقه وقت مواردی که فرمودید رو نتونستم بررسی کنم.

مواردی که ذکر شده بیشتر استایل نویسی هست که اگر کمی تو این زمینه آشنا باشید میتونید استایل رو اونطوری که مدنظرتون هست تو سایت پیاده کنید.

به هر حال خیلی خیلی ممنون میشم در هر زمان که وقت کردید محبت بفرمایید

در 2 ساعت قبل، m4xs051 گفته است :

ولی خب برای این مورد انشاالله اسرع وقت اصلاحش میکنم و کد اصلاح شده رو تو همین تاپیک پیوست میکنم.

صمیمانه سپاسگزارم استاد

0

به اشتراک گذاری این پست


لینک به پست

@chem

قراردادن لینک کوتاه فقط در نوشته ها:

add_filter("the_content", "wbc_function_copy");
function wbc_function_copy($content){
	global $post;
	$post_current_type = get_post_type($post->ID);
	if($post_current_type == "post"){
		$shortlink = '
		<div class="wbc-shortlink">
			<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
			<table>
				<tr>
					<td>
						<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
					</td>
					<td>
						<input id="wbc-post-shortlink" value="'.home_url().'/?p='.get_the_ID().'" type="text" readonly>
						<p id="wbc-success-copy-done">کپی شد!</p>
					</td>
				</tr>
			</table>
		</div>
		';
			if(is_single() && !is_home()){
				$content.=$shortlink;
			}
			return $content;
	}
	else{
		return $content;
	}
}
add_action("wp_head", function(){
	?>
			<style>
				.wbc-shortlink {
					width: 100%;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				button.wbc-copydone {
					padding: 11px;
					border: 1px solid #03A9F4;
					background-color: #03A9F4;
					font-family: inherit !IMPORTANT;
				}
				input#wbc-post-shortlink {
					text-align: left;
					border-color: #03A9F4;
					border-width: 2px;
				}
				.wbc-shortlink table tr td:first-child {
					text-align: left;
				}
				.wbc-shortlink table {
					position: relative;
				}
				p#wbc-success-copy-done {
					position: absolute;
					top: -45px;
					left: 32%;
					background-color: #03A9F4;
					padding: 8px 18px;
					color: #ffffff;
					border-radius: 4px;
					display: none;
				}
				h4.wbc-title-shortlink {
					text-align: right;
				}
			</style>
	<?php
});
add_action("wp_footer", function(){
	?>
	<script type="text/javascript">
		function wbc_function_copy() {
			var copyText = document.getElementById("wbc-post-shortlink");
			copyText.select();
			document.execCommand("copy");
			document.getElementById("wbc-success-copy-done").style.display = "block";
			setTimeout(function(){
				 document.getElementById("wbc-success-copy-done").style.display = "none";
			 }, 5000);
		}
	</script>
	<?php
});

 

1

به اشتراک گذاری این پست


لینک به پست
در 1 ساعت قبل، m4xs051 گفته است :

@chem

قراردادن لینک کوتاه فقط در نوشته ها:


add_filter("the_content", "wbc_function_copy");
function wbc_function_copy($content){
	global $post;
	$post_current_type = get_post_type($post->ID);
	if($post_current_type == "post"){
		$shortlink = '
		<div class="wbc-shortlink">
			<h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4>
			<table>
				<tr>
					<td>
						<button class="wbc-copydone"  onclick="wbc_function_copy()">کپی کن!</button>
					</td>
					<td>
						<input id="wbc-post-shortlink" value="'.home_url().'/?p='.get_the_ID().'" type="text" readonly>
						<p id="wbc-success-copy-done">کپی شد!</p>
					</td>
				</tr>
			</table>
		</div>
		';
			if(is_single() && !is_home()){
				$content.=$shortlink;
			}
			return $content;
	}
	else{
		return $content;
	}
}
add_action("wp_head", function(){
	?>
			<style>
				.wbc-shortlink {
					width: 100%;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				button.wbc-copydone {
					padding: 11px;
					border: 1px solid #03A9F4;
					background-color: #03A9F4;
					font-family: inherit !IMPORTANT;
				}
				input#wbc-post-shortlink {
					text-align: left;
					border-color: #03A9F4;
					border-width: 2px;
				}
				.wbc-shortlink table tr td:first-child {
					text-align: left;
				}
				.wbc-shortlink table {
					position: relative;
				}
				p#wbc-success-copy-done {
					position: absolute;
					top: -45px;
					left: 32%;
					background-color: #03A9F4;
					padding: 8px 18px;
					color: #ffffff;
					border-radius: 4px;
					display: none;
				}
				h4.wbc-title-shortlink {
					text-align: right;
				}
			</style>
	<?php
});
add_action("wp_footer", function(){
	?>
	<script type="text/javascript">
		function wbc_function_copy() {
			var copyText = document.getElementById("wbc-post-shortlink");
			copyText.select();
			document.execCommand("copy");
			document.getElementById("wbc-success-copy-done").style.display = "block";
			setTimeout(function(){
				 document.getElementById("wbc-success-copy-done").style.display = "none";
			 }, 5000);
		}
	</script>
	<?php
});

 

سلام و عرض ادب

الان اکی شد

فقط اگه در هر زمانی که وقت داشتید موارد زیر هم اعمال بفرمایید عالی میشه استاد

چون راستش من هیچی از کد نویسی و css سر در نمیارم

بینهایت ممنون و سپاسگذارم

در در 8/14/2018 at 18:42، chem گفته است :

سلام استاد الان عالی شده واقعا ممنونم

اما چند پیشنهاد واسه بهتر شدن این کد کاربردی

1 -اگه سری به سافت 98 بزنید در پایین پست ها پسورد درج شده وقتی موس در اون باکس قرار می گیره یک پیام ظاهر میشه که برای کپی کلیک کنید. اگه محبت کنید این رو پیاده سازی کنید عالی میشه

2- دوم اینکه باکس و border لینک کوتاه دقیقا شکل و شمایل کادر لینک کوتاه دیجیاتو داشته باشه که هم فضای کمتری می گیره و هم قشنگ تره

3- سوم هم اینکه تایتل دریافت لینک کوتاه این نوشته هم باید کنار باکس و بشه لینک کوتاه مطلب که وقتی موس روی کادر قرار بگیره پیام برای کپی لینک کلیک کنید

digi.JPG

saaa.JPG

4- کادر قرمز نباشه و فقط کادر آبی با همون استایل و سبک دیجیاتو در یک بیضی باشه و کنار اون هم یک علامت لینک باشه عالی میشه

صمیمانه سپاسگزارم استاد گرانمایه

 

0

به اشتراک گذاری این پست


لینک به پست

استاد @m4xs051

از اون روز تا الان هر کاری می کنم که بتونم عین اون مواردی که مد نظرم هست انجام بدم هنوز موفق نشدم .اگه میتونید و وقت دارید با پرداخت هزینه این موارد رو برام درست کنید

با تشکر فراوان

ویرایش شده در توسط chem
0

به اشتراک گذاری این پست


لینک به پست

@chem

سلام دوست عزیز

متاسفانه من وقت نکردم این مدت روی این تغییرات جدید کار کنم.
خصوصی در ارتباط باشید.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری