با سلام من نمی دونم این سوال مبوط به کدوم قسمته و کجا مطرح کنم. پس همین جا مطرحش می کنم با آموزش هایی که در سایت شما یاد گرفتم تونستم خودم رو بالا بکشم و پروژه های کوچیک و متوسط زیادی رو کار کنم خوب گفتم از شما بپرسم که از همان ابتدا استاد من بودید. از من خواسته شده که این صفحه رو طراحی کنم http://preview.themeforest.net/item/lucid-angular-7-admin-template/full_screen_preview/23294743 ولی کمی گیج شدم من ظاهر صفحه رو طراحی کردم و برای نمودارها از کتابخانه chart.js استفاده کردم الان باید صفحه تعاملی بشه و داده ها رو از دستگاه مرکزی دریافت کنه فکر می کنم به یک کد جاوا اسکریپت نیاز هست ولی نمی دونم چی فکر می کنم خیلی پیچیده هست و من از پسش بر نمیام. شما می تونید من رو راهنمایی کنید؟
با سلام دوست عزیز
اگر درست متوجه شده باشم، دیتابیس در جای دیگری هست و شما سایتتون در جای دیگه و حالا می خواین از داده های اون مرکز استفاده کنید. در اینجا از وبسرویس استفاده میکنن
وبسرویس: یه رابطه برنامه نویسیه که بر بستر وب پیاده سازی میشه. سرویس در اختیار ما قرار میده تا بتونیم به تبادل اطلاعات در بین سیستم‌های مختلف بپردازیم.
یه نکته دیگه ای هست که اگه به دیتابیس دسترسی نداشته باشید باید از سیستم مرکزی به شما وبسرویس بدهند و از آن داده استفاده کنید.
ولی اگه مستقیما به دیتابیس دسترسی دارید و یوزر و پسورد اون رو دارید میتونید از تابع wpdb به دیتابیس مورد نظر وصل بشید. مثال زیر رو ببینید:
$mydb = new wpdb($username, $password, $database, $host);
$query = $mydb->get_results("your query");
dmahdib
5 سال و قبل
سلام خسته نباشید من می خواهم یک input با type=file درست کنم که وقتی فرد عکسی رو لود کند عکس رو در سایت ببینه و بعد اپلودش کنه من این کا رو با php جداگانه مطالعه کردم می خواستم بدونم در وردپرس چه جوریِ ممنون می شوم کمکم کنید
این بخش آموزشی تون خیلی جذاب و کاربردی بودش برام، ازتون سپاسگزارم
امیدوارم بازم این بخش رو توسعه ببخشید و کتابخانه های کاربردی کوچکی رو معرفی کنید.
javad2010
5 سال و قبل
سلام
ممنون از اقای مظلومی بایت اموزش های زیبا و با کیفیتتون
امکانش هست ماهیت این کد رو برای ایجاد فلش توضیح بدین در قسمت اسکرول به سمت بالا.کدو درک نکردم
#scroller:before{
content:””;
width:20px;
height:20px;
position :absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #dc3522;
top:0;
right: 0;
}
سلام دوست من
خب طبیعتا ما برای ایجاد فلش میتونیم از pseudo یعنی همین after , before استفاده کنیم. خب وقتی هم از این pseudo استفاده میکنیم نیاز به content حتما داریم که در اینجا خالی میزاریم.
حالا میخوایم یک فلش ایجاد کنیم.
1 – اول خب یک عرض و ارتفاع تعریف میکنیم.
2 – برای اینکه فلش رو دقیقا در موقعیت مد نظرمون قرار بدیم از position , top , right , bottom , left استفاده میکنیم (دقت داشته باشید که کلاس یا آیدی scroller به صورت position:relative باشه)
3 – در نهایت هم میایم 3 تا border تعریف میکنیم. من میخوام فلشم به بالا باشه خب طبیعتا اول از همه میام برای border-right , border-left مقدار با transparent تعریف میکنم و در نهایت هم یه border-bottom. چرا برای چپ و راست رنگی تعریف نکردم؟ چون میخوام المانم به صورت مثلث نمایش داده بشه
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
ممنون.ولی حقیقا این شکل فلش چطور به وجود میاد با یه border-bottom رو نمی فهمم .واسم قابل درک نیست که چطور شکل میگیره.چپ و راستو بدونه رنگ میداریم و پاینو رنگ میدیم به اینکه بخواییم به مربع که درست کردیم یه زاویه بدیم
اینو درک نمیکنم.شکل درست میشه اما نمیدونم چطور
tej96
5 سال و قبل
با سلام . من از کاربران سایتتون هستم و تونستم با آموزش های فوق العادتون یه سامانه برای محل کارم طراحی کنم. اما میخوام بحث front-end رو حرفه ای کار کنم. مشاوره ای که گرفتم بهم گفتن : “”Vue.js یا Angular یا “”React “” کار کن . میخواستم اگر ممکنه توضیحاتی راجع به این تکنولوژی ها بدید و برگزاری دوره تو این زمینه ها رو بررسی بفرمائید .
سلام دوست من
قطعا حرف درستی زده شده به خصوص در بحث React اما پیشنهاد شروع به دنیای وب قطعا و یقینا HTML , CSS بوده و هست و خواهد بود
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام و ممنون از پاسختون. قطعا درست میفرمائید . من html , css رو در حد متوسط یاد گرفتم . میخوام ببینم گام بعد چی باید باشه؟ شما پیشنهاد میدین مستقیما برم سراغ react یا مسیری که توسایت خودتون هست دنبال کنم ؟ bootstrap- sass-grunt ,…. چون من هیچی از react , vue.js , angular نمی دونم. از ادامه مسیر طراح رابط کاربری که تو سایت هست هم در حد معرفی که کردین آشنایی دارم. در کل حالا که html , css رو تقریبا بلدم برم سراغ bootstrap- sass-grunt و. یا مستقیما react
با سلام و ممنون از پاسختون. لطفا یه توضیح بیشتر راجع به React میدین ؟ کلا میخوام بدونم اگر html و css رو بلد باشیم ، گام بعدی می تونه یاد گرفتن react باشه یا اول باید bootstrp , sass, grunt و …. کار کرد
سلام دوست من
دقت داشته باشید که لازمه آشنایی با React بدون شک Javascript هست.
پیشنهاد میکنم در مرحله اول نسبت به HTML , CSS تسلط کافی رو بدست بیارید و در انتها با تمام زمان و ذهنتون وارد بحث Javascript بشید.
React js یکی از کتابخانه های جاوا اسکریپتی محبوب برای توسعه رابط کاربری است که در فیسبوک و اینستاگرام هم مورد استفاده قرار می‌گیرد.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام من میخوام با after و before این آیکون که پسوندش هم svg هستش رو در وسط و جای خالی قرار بدم ولی داخل بوت استرپ و با این شرط که توی گوشی با صفحه هات کوچیک این دو فاصله به هم نچسبه و صحیح نمایش بده ولی قبول هرکاری میکنم اصلا قبول نمیکنه ممنون میشم راهنمایی کنید
سلام لطفا توضیح کامل در این مورد بدهید. به درستی متوجه منظور شما نشدیم.
لطفا سورس رو هم ارسال کنید تا بعد از توضیح کامل شما بررسی کنیم.
با تشکر از شما 🙂
دقیق بخوام بگم اینه که من یه آیکون دارم با پسوند SVG این تا اینجا
قسمت دوم اینه که من یه border دارم که میخوام این آیکون با after و before دقیقا وسط این قرار بگیره مشکلی که دارم اینه که من هر مدل کد میزنم قبول نمیکنه از 20 نفر هم پرسیدم ولی راه حلی پیدا نکردم و فقط با margin قبول میکنه که اونم چون با بوت استرپ کدنویسی میکنم وقتی توی صفحات کوچیک باز میکنم بخاطر وجود margin کاملا بهم میریزه توی فایل فشرده ای که ضمیمه کردم هم کدهام هست هم آیکون و هم دوتا عکس که عکس شماره 1 مشکل فعلی و عکس شماره 2 دقیقا چیزی هستش که من میخوام امیدوارم کامل بوده باشه
درود مهرداد عزیز
منظور شمارو متوجه شدم ممنون از شما.
لطفا سورس رو ارسال کنید تا برای شما انجام بدم و توضیح کاملی در رابطه با درخواستتون بدم.
موفق باشید 🙂
درود دوست خوبم
فایل رو براتون ضمیمه کردم و میتونین با این روال پیش برید. سعی شده به ساده ترین روش کدنویسی بشه. هر سوالی بود بنده در خدمتم.
فقط یک نکته: در سایز های مختلف (رسپانسیو) فقط باید عرض های before و after را تغییر دهید.
موفق باشید 🙂
سلام
استاد چه طور می شه قبل از لود صفحه یک تصویر نامشخص از المان ها به کاربر نمایش داد
نمونه ش رو براتون ضمیمه کردم (مربوط به سایت دراپ باکس)
مرسی از اینکه همیشه پاس گوی سوالات هستید
سلام دوست من
شما باید یک تصویر گرافیکی ایجاد کنید و در نهایت کد جی کوئری مربوط به لود کامل وب سایت رو به همراه همین تصویر گرافیکی ایجاد کنید.
تا زمانیکه وب سایت به طور کامل لود میشود چنین تصویری نمایش داده میشود.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
hamidha
7 سال و قبل
سلام
ممنون از آموزشی که در رابطه با لودر ساخته بودید
بسیار جذب وعالی بود
در همین زمینه دو تا سوال دارم :
1. چه طور می تونیم یه لودر بسازیم که وقتی محتویات صفحه هنوز به صورت کامل لود نشده اون لودر بیاد و نمایش داده بشه تا این که محتویات صفحه کامل بارگذاری بشه( . زمانی که می خواییم داده های خودمون رواز سرور بگیریم لودینگ حوصله کاربر را می بره و واسه کاربر خوشایند نیست !)
2.چه طور می تونیم یه کاری کنیم که وقتی صفحه داره لود میشه المان های تو صفحه به شکل اصلی شون نشون داده نشوندمنظورم یه حالتی که فکر کنید یه دیو داریمو توی اون دیو یه عکس به همراه یه h2 , یه p تگ . حالا می خواییم تا زمانی که درست اطلاعات لود نشدند بیاییم یه عکس تستی بزاریم به جای اون عکسه یا متن تستی بزاریم به جای تگ p
سلام سوالات شما خیلی کلی هستش و حتما باید به javascript یا jquery تسلط داشته باشید.
رویداد زیر مشخص میکنه وقتی صفحه لود شد بیاد یه کاری رو انجام بده. window.onload = function () { alert("It's loaded!") }
تمام کارهایی که لازمه رو باید داخل این رویداد بنویسید.
موفق باشید 😉
سلام
ایجکس در مسیر وردپرس مفصل پرداخته شده است.
جاوااسکریپت در برنامه بعدی مان هست
moradidoost
7 سال و قبل
با سلام. من یک صفحه گالری تصاویر طراحی کردم با استفاده از روش masonry. مشکلی که هست با اولین لود صفحهT تصاویر به صورت نامنظم و روی هم قرار میگیرند و بعد از رفرش مجدد مرتب می شوند. با کلیک روی هر تصویر آلبوم تصاویر مربوط به آن باز می شود. آدرس صفحه:
arizrang.com/temp
سلام دوست من
دو مشکل وب سایت شما داره یکی اینکه قبل و بعد از بخش Masonary حتما از خاصیت clear:both برای المان ها استفاده کنید.
و مورد دوم اینکه در بخش Console Chrome Devtools یا Console Firefox مشکل Uncaught ReferenceError رو حل کنید. (برای حل این مشکل یا $ رو به jQuery تبدیل کنید یا اینکه از document.ready jquery استفاده کنید تمامی موارد رو در داخل آن قرار دهید)
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام ممنون از پاسخگوییتون
خاصیت clear:both رو برای المان ها گذاشتم و سعی کردم و برای مشکل ارور جی کوئری از document.ready استفاده کردم اما مشکلم حل نشد و ارورها و مشکل اصلی صفحه گالری همچنان هست
بعله باز هم اولین نفرم :))))))))) اینجاس که مشخص میشه من هواسم بهتون هست توی سایت
یک درخواست : ادیتور پیشفرض وردپرس خیلی سادس اگر امکان هست آموزشی مبنی بر اضاف کرده امکانات به این ادیتور رو آموزش بدید پلاگینش هست ولی اگر یه آموزش بدون پلاگین تهیه بشه به نظرم جالب توجه تر هستش .
سلام چرا دوره های canavas / flexbox / bower از تو مسیر یادگیری رابط کاربری برداشتین؟ ترتیبشون چند بود و این سه دوره در چه مرحله ای قرار میگرفتن؟
دوره Flexbox رو قبل از دوره Bootstrap مشاهده کنید. دو دوره بعدی رو میتونید پس از گذراندن دوره های دیگر ، مشاهده کنید.
سلام در بخش masonry اگر با بوت استرپ بخوایم کار کنیم باید از ساختار card ها استفاده کنیم؟
با سلام و خسته نباشید.
آره میتونید از کامپوننت Card هم استفاده کنید.
من فقط باید کد html رو بنویسم و در واقع front-end هستم. آیا این کار وظیفه منه؟
با سلام و خسته نباشید
چه کاری؟
این صفحه هست که می خوام طراحی کنم
با سلام من نمی دونم این سوال مبوط به کدوم قسمته و کجا مطرح کنم. پس همین جا مطرحش می کنم با آموزش هایی که در سایت شما یاد گرفتم تونستم خودم رو بالا بکشم و پروژه های کوچیک و متوسط زیادی رو کار کنم خوب گفتم از شما بپرسم که از همان ابتدا استاد من بودید. از من خواسته شده که این صفحه رو طراحی کنم http://preview.themeforest.net/item/lucid-angular-7-admin-template/full_screen_preview/23294743 ولی کمی گیج شدم من ظاهر صفحه رو طراحی کردم و برای نمودارها از کتابخانه chart.js استفاده کردم الان باید صفحه تعاملی بشه و داده ها رو از دستگاه مرکزی دریافت کنه فکر می کنم به یک کد جاوا اسکریپت نیاز هست ولی نمی دونم چی فکر می کنم خیلی پیچیده هست و من از پسش بر نمیام. شما می تونید من رو راهنمایی کنید؟
با سلام دوست عزیز
اگر درست متوجه شده باشم، دیتابیس در جای دیگری هست و شما سایتتون در جای دیگه و حالا می خواین از داده های اون مرکز استفاده کنید. در اینجا از وبسرویس استفاده میکنن
وبسرویس: یه رابطه برنامه نویسیه که بر بستر وب پیاده سازی میشه. سرویس در اختیار ما قرار میده تا بتونیم به تبادل اطلاعات در بین سیستم‌های مختلف بپردازیم.
یه نکته دیگه ای هست که اگه به دیتابیس دسترسی نداشته باشید باید از سیستم مرکزی به شما وبسرویس بدهند و از آن داده استفاده کنید.
ولی اگه مستقیما به دیتابیس دسترسی دارید و یوزر و پسورد اون رو دارید میتونید از تابع wpdb به دیتابیس مورد نظر وصل بشید. مثال زیر رو ببینید:
$mydb = new wpdb($username, $password, $database, $host);
$query = $mydb->get_results("your query");
سلام خسته نباشید من می خواهم یک input با type=file درست کنم که وقتی فرد عکسی رو لود کند عکس رو در سایت ببینه و بعد اپلودش کنه من این کا رو با php جداگانه مطالعه کردم می خواستم بدونم در وردپرس چه جوریِ ممنون می شوم کمکم کنید
سلام دوست من
وردپرس هم با PHP نوشته شده
با سلام و تشکر از شما
این بخش آموزشی تون خیلی جذاب و کاربردی بودش برام، ازتون سپاسگزارم
امیدوارم بازم این بخش رو توسعه ببخشید و کتابخانه های کاربردی کوچکی رو معرفی کنید.
سلام
ممنون از اقای مظلومی بایت اموزش های زیبا و با کیفیتتون
امکانش هست ماهیت این کد رو برای ایجاد فلش توضیح بدین در قسمت اسکرول به سمت بالا.کدو درک نکردم
#scroller:before{
content:””;
width:20px;
height:20px;
position :absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #dc3522;
top:0;
right: 0;
}
سلام دوست من
خب طبیعتا ما برای ایجاد فلش میتونیم از pseudo یعنی همین after , before استفاده کنیم. خب وقتی هم از این pseudo استفاده میکنیم نیاز به content حتما داریم که در اینجا خالی میزاریم.
حالا میخوایم یک فلش ایجاد کنیم.
1 – اول خب یک عرض و ارتفاع تعریف میکنیم.
2 – برای اینکه فلش رو دقیقا در موقعیت مد نظرمون قرار بدیم از position , top , right , bottom , left استفاده میکنیم (دقت داشته باشید که کلاس یا آیدی scroller به صورت position:relative باشه)
3 – در نهایت هم میایم 3 تا border تعریف میکنیم. من میخوام فلشم به بالا باشه خب طبیعتا اول از همه میام برای border-right , border-left مقدار با transparent تعریف میکنم و در نهایت هم یه border-bottom. چرا برای چپ و راست رنگی تعریف نکردم؟ چون میخوام المانم به صورت مثلث نمایش داده بشه
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
ممنون.ولی حقیقا این شکل فلش چطور به وجود میاد با یه border-bottom رو نمی فهمم .واسم قابل درک نیست که چطور شکل میگیره.چپ و راستو بدونه رنگ میداریم و پاینو رنگ میدیم به اینکه بخواییم به مربع که درست کردیم یه زاویه بدیم
اینو درک نمیکنم.شکل درست میشه اما نمیدونم چطور
با سلام . من از کاربران سایتتون هستم و تونستم با آموزش های فوق العادتون یه سامانه برای محل کارم طراحی کنم. اما میخوام بحث front-end رو حرفه ای کار کنم. مشاوره ای که گرفتم بهم گفتن : “”Vue.js یا Angular یا “”React “” کار کن . میخواستم اگر ممکنه توضیحاتی راجع به این تکنولوژی ها بدید و برگزاری دوره تو این زمینه ها رو بررسی بفرمائید .
سلام دوست من
قطعا حرف درستی زده شده به خصوص در بحث React اما پیشنهاد شروع به دنیای وب قطعا و یقینا HTML , CSS بوده و هست و خواهد بود
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام و ممنون از پاسختون. قطعا درست میفرمائید . من html , css رو در حد متوسط یاد گرفتم . میخوام ببینم گام بعد چی باید باشه؟ شما پیشنهاد میدین مستقیما برم سراغ react یا مسیری که توسایت خودتون هست دنبال کنم ؟ bootstrap- sass-grunt ,…. چون من هیچی از react , vue.js , angular نمی دونم. از ادامه مسیر طراح رابط کاربری که تو سایت هست هم در حد معرفی که کردین آشنایی دارم. در کل حالا که html , css رو تقریبا بلدم برم سراغ bootstrap- sass-grunt و. یا مستقیما react
با سلام و ممنون از پاسختون. لطفا یه توضیح بیشتر راجع به React میدین ؟ کلا میخوام بدونم اگر html و css رو بلد باشیم ، گام بعدی می تونه یاد گرفتن react باشه یا اول باید bootstrp , sass, grunt و …. کار کرد
سلام دوست من
دقت داشته باشید که لازمه آشنایی با React بدون شک Javascript هست.
پیشنهاد میکنم در مرحله اول نسبت به HTML , CSS تسلط کافی رو بدست بیارید و در انتها با تمام زمان و ذهنتون وارد بحث Javascript بشید.
React js یکی از کتابخانه های جاوا اسکریپتی محبوب برای توسعه رابط کاربری است که در فیسبوک و اینستاگرام هم مورد استفاده قرار می‌گیرد.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
بی نهایت ممنون
سلام اقا علی عزیز؛ بنده شیوه تدریس و لحن بیان شما روخیلی دوست دارم امیدوارم همیشه موفق باشید کجا میشه پیگیر اموزشای جدیدتون بود؟
با سلام و خسته نباشید
ممنون از لطف بیکران شما
میتونید مسیرهای طراحی رابط کاربری یا وردپرس کار شدن رو پیش برید.
سلام من میخوام با after و before این آیکون که پسوندش هم svg هستش رو در وسط و جای خالی قرار بدم ولی داخل بوت استرپ و با این شرط که توی گوشی با صفحه هات کوچیک این دو فاصله به هم نچسبه و صحیح نمایش بده ولی قبول هرکاری میکنم اصلا قبول نمیکنه ممنون میشم راهنمایی کنید
سلام لطفا توضیح کامل در این مورد بدهید. به درستی متوجه منظور شما نشدیم.
لطفا سورس رو هم ارسال کنید تا بعد از توضیح کامل شما بررسی کنیم.
با تشکر از شما 🙂
سلام مجدد
دقیق بخوام بگم اینه که من یه آیکون دارم با پسوند SVG این تا اینجا
قسمت دوم اینه که من یه border دارم که میخوام این آیکون با after و before دقیقا وسط این قرار بگیره مشکلی که دارم اینه که من هر مدل کد میزنم قبول نمیکنه از 20 نفر هم پرسیدم ولی راه حلی پیدا نکردم و فقط با margin قبول میکنه که اونم چون با بوت استرپ کدنویسی میکنم وقتی توی صفحات کوچیک باز میکنم بخاطر وجود margin کاملا بهم میریزه توی فایل فشرده ای که ضمیمه کردم هم کدهام هست هم آیکون و هم دوتا عکس که عکس شماره 1 مشکل فعلی و عکس شماره 2 دقیقا چیزی هستش که من میخوام امیدوارم کامل بوده باشه
با تشکر از شما 🙂
درود مهرداد عزیز
منظور شمارو متوجه شدم ممنون از شما.
لطفا سورس رو ارسال کنید تا برای شما انجام بدم و توضیح کاملی در رابطه با درخواستتون بدم.
موفق باشید 🙂
سلام وقت بخیر
سورس که چه غرض کنم همین اول کاره کلا بخش هدر و اسلایدر کامل شده و میخواستم بخش سایدبار رو طراحی کنم اگر نیاز هست ارسال کنم
سپاس
بله ارسال کنید تا همون بخش رو بررسی کنم 🙂
سلام خدمت شما البته این نکته رو عرض کنم من طبق آموزش اقای مظلوم پیش رفتم منتها با کمی تغییر
سپاس
درود دوست خوبم
فایل رو براتون ضمیمه کردم و میتونین با این روال پیش برید. سعی شده به ساده ترین روش کدنویسی بشه. هر سوالی بود بنده در خدمتم.
فقط یک نکته: در سایز های مختلف (رسپانسیو) فقط باید عرض های before و after را تغییر دهید.
موفق باشید 🙂
سلام
خیلی ممنون یه اشکالی هم داره و اینه که توی صفحات کوچیک منو باید جمع بشه ولی نمیشه ممکنه از جی کوئری باشه؟
دوست من شما از منوی بوت استرپ استفاده نکردید. کدهاشو میتونین از لینک زیر بردارید.
https://www.w3schools.com/bootstrap/bootstrap_navbar.asp
موفق باشید 🙂
عه من بیگناهم این دیگه توی اموزش بود 🙂
خیلی ممنون لطف کردین از کمکتون سپاسگذارم
موفق باشید دوست من 🙂 😀
خیلی ممنون
خسته نباشید
بازم متشکرم
سلام
استاد چه طور می شه قبل از لود صفحه یک تصویر نامشخص از المان ها به کاربر نمایش داد
نمونه ش رو براتون ضمیمه کردم (مربوط به سایت دراپ باکس)
مرسی از اینکه همیشه پاس گوی سوالات هستید
سلام دوست من
شما باید یک تصویر گرافیکی ایجاد کنید و در نهایت کد جی کوئری مربوط به لود کامل وب سایت رو به همراه همین تصویر گرافیکی ایجاد کنید.
تا زمانیکه وب سایت به طور کامل لود میشود چنین تصویری نمایش داده میشود.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام
ممنون از آموزشی که در رابطه با لودر ساخته بودید
بسیار جذب وعالی بود
در همین زمینه دو تا سوال دارم :
1. چه طور می تونیم یه لودر بسازیم که وقتی محتویات صفحه هنوز به صورت کامل لود نشده اون لودر بیاد و نمایش داده بشه تا این که محتویات صفحه کامل بارگذاری بشه( . زمانی که می خواییم داده های خودمون رواز سرور بگیریم لودینگ حوصله کاربر را می بره و واسه کاربر خوشایند نیست !)
2.چه طور می تونیم یه کاری کنیم که وقتی صفحه داره لود میشه المان های تو صفحه به شکل اصلی شون نشون داده نشوندمنظورم یه حالتی که فکر کنید یه دیو داریمو توی اون دیو یه عکس به همراه یه h2 , یه p تگ . حالا می خواییم تا زمانی که درست اطلاعات لود نشدند بیاییم یه عکس تستی بزاریم به جای اون عکسه یا متن تستی بزاریم به جای تگ p
سلام سوالات شما خیلی کلی هستش و حتما باید به javascript یا jquery تسلط داشته باشید.
رویداد زیر مشخص میکنه وقتی صفحه لود شد بیاد یه کاری رو انجام بده.
window.onload = function () { alert("It's loaded!") }تمام کارهایی که لازمه رو باید داخل این رویداد بنویسید.
موفق باشید 😉
سلام
فایل های ضمیمه پر.وژ کار نمیکند
سلام مهیار عزیز
ممنونم از اطلاع رسانیتون
اصلاح شد
ببخشید در آموزش ها از جی کوئری و جاوا اسکریپت و ای جکس خبری نیست؟
سلام
ایجکس در مسیر وردپرس مفصل پرداخته شده است.
جاوااسکریپت در برنامه بعدی مان هست
با سلام. من یک صفحه گالری تصاویر طراحی کردم با استفاده از روش masonry. مشکلی که هست با اولین لود صفحهT تصاویر به صورت نامنظم و روی هم قرار میگیرند و بعد از رفرش مجدد مرتب می شوند. با کلیک روی هر تصویر آلبوم تصاویر مربوط به آن باز می شود. آدرس صفحه:
arizrang.com/temp
سلام دوست من
دو مشکل وب سایت شما داره یکی اینکه قبل و بعد از بخش Masonary حتما از خاصیت clear:both برای المان ها استفاده کنید.
و مورد دوم اینکه در بخش Console Chrome Devtools یا Console Firefox مشکل Uncaught ReferenceError رو حل کنید. (برای حل این مشکل یا $ رو به jQuery تبدیل کنید یا اینکه از document.ready jquery استفاده کنید تمامی موارد رو در داخل آن قرار دهید)
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام ممنون از پاسخگوییتون
خاصیت clear:both رو برای المان ها گذاشتم و سعی کردم و برای مشکل ارور جی کوئری از document.ready استفاده کردم اما مشکلم حل نشد و ارورها و مشکل اصلی صفحه گالری همچنان هست
سلام دوست من
اطلاعات FTP و وردپرس رو ارسال کنید تا بررسی کنیم
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
اطلاعات رو براتون ارسال کردم.
با تشکر
بعله باز هم اولین نفرم :))))))))) اینجاس که مشخص میشه من هواسم بهتون هست توی سایت
یک درخواست : ادیتور پیشفرض وردپرس خیلی سادس اگر امکان هست آموزشی مبنی بر اضاف کرده امکانات به این ادیتور رو آموزش بدید پلاگینش هست ولی اگر یه آموزش بدون پلاگین تهیه بشه به نظرم جالب توجه تر هستش .
با تشکر
سلام
چشم مهرداد جان 😉
خیلی مچکر از توجهتون 🙂