آموزش طراحی قالب وردپرس |  یک قالب برای وردپرس یکی از مباحث جذاب بوده که در این ساعت قرار است به آموزش آن بپردازیم. اکثرا کسانی که با ورد پرس کار می کنند از قالب های آماده و از پیش طراحی شده برای ایجاد سایت خود استفاده می کنند.

بدون شک شما حتما در جستجوی این بوده اید که چگونه یک قالب برای وردپرس طراحی کنید؟

در این لحظه آموزش طراحی یک قالب کوچک و ساده را برای شما آماده کرده ام.

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

پیش نیاز های طراحی قالب برای وردپرس

آشنایی با زبان های HTML و CSS از پیش نیازهای لازم برای یادگیری طراحی یک قالب است.

همچنین شما باید با زبان تحت وب php هم آشنا باشید تا به راحتی بتوانید به طراحی قالب های زیبا بپردازید.

قالب Thirteen یکی از قالب های پیش فرض وردپرس بوده که در داخل پوشه themes دورن فایل وردپرس قرار دارد.

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

 

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

  جهت طراحی قالب برای وردپرس باید مطابق شکل وارد پوشه wp-content شده و در پوشه themes یک پوشه جدید ایجاد کنید.

برای مثال در اینجا نام قالبی که می خواهیم طراحی کنیم  wpbdemo است.

سپس باید براساس شکل زیر درون note pad یک فایل style.css ایجاد کنیم.

با ایجاد فایل style.css داخل پوشه wpbdemo می توانید اسکلت قالب خود را مانند شکل زیر در قسمت پوسته ها ببینید.

فایل style.css قالب تمام اطلاعات مربوط به ظاهر قالب را در خود نگه داری می کند.

در شکل زیر قسمت منو قالب آبی رنگ است برای تغییر رنگ آن و ایجاد تغییرات دیگر در ظاهر آن باید به فایل style.css مراجعه کنیم.

براساس کد زیر می توانیم در فایل style.css رنگ قسمت منو را تغییر دهیم.

فایل style.css قالب در شکل زیر قابل مشاهده است.

با کدهای موجود در فایل style.css، قالب مطابق شکل زیر تغییر پیدا می کند.

همچنین قالب ما دارای فایل footer.php است که مطابق شکل زیر با php نوشته شده است.

همه قالب های دارای فایل fuction.php هستند که براساس قالب دلخواه خود باید آن را کدنویسی کنید.

فایل function.php قالب ساده ما براساس شکل زیر کدنویسی شده است.

اکثرا قالب ها دارای فایل header.php هستند که در این قالب ساده محتویات مربوط به header را در function.php جای داده ایم.

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

لینک دانلود قالب 

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

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

اگر شما بخواهید لینک اینستاگرام و تلگرام کسب و کار خود را در سایت وردپرس به نمایش بگذارید، لازم است که با چگونگی درج تبلیغ آشنا باشید.

همانطور که می دانید افزونه های متعددی برای نمایش تبلیغ در صفحات سایت وردپرس وجود دارد.

اما با ما همرا باشید تا آموزش درج تبلیغ در وردپرس را بدون نیاز به افزونه یاد بگیرید.

آموزش درج تبلیغات در وردپرس (بدون افزونه)

باید بدانید که برای درج تبلیغات لینک دار از دو تگ مهم HTML استفاده می شود که این دو تگ، تگ <img >و تگ <a> هستند.

برای مثال اگر بخواهیم لینگ کانال تلگرام خود را در صفحه سایت خود درج کنید به صورت زیر عمل می کنید.

۱- باید آدرس urL عکس کانال تلگرام را داشته باشید که برای این کار باید از طریق افزودن پرونده چندرسانه ای عکس را به رسانه های سایت اضافه کنید.

۲- با اضافه کردن عکس موردنظر به نوشته، از طریق قسمت متن نوشته یا برگه و براساس کد عکس موردنظر، آدرس url عکس مشخص است.

 

همانطور که در شکل بالا مشاهده می کنید، آدرس url عکس کانال تلگرام و یا (عکس تبلیغ موردنظر )همیشه بعد از عبارت =src قرار می گیرد.

۳- در مرحله بعد مطابق شکل زیر  با داشتن لینک کانال تلگرام و یا (لینک تبلیغ موردنظر) کد زیر را در هر جایی که بخواهید تبلیغ نمایش داده شود می نویسیم.

 

 

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

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

با عرض سلام و خسته نیاشید خدمت کاربران عزیر وردپرس یار، در این لحظه برای شما عزیزان، آموزش درج تصاویر متحرک در وردپرس را آماده کرده ایم.

همانطور که می دانید درج تصاویر متحرک (gif) در بین مطالب سایت باعث جذابیت بیشتر مطلب می شود و تاثیر بیشتری برخواننده می گذارد.

گاهی انتخاب یک تصویر متحرک و متناسب با موضوع مطالب در سایت، می تواند مطالب شما را جذاب تر کند.

برای درج تصاویر متحرک دلخواه در میان نوشته ها ، افزونه جدیدی با نام Giphypress در مخزن وردپرس به ثبت رسیده است. با استفاده از این افزونه می‌توانید به راحتی به جستجوی تصاویر بپردازید و با چند کلیک ساده از تصاویر متحرک در وردپرس استفاده کنید.

Giphypress ابزاری برای جستجو و استفاده از تصاویر gif یا همان تصاویر متحرک در وردپرس می‌باشد که از آن در نرم افزار تلگرام هم استفاده شده است.

آموزش درج تصاویر متحرک با Giphypress

این افزونه دارای تنظیمات خاصی در پیشخوان نمی‌باشد، و هنگام نصب و فعال سازی ، دکمه مربوط به آن به قسمت ویرایش برگه ها و نوشته ها اضافه می شود.

همانطور که در تصویر زیر می‌بینید با نصب این افزونه دکمه‌ای به ویرایشگر وردپرس شما اضافه خواهد شد که با کلیک بر روی آن می‌توانید تصاویر متحرک را در وردپرس جستجو و درج کنید.

 پس از اینکه بر روی دکمه مربوط به آن کلیک کنید پنجره‌ای مشابه تصویر زیر برای شما باز خواهد شد که می‌توانید در آن عبارت دلخواه خود را وارد کرده و تصاویر موردنظر خود را جستجو کنید.

طبق شکل زیر با انتخاب تصویر موردنظر و کلیک بر روی دکمه EMBED INTO POST، می توانید تصویر انتخابی را در برگه و یا نوشته خود درج کنید.

یکی از قابلیت‌های دیگری که این افزونه دارد، این است که با کلیک بر روی تصاویر متحرک در وردپرس می‌توان آن را به لیست علاقه‌مندی اضافه کرد و همچنین آن را در شبکه‌های اجتماعی همچون فیسبوک و توییتر به اشتراک گذاشت.

 

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

اما انجام برخی از تغییرات در قالب، به راحتی و از طریق قسمت تنظیمات آن امکان پذیر نیست و نیازمند ایجاد تغییرات در کدهای وردپرس است.

در برخی مواقع برای اینکه بخواهید ساختار و چینش قالب خود را تغییر دهید، باید در مرحله نخست با ساختار فایل های وردپرس آشنا باشید.

مسیر نصب قالب وردپرس

فایل وردپرس دارای چهار پوشه اصلی wp-includes، wp-content،wp-admin و wp-snapshots می باشد.

پوشه wp-content یکی از پوشه های مهم وردپرس بوده که پوشه themes آن مربوط به فایل های پوسته (قالب) وردپرس است.

در واقع هنگام نصب قالب جدید، تمام فایل های قالب در پوشه themes ذخیره می شود.

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

همانطور که در شکل قابل رویت است باید گفت که هر قالب وردپرس ، دارای فایل images بوده که تمام تصاویر مربوط به قالب در آن ذخیر می شود.

برای ایجاد تغییردر قالب های وردپرس می توانید با استفاده از فتوشاپ تصاویر موجود در پوشه images قالب را ویرایش کرده و یا تصاویر را عوض کنید.

همچنین پوشه css قالب هم که در شکل بالا قابل مشاهده بوده تنظیمات مربوط به ظاهر قالب را در خود نگهداری می کند که قابل ویرایش است.

یعنی شما در صورت دانش کافی درمورد زبان css می توانید ویژگی های ظاهری قالب از جمله رنگ و … را تغییر دهید.

یکی دیگر از راه های ایجاد تغییردر قالب های وردپرس ، دسترسی به تک تک فایل های php وردپرس و ویرایش کدهای آن می باشد.

ایجاد تغییر در قالب های وردپرس

مطابق شکل زیر کافیست در قسمت پیشخوان وردپرس ، از طریق گزینه ” نمایش” و با انتخاب گزینه “ویرایشگر” به پوشه های قالب دسترسی پیدا کنید.

بنابراین شما با داشتن اطلاعات کافی درمورد ساختار وردپرس، و آشنابودن با زبانهای تحب وب HTML،CSS و php می توانید تغییرات لازم را اعمال کنید. به طور مثال با ایجاد تغییرات در فایل های header.php و footer.php می توانید تغییرات دلخواه خود را در قسمت پاورقی و هدر قالب ایجاد نمایید.

با عرض سلام و خسته نباشید خدمت کاربران عزیز وردپرس یار، با یکی از افزونه های جدید وردپرس همراه باشید. قصد داریم افزونه جدیدی را با نام what the file برای ویرایش قالب به شما معرفی کنیم.

همانطور که می دانید هر یک از قالب های وردپرس شامل چندین فایل هستند که هر یک از آنها وظیفه نمایش بخشی از محتوای سایت را بر عهده دارند.

به عنوان مثال فایل single.php یک قالب (پوسته) برای نمایش محتوای نوشته در سایت به کار می رود.

همچنین فایل های header.php و footer.php هر کدام حاوی کدهای مربوط به نمایش سربرگ و پاورقی سایت می باشند.

 اما پیدا کردن فایل های مربوط به قالب وقت زیادی را از کاربران را می گیرد.

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

 افزونه جدید what the file مشکل این کاربران تازه وارد را حل کرده و با استفاده از آن پیدا کردن فایل های قالب برای ویرایش راحت تر می باشد.

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

چگونه با افزونه what the file به ویرایش قالب های وردپرس بپردازیم؟

وقتی این افزونه را در سیستم وردپرس خود نصب کنید، مطابق شکل زیر در قسمت بالا سمت چپ پیشخوان ظاهر می شود.

همانطور که در شکل بالا می‌بینید ، افزونه what the file در قسمت سمت چپ بالای صفحه ظاهر شده است.

با بردن نشانگر ماوس بر روی منوی What The File در بالای صفحه  و با رفتن به قسمت Template Partss تمام فایل‌های وابسته به قالب نمایش داده می‌شود.

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

 

[button color=”orange” size=”medium” link=”https://wordpress.org/plugins/what-the-file/” ]دانلود افزونه[/button]

با عرض سلام خدمت کاربران عزیر وردپرس یار، ما برای شما در این لحظه آموزش ایجاد گالری عکس در وردپرس را آماده کرده ایم.

اگر از وردپرس برای ایجاد یک سایت استفاد می کنید، تا کنون برایتان پیش آمده که بخواهید یک گالری عکس در صفحه سایت خود ایجاد کنید.

ایجاد گالری تصاویر در صفحات وردپرس کاربرد زیادی دارد و باعث افزایش زیبایی و جذابیت سایت شما می شود.

چگونه یک گالری عکس برای وردپرس خود ایجاد کنیم؟

ابتدا به این نکته توجه کنید که قرار است گالری عکس شما در قسمت وبلاگ(نوشته ها) ظاهر شود و یا در صفحات سایت قرار بگیرد؟

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

اگر از قبل برگه ای تحت عنوان گالری عکس ایجاد کرده اید، در این صورت نیازی به ایجاد برگه جدیدی نیست.

مطابق شکل بالا ،به منظور ایجاد گالری تصاویر در برگه ایجاد شده ، ابتدا بر روی دکمه افزودن پرونده چند رسانه ای کلیک می کنیم.

همانطور که در شکل زیر مشاهده می کنید در سمت راست گزینه ای به نام “ساخت گالری ” وجود دارد.

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

با انتخاب عکس های مورد نظر و فشردن دکمه آبی رنگ “گالری تازه بسازید” وارد صفحه ای مطابق شکل زیر می شویم.

همانطور که درشکل زیر قابل مشاهده است ، در این صفحه امکان درج زیرنویس برای هر تصویر وجود دارد.

با تایپ عنوانی مناسب برای زیرنویس هر تصویر و فشردن دکمه آبی رنگ “گذاشتن گالری” ، گالری مورنظر شما ایجاد می شود.

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