آموزش برنامه نویسی وب و مهارتهای مرتبط
یکشنبه ۰۲ دی ۱۴۰۳
Sunday, December 22, 2024 GMT +3:30
Sunday, December 22, 2024 GMT +3:30
چگونه قالب های دو طرفه برای سایت یا وبلاگ خود طراحی کنیم؟
طراحی قالب برای سایت یا وبلاگ بسته به میزان حوصله، صرف زمان و مهارت طراح قالب، ممکن است کاری لذت بخش یا وقت گیر و پردردسر باشد، طراحی یک قالب زیبا و کاربرپسند معمولا نیازمند بکارگیری عناصر و المان هایی است که چینش منظم و همگون آنها در کنار یگدیگر به میزان زیادی به حس زیبایی شناختی، تجربه و مهارت کدنویسی طراح بستگی دارد، از این گذشته کاربران معمولا تمایل دارند از حداقل فضا و امکانات موجود حداکثر استفاده را ببرند و معمولا قالب های دوطرفه (با دو سایدبار) را به قالب های عادی و یک طرفه ترجیح می دهند، از این رو در این مطلب نگاهی خواهیم داشت به روش های کلی ایجاد قالب های دو طرفه به کمک HTML و CSS تا الگو و نمای کلی کار برایمان روشن و مشخص شود.
ایجاد قالب های دو طرفه با جدول، روش قدیمی
یکی از روش های قدیمی طراحی قالب دوطرفه که به اصطلاح روش کار راه انداز هم می توان به آن لقب داد استفاده از جداول (تگ table) به عنوان لایه بندی کار است، جدول به دلیل استحکام و یکپارچگی خوبی که دارد ضمن افزایش سرعت کار پیچیدگی تعریف بلاک های تو در تو را ندارد، اما قبل از اینکه مثالی در این خصوص ارائه کنیم این نکته را باید یادآور شویم امروزه دیگر جداول در طراحی وب جایگاهی ندارند و این نوع طراحی تنها برای سایتهای به عنوان مثال دولتی و اداری توصیه می شود که نیاز به رقابت با سایر رقبا ندارند یا اینکه بحث زمان برای طراحی اهمیت حیاتی داشته باشد، اما برای سایت ها و وبلاگ هایی که تمایل دارند از رقبای خود از هر لحاظ پیشی بگیرند و ساختار بهتری داشته باشند، توصیه می شود که از بلاک های div به جای جداول استفاده کنند و تنها برای محتوای آماری و ردیف بندی شده، از جدول استفاده نمایند، این موضوع در مباحث سئو (SEO) همواره توصیه شده است.
به هر صورت، در مثال زیر ما یک جدول کلی با پنج بلاک درونی ایجاد کرده ایم که به فرض، بلاک بالا جهت هدر سایت، سه بلاک میانی جهت درج ستون های کناری و مطالب و نهایتا بلاک پائینی برای نوشتن فوتر، کپی رایت و... مورد استفاده قرار می گیرد، توصیه می کنیم قبل از اینکه به کدنویسی HTML قالب بپردازیم، ابتدا طرح کلی آن را در برنامه هایی نظیر فتوشاپ ترسیم کنیم تا الگوی بهتری در کدنویسی داشته باشیم چرا که طراحان حرفه ای معمولا طرح های اولیه خود را در فتوشاپ به شکل تصویری ترسیم می کنند و سپس آن را به صورت کدهای HTML و CSS تبدیل می کنند.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ایجاد قالب دو طرفه با جداول</title>
<!-- Webgoo.ir -->
</head>
<body>
<table width="800" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" height="100">Header</td>
</tr>
<tr>
<td>
<table width="800" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200" align="center" height="400">Side-1</td>
<td width="400" align="center" height="400">Center</td>
<td width="200" align="center" height="400">Side-2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" height="100">Footer</td>
</tr>
</table>
</body>
</html>- برای ایجاد بلاک های درونی، در بیشتر مواقع ناچاریم از جداول آشیانه ای (تو در تو یا Nested Tables) استفاده کنیم که در این مثال نیز یک جدول دیگر در درون جدول اصلی برای سه بلاک میانی ایجاد کرده ایم.
- برای اطمینان از معتبر بودن کدنویسی، از مرورگرهایی نظیر اُپرا یا پلاگین های Firefox و از قابلیت Validate آن در حین کار می توانیم استفاده کنیم، همچنین سرویس آنلاین سایت w3c در آدرس
validator.w3.org- می توانیم به راحتی با تعریف کلاس (Class) در CSS تنظیمات ظاهری مورد نظرمان را بر روی عناصر HTML صفحه اعمال کنیم.
- در وب مهم است که همیشه سعی کنیم با کوتاه ترین کدنویسی و با کم حجم ترین فایل ها، به هدفمان در طراحی قالب دست پیدا کنیم، چرا که صفحات وب به طور معمول از سرور راه دور به مرورگر کاربر ارسال و بارگذاری می شوند، لذا هرچه حجم اطلاعات کمتر باشد، سرعت کار افزایش پیدا خواهد کرد.
نکته: مجددا یادآور می شویم استفاده از تگ table در استانداردهای جدید صرفا برای نمایش اطلاعات آماری کاربرد دارد، بکارگیری این شیوه در طراحی قالب تنها یک راه حل به اصطلاح دم دستی و اضطراری است و نباید در حالت حرفه ای از آن استفاده شود.
ایجاد قالب های دو طرفه با بلاک های div، جایگزین table
همان طور که گفتیم، استفاده از جداول مدتهاست که دیگر در طراحی قالب های حرفه ای به کار نمی رود، یکی از دلایل این موضوع که عنوان می شود، قابلیت انعطاف پذیری پائین آن در دستگاههایی نظیر تلفن همراه یا تبلت است که کاربران را برای دیدن صفحات به زحمت می اندازد از طرفی سرعت بارگذاری و پردازش جداول در مقایسه با بلاک های div معمولا اندکی کمتر است، همچنین تگ table در مقایسه با div برای اعمال خواص CSS با محدودیت هایی مواجه است، به همین دلایل بهتر است مسیرمان را در طراحی وب با div جهت دهیم و هر کجا نیاز احساس شد از table استفاده کنیم.
برای ایجاد قالب های دوطرفه با لایه های div ناچار به تعریف آنها به صورت تو در تو هستیم و بعد از کدنویسی HTML باید با CSS به آنها فرم و شکل دهیم، مثال زیر به درک مطلب کمک خواهد کرد:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ایجاد قالب دو طرفه با بلاک های div</title>
<!-- Webgoo.ir -->
<style type="text/css">
.main{
width:800px;
height:600px;
border:1px #666 solid;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.header{
width:100%;
height:100px;
border-bottom:1px #666 solid;
display:block;
}
.side-1{
width:198px;
height:400px;
border:1px #666 solid;
display:block;
float:right;
}
.center{
width:398px;
height:400px;
border:1px #666 solid;
display:block;
float:right;
}
.side-2{
width:198px;
height:400px;
border:1px #666 solid;
display:block;
float:right;
}
.clear{
clear:both;
}
.footer{
width:100%;
height:100px;
border-top:1px #666 solid;
display:block;
}
</style>
</head>
<body>
<div class="main">
<div class="header">
Header
</div>
<div class="side-1">
Side-1
</div>
<div class="center">
Center
</div>
<div class="side-2">
Side-2
</div>
<div class="clear"></div>
<div class="footer">
Footer
</div>
</div>
</body>
</html>- کدنویسی با تگ div و استایل CSS روشی حرفه ای است که نیازمند داشتن تجربه کافی و آگاهی از قابلیت ها و خواص CSS است، لذا فراگیری و تمرین آموزش های مقدماتی برای شروع طراحی وب الزامی خواهد بود.
- اگر احساس می کنید هنوز مهارت لازم را در استایل نویسی CSS کسب نکرده اید بهتر است ابتدا استایل ها را به صورت خطی بنویسید و سپس کلاس ها را تعریف و استایل را از حالت خطی به یک فایل CSS خارجی منتقل و آن را در صفحه به اصطلاح ایمپورت کنید، مثال:
گام اول (نوشتن استایل به صورت خطی):
<div style="width:800px; height:600px; border:1px #666 solid; display:block; margin-left:auto; margin-right:auto; text-align:center;">.main{
width:800px;
height:600px;
border:1px #666 solid;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}<link type="text/css" href="template/style.css">- بلاک مربوط به کلاس clear در مثال بالا، صرفا نقش ایجاد یک خط نامرئی در صفحه را دارد که هر آنچه بعد از آن قرار می گیرد را در زیر خود نشان می دهد (گاهی مواقع استفاده از چنین تکنیک هایی در طراحی وب اجتناب ناپذیر است).
- با دقت در مقادیر کلاس ها، خواهیم دید که CSS تا چه حد کار طراحان وب را آسان کرده و به قدرت آن بیشتر پی خواهیم برد.
طراحی قالب های واکنش گرا (Responsive)
همان طور که دیدیم سیر تحول در شیوه طراحی قالب های وب از تگ table شروع و به استفاده از بلاک های div ختم می شود، اگرچه استفاده از div در حال حاضر روش متداول است اما این تگ با تکنیک های جدیدی همراه شده تا بیشترین سازگاری را به هنگام نمایش قالب های وب در دستگاه های مختلف (دسکتاپ، تبلت، فبلت، گوشی های تلفن همراه و...) داشته باشد، این تکنیک های جدید در مجموع با عنوان قابلیت واکنش گرا یا Responsive شناخته می شوند که به طور خلاصه یعنی قالب وبی طراحی کنیم تا در تمام دستگاه ها با هر اندازه صفحه نمایش و وضوح تصویری به خوبی فرمت بندی و نشان داده شود، به طور مثال اگر کد بالا را که با مقداردهی پیکسلی ثابت استایل نویسی شده در گوشی تلفن همراه خود مشاهده کنیم، احتمالا نیازمند به استفاده از بزرگنمایی یا اسکرول افقی خواهیم بود، اما با استفاده از تکنیک های طراحی قالب های واکنش گرا، همین قالب را تبدیل می کنیم به قالبی سازگار با گوشی های تلفن همراه، مثال:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#666" />
<title>وبگو | ایجاد قالب دو طرفه واکنش گرا با بلاک های div</title>
<!-- Webgoo.ir -->
<style type="text/css">
.main{
display:block;
width:100%;
height:auto;
border:1px #666 solid;
direction:rtl;
}
.header{
display:block;
width:100%;
height:100px;
border-bottom:1px #666 solid;
}
.side-1{
display:inline-block;
width:25%;
height:auto;
}
.center{
display:inline-block;
width:50%;
height:auto;
margin-right:-4px;
}
.side-2{
display:inline-block;
width:25%;
height:auto;
margin-right:-4px;
}
.side-1-inside, .center-inside, .side-2-inside{
width:100%;
height:100%;
border:1px #666 solid;
}
.clear{
clear:both;
}
.footer{
display:block;
width:100%;
height:100px;
border-top:1px #666 solid;
}
@media only screen and (max-width:800px) {
.side-1{
display:-block;
width:100%;
}
.center{
display:block;
width:100%;
margin-right:0;
}
.side-2{
display:block;
width:100%;
margin-right:0;
}
}
</style>
</head>
<body>
<div class="main">
<div class="header">
Header
</div>
<div class="side-1"><div class="side-1-inside">Side-1</div></div>
<div class="center"><div class="center-inside">Center</div></div>
<div class="side-2"><div class="side-2-inside">Side-2</div></div>
<div class="clear"></div>
<div class="footer">
Footer
</div>
</div>
</body>
</html>- منظور از قالب واکنش گرا (Responsive)، قالب وبی است که با توجه به اندازه صفحه نمایش، صفحه مرورگر یا وضوح تصویر رسانه کاربر که طیف وسیعی از دستگاه ها را شامل می شود، تغییر شکل داده و به عبارتی خود را با اندازه صفحه نمایش رسانه سازگار می کند.
- برای طراحی قالب های واکنش گرا از چند تکنیک مختلف در CSS استفاده می شود، به طور مثال این تکنیک ها می توانند شامل تعریف مقادیر مربوط به عرض، ارتفاع و... به صورت درصدی (%) به جای تعریف آنها با مقادیر ثابت مانند پیکسل (px) یا استفاده از مدیا کوئری (media) و تعریف استایل جداگانه برای اندازه صفحه نمایش های مختلف باشد، به فرض خط زیر
@media only screen and (max-width:800px)- برای بکارگیری تکنیک های مختلف در طراحی قالب های واکنش گرا ابتدا باید HTML و CSS را فرا گرفته و سپس در هنگام طراحی و کدنویسی وب این تکنیک ها را لحاظ کنیم که در جای خود نیاز به آموزش جداگانه دارد، برای اطلاع بیشتر می توانیم در وب در این رابطه جستجو کنیم.
دسته بندی: مهارتهای وب » طراحی وب
مطالب بیشتر:طراحی قالب سه بعدی وب با فتوشاپ و CSS
آموزش نحوه کاهش حجم تصاویر وب با فتوشاپ
چگونه برای سایت یا وبلاگ خود قالب طراحی کنیم؟
قابلیت های کاربردی CSS3 در طراحی وب
طراحی باکس جستجو با فتوشاپ و CSS
دیدگاه
۷ دیدگاه برای این مطلب ارسال شده است. دیدگاه جدید بر اساس تاریخ ارسال در انتهای دیدگاه های موجود نمایش داده می شود.۱۱:۳۷ ۱۳۹۱/۰۳/۲۳
سلام
میشه یکمی بیشتر توضیح بدین.توضیحات تون خیلی کمه!!ممنون میشم.
میشه یکمی بیشتر توضیح بدین.توضیحات تون خیلی کمه!!ممنون میشم.
در مورد توضیح بیشتر، این مورد تا حدود زیادی به آشنایی و تسلط شما به CSS برمی گردد، کار طراحی قالب معمولا بیشتر به سلیقه طراح بستگی دارد، این آموزش هم صرفا جهت معرفی یک الگو است، اگر به نظرتان پیچیده می رسد، توصیه می کنیم مهارتهای خود را در زمینه CSS از ابتدا و گام به گام افزایش دهید؛ چون بدون تسلط بر استایل نویسی، نمی توانید قالب طراحی کنید.
۰۰:۰۳ ۱۳۹۱/۰۴/۱۱
ممنون کارمون رو تا حدودی راه انداختین
محمد
۰۴:۵۹ ۱۳۹۲/۰۵/۱۳
سلام. ممنون از زحماتی که میکشین...
بنده رو طرحی تقریبا شبیه طرح این سایت کار می کنم.
خیلی ممنون
بنده رو طرحی تقریبا شبیه طرح این سایت کار می کنم.
www.stclick.irخیلی ممنون
مشکل شما یک مورد جزئی نیست تا بتوانیم دقیقا کمکتان کنیم، در واقع باید تجربه کافی در طراحی قالب و کار با خاصیت های مختلف CSS را داشته باشید، چون هر عنصر در صفحه در تعامل با عناصر دیگر شکل و فرم می گیرد، یعنی از اسکلت بندی کار باید بدانید که خاصیت های مختلف چه تاثیری بر همدیگر و در نهایت بر کل ساختار قالب دارند، این کار هم صرفا با تمرین و تکرار قبلی حاصل می شود و کاری نیست که در کوتاه مدت بتوان آموزش داد، باید از طراحی قالب های کوچک شروع کنید، با نحوه ایجاد المان های تو در تو آشنا باشید، همین طور با نحوه مقدار دهی پیکسلی، درصدی و...
محمد
۰۲:۴۶ ۱۳۹۲/۰۵/۱۴
پررویی بنده رو ببخشین که دست بردار نیستم، خیلی نیاز دارم به این هر جا گشتم پیدا نکردم.
فکر کنم سوال بنده رو درست متوجه نشدین! به نظرم جواب سوالم باید خیلی ساده باشه. متاسفانه در کامنت قبلی سوالم رو خیلی بد مطرح کردم! ساده تر بگم بنده می خوام سه تا بلاک ایجاد کنم. یکیش وسطیه که اندازه عرضش ثابته (956 پیکسل). دو تا بلاک دیگه هم که عرضاشون (width ) ثابت نیست و در کناره ها قرار می گیرن. دقیقا سوالم این بود که عرض دو تا کلاس right-side و left side چی باشه که متناسب اندازه صفحه باشن.
فکر کنم سوال بنده رو درست متوجه نشدین! به نظرم جواب سوالم باید خیلی ساده باشه. متاسفانه در کامنت قبلی سوالم رو خیلی بد مطرح کردم! ساده تر بگم بنده می خوام سه تا بلاک ایجاد کنم. یکیش وسطیه که اندازه عرضش ثابته (956 پیکسل). دو تا بلاک دیگه هم که عرضاشون (width ) ثابت نیست و در کناره ها قرار می گیرن. دقیقا سوالم این بود که عرض دو تا کلاس right-side و left side چی باشه که متناسب اندازه صفحه باشن.
.block{
position:absolute;
bottom:0px;
top:0px;
right:0px;
left:0px;
height:auto;
background-color: yellow;
}
.main-block{
width: 956px;
height: 900px;
margin-right: auto;
margin-left: auto;
background-color: green;
}
.left-side{
position:absolute;
top:0px;
left:0px;
bottom: 0px;
background-color: red;
width: ؟؟؟;
}
.right-side{
position:absolute;
top:50px;
left:0px;
bottom: 0px;
background-color: red;
width:؟؟؟ ;
}<div class="block">
<div class="left-side"></div>
<div class="main-block"></div>
<div class="right-side"></div>
</div>شاید توضیح روش حل این مشکل به جهت نیاز به داشتن تسلط و تجربه قبلی در مباحث CSS، در اینجا مقدور نباشد، اما احتمالا الگوی زیر مد نظر شما است:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | ایجاد سه بلاک در کنار هم</title>
<!-- Webgoo.ir -->
<style type="text/css">
body{
margin:0;
padding:0;
}
#content-wrapper{
float:left;
width:100%;
margin-left:-40%;
}
#left-block{
margin:0 190px 0 40%;
background:#69C;
text-align:right;
}
#main-block{
float:left;
width:190px;
margin-left:-190px;
background:#F90;
}
#right-block{
float:left;
width:40%;
background:#699;
}
.content-block{
margin:20px;
margin-top:0;
}
</style>
</head>
<body>
<div id="content-wrapper">
<div id="left-block">
<div class="content-block">بلاک چپ</div>
</div>
</div>
<div id="main-block">
<div class="content-block">بلاک اصلی</div>
</div>
<div id="right-block">
<div class="content-block">بلاک راست</div>
</div>
</body>
</html>۱۸:۰۵ ۱۳۹۲/۰۹/۰۹
سلام
ببخشید میشه به من بگید چطوری میتونم footer قالبم که به هم ریخته رو درست کنم
خدایی این دفعه رو کمک کنید و یادداشت منو حذف نکنید وبلاگم رو درست کردم ولی فوتر ظاهرش رو خیلی بد ریخت کرده
ممنون میشم
ببخشید میشه به من بگید چطوری میتونم footer قالبم که به هم ریخته رو درست کنم
خدایی این دفعه رو کمک کنید و یادداشت منو حذف نکنید وبلاگم رو درست کردم ولی فوتر ظاهرش رو خیلی بد ریخت کرده
ممنون میشم
منظورتان از "بهم ریختن و بد ریخت شدن" مشخص نیست، لطفا سوالتان را کمی دقیق تر و با جزئیات بیشتر مطرح کنید، دقیقا فوتر باید چگونه باشد؟
لیلا
۱۹:۳۳ ۱۳۹۲/۱۰/۰۶
لطفا توضیحاتتون رو به زبان ساده تری بیان کنید .......
این آموزش جزء مطالب قدیمی سایت است که در آینده مورد بازنگری قرار خواهد گرفت!
۱۹:۰۴ ۱۳۹۳/۰۱/۰۲
با سلام یک سوال داشتم قالبی را خودم طراحی کردم وقتی که آن را در وبلاگ می اندازم قبول نمی کند می گوید با این پسوند وارد کنید. <blogfa> وارد نماید چگونه این مشکل را حل کنم....
قالبتان با بلاگفا سازگار نیست، لطفا به راهنمای تگ های اختصاصی بلاگفا (در قسمت ویرایش کد قالب) مراجعه یا از یک قالب آماده الگوبرداری کنید.
آخرین دیدگاه ها
برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.رضا
ممنونم از شما بابت وقتی که گذاشتید و پاسخ دادین. بی صبرانه منتظر برنامه شما هستیم. راستی یه سوال خدمت شما داشتم. بهترین راه...۱۴۰۳/۰۹/۲۷
رضا
اصلاح می کنم دیکودر ایرانی یون ۱۲ هم گویا پیدا شده امان از دست ...۱۴۰۳/۰۹/۲۱
رضا
سلام ممنون برای پاسخ خوبتون. فرمودین <نکته 1: با مبهم سازی، سورس ها همچنان قابل کپی هستند منتها برای انسان گیج کننده، نامفهوم و...۱۴۰۳/۰۹/۲۱
رضا
سلام من چند ماهی هست که کلی روی یه پروژه سیستم مدیریت محتوا با زبان php کار کردم و پروژه کامل شده. قصد...۱۴۰۳/۰۹/۲۰
ناشناس
سلام خسته نباشید وقتتون بخیر چطور می تونم با استفاده از حلقه وایل بزرگ ترین و کوچک ترین عدد را از بین چند عدد پیدا...۱۴۰۳/۰۹/۱۸
علایی
با سلام و درود بی پایان و خوشحالم که با این سایت آشنا شدم بنده وردپرس کار هستم اگه لطف بکنید و نحوه شمسی سازی...۱۴۰۳/۰۹/۱۲
روزمرگی های یک مهندس عمران
در جستجوی یک مطلب در مورد مهندسی عمران داشتم میگشتم که رسیدم به این سایت وبگو که یک سایت تخصصی آموزش برنامه نویسی وب و...۱۴۰۳/۰۹/۱۱
روزمرگی های یک مهندس عمران
من یک وبلاگ در بلاگ اسپات دارم و میخوام موتور جستجوی گوگل در وبلاگ استفاده کنم، پرسشم اینه که آیا خود بلاگر این ابزار را...۱۴۰۳/۰۹/۰۹
سیدعباسی
با تشکر از شما استاد بزرگوار تست کردم واسه اعداد بزرگتر بالا و پایین می کنه و صحیح نیست مثلا از یک تا ۹...۱۴۰۳/۰۹/۰۴
هیوا
سلام ببخشید من کد زنی رو بصورت آموزش شروع کردم اما اینکه چطور صفحه رو رفرش کنم که همزمان ببینم کدهایی که میزنم تاچه حد...۱۴۰۳/۰۹/۰۳
سیدعباسی
با تشکر از شما استاد خیلی خوب بود کارم درست شد خدا خیرتون بده فقط یه سوال دیگه هم دارم چطوری string قبلی رو...۱۴۰۳/۰۹/۰۳
سیدعباسی
با سلام و خسته نباشید با تشکر از راهنمایی های شما کارم درست شد سپاسگزارم یه مشکل دارم من داده های به این شکل...۱۴۰۳/۰۸/۳۰
ایمان
سلام و عرض ادب شکل و شمایل سایتم در موبایل و فایر فاکس درست است در کروم به هم ریخته امکان داره کمکم کنید۱۴۰۳/۰۸/۲۹
سیدعباسی
با تشکر از شما استاد من مشکل خودم رو بصورت زیر حل کردم تغییر بدید چون وقتی کدهارو می نویسیم مشخص نیست...۱۴۰۳/۰۸/۱۹
سیدعباسی
با سلام و تشکر از شما دست شما درد نکنه مشکل این کد چیه؟ کار نمی کنه۱۴۰۳/۰۸/۱۶
سیدعباسی
با سلام و خسته نباشید واسه حذف کپی رایت نمی خوام واسه لینک های خودم میخوام که تابعش رو داشته باشم بصورت عادی لینکها...۱۴۰۳/۰۸/۱۴
سیدعباسی
با تشکر از شما درست شد ببخشید یه سوال دیگه هم دارم چطور می تونم لینک یک مطلب رو پیدا کنم بعد بگم اگه...۱۴۰۳/۰۸/۱۳
سیدعباسی
ببخشید کد قبلی اشتباه بود دقت نکرده بودم شرمنده کد اصلاح شده اینه می خوام در انتها همه ی برچسب هارو داشته باشم با...۱۴۰۳/۰۸/۱۰
سیدعباسی
با سلام خسته نباشی من از این تابع برای استخراج برچسب های سایتم استفاده می کنم تنها مشکلی که این تابع داره اینکه...۱۴۰۳/۰۸/۰۹
سیدعباسی
با تشکر از شما مشکلم حل شد خیلی ممنون از شما یه سوال دیگه هم دارم البته ببخشید من یه textarea دارم...۱۴۰۳/۰۸/۰۶
سیدعباسی
با سلام ببخشید هی مزاحمتون میشم من یه پلاگین دارم برای خروجی گرفتن از sitemap لینکهایی که برام خروجی می گیره از بالا به...۱۴۰۳/۰۸/۰۵
سیدعباسی
با تشکر از شما دوست عزیز خیلی خوب بود یه سوال دیگه هم دارم البته ببخشید وقتی از سایت مپ خروجی میگیریم؟ که لینکها رو...۱۴۰۳/۰۸/۰۴
در انتظار بررسی: ۰
پاسخگویی به سوالات ممکن است تا ۲۴ ساعت زمان ببرد.
پاسخگویی به سوالات ممکن است تا ۲۴ ساعت زمان ببرد.
محتوا در وبگو به صورت تألیفی تهیه می شود و دارای حق تألیف است، در صورت نیاز به کپی برداری لطفا ابتدا "شرایط استفاده" را مطالعه کنید.
خدمات و راه های ارتباطی ما صرفا تحت دامنه Webgoo.ir ارائه و اطلاع رسانی می شوند، صفحات یا عناوین مشابه مورد تائید نمی باشند.
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.