تنها مرجع قانونی عرضه قالب و افزونه در ایران ...
از قالب های چند منظوره برای ایجاد سایت های گوناگونی می توان استفاده کرد. قالب وردپرس Bridge پوسته ای با امکانات فراوان و کامل است. قالب بریج با دربر داشتن امکانات مختلف به شما امکان خلق صفحات منحصر به فردی را می دهد. به ویژه در نسخه 2020 که امکانات بیشتری برای توسعه وب سایت در اختیار شما قرار می دهد. `در این مقاله به آموزش قالب bridge می پردازیم.
قالب Bridge ، یکی از 10 پوسته پرفروش وردپرس دنیاست. البته پرفروش ترین قالب وردپرس سازگار با المنتور هم لقب گرفته است. بیایید صحبت را کوتاه کنیم و به اصل مطلب یعنی آموزش بپردازیم.
اگر از لحاظ دسته بندی بررسی کنیم، قالب bridge جزو قالب چند منظوره وردپرس محسوب می شود. در نسخه 2020 ویژگی های جذابی به کاربران می دهد؛ به طوریکه لقب کامل ترین و حرفه ای ترین قالب وردپرس 2020 را از آن خود کرده. از امکانات خاص آن، می توان به موارد زیر اشاره کرد:
علاوه بر این ها، یک ویژگی خاص در قالب bridge هست که در دیگر قالب های مشاهده نمی کنید. در حین حرکت بین صفحات و کلیک مرورگر شما هیچگاه لود نمی شود. بلکه به صورت آجکس صفحه مقصد را لود میکند!
با این اوصاف هیجان انگیز از قالب پل، به سراغ آموزش قالب bridge برویم.
در این بخش به چگونگی نصب قالب بریج ، انتخاب تنظیمات سازگار با سرورتان و نصب وردپرس میپردازیم.
برای اجرای بدون مشکل این قالب، نوع خاصی از PHP و تنظیمات وردپرس را پیشنهاد میدهیم.
درصورتی که سرورتان از PHP پایینتر از X 5.6 استفاده میکند، با ارائهدهنده سرور تماس گرفته و از آنها بخواهید آن را ارتقا دهند.
وقتی قالب را از راست چین میخرید، تمام قالب ها، افزونه ها و … در بخش دانلود اکانت شما قرار می گیرند. بعد از این که قالب bridge را دانلود کردید، فایلهای درون این زیپ را در پوشهای به نام Bridge اکسترکت کنید. حالا آمادهاید تا قالب را روی وردپرستان نصب کنید.
برای نصب مستقیم قالب روی وردپرس، ابتدا در پنل وردپرس لاگین کنید و مراحل زیر را انجام دهید.
برای فعال کردن قالب دو راه وجود دارد. بلافاصله پس از نصب روی دکمه فعالسازی کلیک کنید و یا از مسیر پنل مدیریت وردپرس » نمایش » پوسته ها آن را فعال کنید.
بریج را به حق باید در لیست بهترین قالب های چند منظوره وردپرس قرار داد. به کمک آموزش قالب Bridge کار با این پوسته حرفه ای را یاد می گیرد و مثل یک حرفه ای سایت طراحی می کنید. البته بدون نیاز به کدنویسی.
با مراجعه به آدرس زیر، میتوانید لوگوی سایت را برای صفحات مختلف تغییر دهید:
WP Admin-> Qode Options-> Logo
در این بخش میتوانید برای حالتهای مختلف سربرگ، از لوگوهای مختلف استفاده کنید. حالتهای مختلف لوگو به شرح زیر است:
اندازه لوگوی شما، هرچقدر هم که بزرگ باشد، در ارتفاع سربرگ محدود میشود. بطور مثال اگر ارتفاع لوگوی شما 100 پیکسل باشد و ارتفاع سربرگ 90 پیکسل باشد، عکس لوگوی شما برای این که در سربرگ جا شود کمی فشرده میشود. فرقی نمی کند که عکس لوگویتان چه ارتفاعی داشته باشدف همیشه ارتفاع آن روی 90 پیکسل تنظیم می شود.
برای تنظیم لوگو در منوهایی که طرف چپ قرار می گیرند، باید در CSS تغییرات ایجاد کنید. کد زیر را در مسیر WP Admin -> Qode options -> General -> Custom CSS کپی کنید.
برای تغییر فاصله لوگو با موارد منو، از کد زیر میتوانید استفاده کنید:
با استفاده از کد زیر می توانید به بالای منو فاصله اضافه کنید:
محیط سربرگ، جای لوگو، منوی اصلی، ساید منو، ویجتها و جعبه جستوجو است. در این بخش به تک تک این بخش ها در قالب Bridge میپردازیم.
اول از همه باید تعیین کنید که از چه نوع سربرگی می خواهید استفاده کنید، سربرگی طرف چپ قرار میگیرد یا سربری که در بالا قرار می گیرد. پس از این که این مورد را انتخاب کردید، به سراغ موارد دیگری که در سربرگ قرار میگیرند، بروید.
اگر به WP Admin -> Qode options -> Header بروید، می توانید تمامی تنظیمات مربوط به سربرگ را تغییر دهید.
اولین و مهمترین کاری که باید بکنید، انتخاب جای سربرگ است. دو جا برای سربرگ وجود دارد: اولی بصورت افقی در بالای صفحه است و محتویات زیر آن قرار میگیرد و دومی بصورت عمودی در سمت چپ صفحه قرار می گیرد و محتویات سایت طرف راست آن قرار میگیرد.
یادتان باشد که به طور همزمان فقط میتوانید از یکی از این جایگیری ها استفاده کنید.
اکنون بگذارید به متاباکس سربرگ بپردازیم. برای این کار به WP Admin -> Qode Options -> Header -> Header بروید.
یکی از مواردی که تاثیر زیادی بر طراحی سایت می گذارد، انتخاب نوع سربرگ است. انواع سربرگ به شرح زیر هستند:
در این حالت سربرگ بالا بصورت ثابت قرار دارد و وقتی صفحه را به پایین میکشید، از دید خارج میشود و لوگو در سمت چپ و اسلاید بار در سمت راست قرار میگیرد. اگر میخواهید سایت تان ساده و در عین حال زیبا باشد، می تو.انید از این نوع سربرگ استفاده کنید.
این نوع سربرگ، حتی در صورت پایین کشیدن صفحه هم در بالا ثابت میماند. در این حالت لوگو طرف چپ و اسلاید منو طرف راست قرار می گیرد. این قالب زمانی مناسب است که میخواهید کاربران در تمامی اوقات به منوهای شما دسترسی داشته باشند.
این حالت تقریبا مانند حالت قبلی است اما تفاوت آن در جایگیری لوگو در وسط، منو در سمت چپ و آیکون جست وجو در سمت راست، است.
توجه: وقتی از این نوع سربرگ استفاده می کنید بهتر است که از منوی تمام صفحه و آیکون جستوجو استفاده کنید.
این نوع سربرگ برای کسانی که می خواهند سایتاشن طراحی مینیمالی داشته باشد مناسب است.
به Qode options -> Header -> Header Height بروید و عدد را برای ارتفاع سربرگ تغییر دهید.
به Qode options -> Header -> Header Background Color بروید و رنگ مورد نظر خود را انتخاب کنید. تنظیماتی که اینجا تغییر می دهید بر تمامی صفحات سایت اعمال میشود. برای تغییر رنگ هر صفحه بطور جداگانه، به متاباکس بروید و رنگ و شفافیت را به دلخواه برای هر صفحه تغییر دهید.
نوار ساید بار، فضایی برای ویجت ها است که در ابتدا پنهان است و با زدن دکمه خاصی روی سربرگ، نمایان میشود.
برای فعال کردن نوار ساید بار، به مسیر Qode Options -> Header -> Side Area -> Enable Side Area بروید. برای فعال کردن آن می توانید روی دکمه Yes کلیک کنید و برای غیر فعال کردن آن، روی No.
برای اضافه کردن ویجت به این فضا، به پنل مدیریت وردپرس » نمایش » ابزارک ها » Side Areaبروید و ویجت ها را ویرایش کنید.
برای انتخاب واکنشهای نوار ساید بار به مسیر Qode options -> Header -> Side Area بروید.
تنظیمات دیگری که میتوانید آنها را تغییر دهید به شرح زیر هستند:
این اسلایدر به طور تخصصی برای قالب های تولید شده توسط شرکت Qode از جمله قالب Bridge ساخته شده است که نمای زیبایی به فصحه اصلی سایت میدهد. از این اسلایدر در قسمتهای مختلف میتوان استفاده کرد از جمله پروتوفولیو، محتوا و دیگر صفحات سایت.
نکات مهمی که باید در استفاده از این اسلایدر به آنها توجه کنید به شرح زیر هستند:
در ادامه مقاله به آموزش این بخش از قالبBridge میپردازیم.
برای ساخت اسلایدر به پنل مدیریت وردپرس » Qode Slider » Sliderبروید. عنوان و اسلاگ را وارد کرده و روی Add New Slider کلیک کنید.
به پنل مدیریت وردپرس » Qode Slider » Slidesبروید و روی دکمه Add New slide کلیک کنید. عنوان اسلاید را انتخاب کنید و برای نوع پسزمینه، روی گزینه Image کلیک کنید. در سمت راست تمام اسلایدرهایی که دارید را می بینید. با انتخاب یکی از آنها، اسلاید را به اسلایدر مورد نظر اضافه کنید.
حالا باید عکسی را که میخواهیم در اسلایدر قرار دهیم به اسلاید وارد کنیم. در بخش Qode Slide Image روی دکمه Upload کنار دکمه Slide Image کلیک کنید. یک عکس را انتخاب یا آپلود کنید و روی Select image کلیک کنید.
به پنل مدیریت وردپرس » Qode Slider » Slidesبروید و روی دکمه Add New Slide کلیک کنید. مراحل بالا را تکرار کنید، فقط نوع اسلاید را روی ویدئو قرار دهید.
توجه کنید که بعضی از مرورگرها ویدئوهایی با فرمت های خاص را پشتیبانی نمیکنند. از سایت Online-convert.com برای تبدیل فرمت ویدیئوهایتان به فرمتهایی که تمام مرورگرها پشتیبانی میکنند، استفاده کنید. برای اضافه کردن ویدیوهایتان به بخش مدیا، به پنل مدیریت وردپرس » رسانه بروید و روی افزودن کلیک کنید و فایل مورد نظرتان را انتخاب کنید. با زدن روی ویدیو در بخش مدیا، URL را میبینید. آن را کپی کنید و در بخش Qode Slide Video الحاق کنید.
محتوای اسلاید شامل: عنوان اسلاید، زیرنویس اسلاید، متن، گرافیک، SVG، دو عدد دکمه و لینک به عکسها می شود. این موارد به ترتیب از بالا به پایین قرار می گیرند و همه این موارد به جز عنوان اسلاید، دلخواه هستند.
بعد از تعیین محتوای اسلاید، وقت آن است که جای آنها را روی اسلاید مشخص کنید. برای جاگذاری دو حالت وجود دارد: با استفاده از جلوههای گرافیکی این دو را ترکیب میکنید یا اینکه همه چیز را بصورت جداگانه جاگذاری می کنید. در صورتی که جدا جاگذاری کنید، محتویات در دو جعبه گرافیکی و متنی تقسیم میشوند و به نمایش درمیآیند. اگر از حالت دیگر استفاده کنید، همه در یک جعبه قرار میگیرند. اندازه و مکان جعبهها روی اسلاید قابل تنظیم است.
حرکت بین اسلایدها دو حالت ثابت و پویا دارد. میتوانید با تغییر تنظیمات show_navigation_arrows به no، آنها را غیرفعال کنید.
حرکت بین اسلایدهای ثابت، شامل دکمههایی است که با زدن بر آنها، به اسلاید بعدی یا قبلی میرویم و در طرف چپ و راست اسلاید قرار میگیرد.
در حالت پویا، نشنگر ماوس با رفتن روی قسمتهایی که قابل کلیک کردن هستند، تغییر شکل میدهد.
برای تغییر حالت از ثابت به پویا، به مسیر Dashboard -> Qode Options -> Qode Slider رفته و گزینه روبهروی Enable Custom Curser for Navigation را به Yes تغییر دهید.
ناحیههایی که برای حرکت به اسلایدها تعبیه شده اند با درصد قابل تغییر هستند. علاوه بر آن شکل نشانگر را در حالتهای مختلف میتوانید تغییر دهید. یادتان باشد که عکسهایی به عنوان نشانگر می خواهید استفاده کنید، نباید زمینه داشته باشند تا جلوه بهتری به سایت بدهد.
در این بخش به چگونگی استفاده از اسلایدر در سایت میپردازیم.
اسلایدر همانطور که قبلا هم گفته شد، در بالای صفحه قرار میگیرد. اسلایدر با توجه به شفافیت سربرگ میتواند زیر آن نیز قرار بگیرد.
با استفاده از کد auto-start، به اسلایدر دستور می دهیم که بصورت اتوماتیک اسلاید را عوض کند و یا ویدئو را پخش کند.
استفاده از اسلایدر بسیار ساده است. مراحل زیر را دنبال کنید:
نکته: به همین روش میتوانید به پورتوفولیو و پست، اسلایدر اضافه کنید.
عرض اسلایدر همواری با عرض صفحه هماهنگ خواهد شد. ارتفاع اسلایدر را میتوانید با دستکاری عدد ارتفاع در کد، تغییر دهید.
زمان نمایش هر استایل با استفاده از کد slide_animation میتوانید تغییر دهید. زمان پیشفرض 6000 میلی ثانیه است.
در این بخش به بررسی و آموزش چگونگی انتخاب پاورقی میپردازیم.
دو نوع پاورقی در قالب Bridge وجود دارد، Uncovering و Regular. در نوع اول، پاورقی زیر محتوا قرار میگیرد و پس از رسیدن به آخر محتوا، با جلوهی زیبایی نمایان میشود. از این نوع بیشتر برای سایتهای مدرن استفاده می شود. نوع دوم، درواقع پاورقی ساده است که بلافاصله بعد از محتوا نمایش داده میشود.
دقیقا زیر گزینه Uncovering Footer، یک تصویر زمینه برای پاورقی میتوان انتخاب کرد. عکسی که انتخاب می کنید، کشیده میشود تا در طول پاورقی نمایش داده شود.
فضای پاورقی به دو بخش تقسیم شده است. فضایی بالایی پاورقی و فضای پایینی پاورقی. هر کدام از این فضاها را می توانید فعال و غیرفعال کنید. در صورتی که هر دو غیرفعال باشند، پاورقی تان پنهان میشود.
پاورقی هم میتواند در یک جعبه قرار بگیرد هم تمام عرض صفحه را بپوشاند.
در Qode Options -> Footer میتوانید تعداد ستونهایتان را برای ساختن ساختمان پاورقی تان مشخص کنید. حداکثر تعداد ستونی که می توانید داشته باشید، 4 ستون است. تنظیمات رنگ و عکس پسزمینه را هم می توانید در این بخش تغییر دهید.
در مسیر پنل مدیریت وردپرس » نمایش » ابزارک ها میتوانید تمام ویجتهایتان را ببینید. برای اضافه کردن هر کدام از ویجتها به پاورقی، کافی است از منوی سمت چپ، ویجت مورد نظر را کشیده و در بخش پاورقی بندازید.
براس اضافه کردن آیکن های شبکههای اجتماعی برای به اشتراکگذاری محتوایتان، مراحل زیر را اجرا کنید:
برای این که عکس لوگو موجود در پاورقی را تغییر دهید، به مسیر پنل مدیریت وردپرس » نمایش » ابزارک ها بروید و ستونی از پاورقی که در آن لوگو قرار دارد را باز کنید. روی Text Widget کلیک کنید و کد را تغییر داده و url عکس موردنظرتان را اضافه کنید. به همین روش میتواند هر عکسی که می خواهید به آن اضافه کنید.
درصورتی که تمایل ندارید عکسی در پاورقی باشد، به Qode Options -> General -> Custom code -> Custom CSS بروید و در کد، قسمت زیر را پاک کنید:
با رفتن به مسیر مدیریت وردپرس » Qode Options » general » Design Style می توانید پالت رنگی وبسایت خود را ببینید.
رنگ های اصلی در چهار گروه دستهبندی شدهاند.
پیشنهاد می دهیم که این رنگها را به گونه ای انتخاب کنید که به طراحی و سبک مورد نظر نزدیک باشد. اینها تنظیمات پایه رنگهای قالب هستند. امکانات دیگری هم وجود دارد که کنترل بیشتری روی رنگ ها را به شما میدهند و با استفاده از آنها راحتتر میتوانید به آن چه که در نظر دارید برسید.
نکته: اضافه کردن رنگ پس زمینه متن، یک المنت CSS به کد HTML اضافه میشود که در صورت داشتن دانش کافی، می توانید آن را به رنگ دلخواه خود تغییر دهید.
تحت تبDesign در مسیر Qode options » General، میتوانید برای شخصیسازی بیشتر قالب Bridge، از فونتهای مختلفی استفاده کنید.
یادتان باشد که این تنظیمات بهطور پیشفرض بر تمامی صفحات سایت اعمال میشود.
نکته: قالب Bridge از فونتهای گوگل استفاده میکند که میتوانید هر کدام را که میخواهید انتخاب کنید.
نکته: تغییراتی که در Qode Options » General میدهید، بهطور مستقیم در کد HTML وارد میشود و در صورت داشتن دانش کافی، میتوانید به طور مستقیم در کد آنها را تغییر دهید.
با توجه به کاربرد سایت، گاهی خوب است که در همه صفحات امکان ثبتنام در خبرنامه وجود داشته باشد. قرار دادن این ویژگی در پاورقی، کمک زیادی میکند.
برای این کار، طبق روشی که قبلا گفتیم باید افزونه Contact Fporm 7 را نصب کرده و فرم ثبتنام با فیلدهای اسم، ایمیل و دکمه ثبتنام بسازید. سپس کد آن را در فرمت زیر، در صفحه پاورقی تان وارد کنید:
[contact-form-7 id=”15279”
Html-class=”cf7-custom-style-1”]
Html-class استایلی را که در پنل مدیریت وردپرس » Contact Form 7روی این فرم اعمال میکند.
برای قراردادن گواهینامهها در پاورقی، باید مراحل زیر را دنبال کنید:
دکمه از المان های مهم سایت هستند که هم می توان بصورت ساده و هم با متن برای دکمههای CTA استفاده کرد. برای ساختن دکمه، مراحل زیر را باید طی کنید:
پس از این که تنظیمات پایه را انجام دادید، وقت آن است که محتویات خود را تولید کنید و انتشار دهید. در این بخش به بررسی و آموزش این مورد میپردازیم.
برای ساخت صفحه جدید به مدیریت وردپرس » برگه ها » افزودن بروید. در بخشی که نزدیک بالای صفحه تعبیه شده است، عنوان صفحه را وارد کنید.
سپس در بخش ویژگی های برگه، یکی از الگوها را انتخاب کنید.
زیر تنظیمات محتوا، تنظیمات دیگری وجود دارند که تنظیمات کلی را که قبلا انجام دادهاید را برای هر صفحه بطور جداگانه تغییر میدهد.
برای اضافه کردن المانهای مختلف باید به ویرایشگر بکند (Backend Editor) بروید.
در بالا، سمت چپ صفحه، دکمهای با عبارت ویرایشگر پیشرفته وجود دارد. وقتی روی آن کلیک میکنید، تبدیل به دکمه ای با عبارت Classic Mode میشود که ویرایشگر را به حالت عادی برمیگرداند.
حالا میتوانید روی افزودن المان کلیک کنید و شروع به ساختن صفحه خود کنید.
قالب Bridge با الگوهای مختلفی عرضه میشود که برای اهداف متفاوتی میتوانید از آنها استفاده کنید. در ادامه به بررسی ساختمان صفحه میپردازیم.
تنظیمات این بخش، تنظیمات سربرگی که در بخش های قبلی توضیح دادیم را برای هر صفحه بطور جداگانه تغیر میدهد. تنظیماتی که میتوانید تغییر دهید به شرح زیر هستند:
اگر می خواهید در ابتدا و یا برای همیشه فضای عنوان را پنهان کنید، می توانید از سه حالت زیر استفاده کنید:
3. No: در صورتی که این گزینه را انتخاب کنید، مقادیر فضای عنوان، مانند صفحه اصلی تنظیم میشوند و پنهان نمیشود.
4. Yes: فضای عناون را به کلی پنهان می کند
در این بخش، به تنظیمات لازم برای تولید صفحه ای که می خواهید در آن بلاگ بگذارید، می پردازیم.
در این بخش باید نوع بلاگ خود را تعیین کنید. در صورتی این بخش را خالی رها کنید، این بلاگ تخت همه دسته بندی ها قرار می گیرد.
این صفحه شامل لینکی به همه محتوایی است که در سایت تان پست کردهاید. ساختن این صفحه بسیار آسان است. کافی است یک صفحه جدید بسازید و نوع آن را به یکی از الگوهای مخصوص صفحه لیست محتوا، تبدیل کنید. انواع این صفحه به شرح زیر است:
|
|
|
|
|
|
|
|
|
|
بعد از ایجاد صفحه لیست بلاگها، حالا میتوانید پستهای خود را بسازید و در سایت قرار دهید. برای ساخت پست جدید به مسیر مدیریت وردپرس » نوشته ها » افزودن جدید بروید.
اولین کاری که برای تولید پست باید انجام دهید، انتخاب عنوان و عکس است. سپس با استفاده از فیلدهای و امکانات مختلف میتوانید چیزهای دیگر را اضافه کنید.
در ادامه به بررسی هر کدام از این بخشها میپردازیم.
برای گرفتن کد هر کدام از این اسلایدر ها مراحل زیر را انجام دهید:
ابتدا به Qode Slider-> Sliders بروید.
کد اسلایدر مورد نظرتان را کپی کنید. در فیلد Qode Slider and Layer Slider shortcode آن را قرار دهید کنید.
ابتدا به بخش layerslider wp بروید.
کد اسلایدر مورد نظرتان را کپی کنید و در فیلد Qode Slider and Layer Slider shortcode آن را قرار دهید.
در صورتی که برای سربرگ شفافیت تعیین کردهاید، احتمالا محتوای شما از زیر سربرگ نمایش داده میشود. اگر از ظاهر این مسئله خوشتان نمیآید، میتوانید با تنظیم این بخش، محتوا و اسلایدر را همیشه بعد از سربرگ نمایش دهید. مقدار فیلد Always put content below header را روی Yes تنظیم کنید تا تمام محتوایتان بعد از سربرگنمایش داده شود.
این بخش، برای نوشتن توضیح کوتاهی درمورد پست تان است. هرچیزی که اینحا می نویسید، در صفحه لیست بلاگها در کنار عنوان بلاگ میآید. در صورتی که این فیلد را نمی بینید، در بالا، سمت راست Screen options را چک کنید. یادتان باشد که این بخش فقط متن را نمایش می دهد و قابلیت خواندن کدها را ندارد.
حالا وقت این است که محتوای خود را تولید کرده و در صفحه به اشتراک بگذارید. محتوا را با استفاده از دو روش کلاسیک و ویرایشگر WPBakery میتوانید تولید و منتشر کنید. درصورتی که گزینهای برای انتخاب میان این دو را نمی بینید، به مسیر ویژوال کامپوزر » تنظیمات عمومی بروید و گزینه Visual Composer برای پستها را فعال کنید.
برای تولید محتوا ابتدا باید نوع محتوای خود را مشخص کنید:
این فرمت پیشفرض بلاگ است.
با انتخاب این نوع پست، می توانید در پست خود از گالری عکس به عنوان اسلایدر استفاده کنید. برای اینکه بتوانید از این نوع پست استفاده کنید، باید یک گالری به بالای صفحه اضافه کنید. برای این کار مراحل زیر را دنبال کنید:
روی گزینه افزودن المان کلیک کنید و بلاک متنی را استفاده کنید.
در صفحهای بالا میآید، هر متنی را که وجود دارد پاک کنید و در گوشه بالای سمت چپ روی افزودن پرونده چند رسانهای کلیک کنید.
از منوی باز شده در سمت راست، ساخت گالری را انتخاب کنید.
عکسهایی که میخواهید در گالری به نمایش دربیایند را انتخاب کرده و روی ساخت گالری جدید کلیک کنید. پیشنهاد میشود که عکس های انتخابی همه دارای یک اندازه باشند.
میتوانید ترتیب عکسها را با نگه داشتن ماوس روی آها و کشیدن، عوض کنید و یا با علامتزدن گزینه Random Order ترتیب را تصادفی کنید.
روی ساخت گالری کلیک کنید و سپس ذخیره تغییرات را بزنید.
در صورتی که میخواهید از گالری پیشفرض وردپرس استفاده کنید، به مسیر نوشته ها » افزودن جدید بروید و روی افزودن پرونده چند رسانه ای کلیک کنید و مراحل گفته شده در قسمت قبل را دنبال کنید و آن را به هر بخشی که می خواهید اضافه کنید.
با انتخاب این نوع پست، فیلد جدیدی به نام لینک اضافه می شود که در آن میتوانید آدرس اینترنتی صفحه ای که میخواهید لینک کنید را وارد کنید.
این فقط در صورتی نمایان میشود که کاربر صفحه این بلاگ را باز کند و این لینک در لیست بلاگ نمایش داده نمیشود. اگر این نوع پست را انتخاب کنید، میتوانید برای این بلاگ خلاصه تعیین کنید.
این نوع المان، قسمتی از پست را در صفحه لیست بلاگها نمایش میدهد.
با انتخاب این نوع، فیلد جدید اضافه میشود که قسمت مورد نظر پست تان را می توانید در آن بنویسید تا در صفحه لیست بلاگها نمایش داده شود.
هر مطلب دیگری که به عنوان خلاصه پست نوشته شود، زیر این عبارت نمایش داده میشود. دقیقا زیر نقل قول، عنوان پست قرار میگیرد.
در این بخش میتوانید از پلتفرمهایی مانند یوتیوب، ویمئو و ویدئوهای که در سرور آپلود کردهاید، به پخش ویدئو بپردازید.
با انتخاب این نوع پست، فیلد جدیدی اضافه میشود که میتوانید در آن ویدئوهایی که میخواهید وارد کنید.
شما میتوانید از سه منبع، ویدئو آپلود کنید:
برای این که ویدئو از یوتیب وارد کنید، کافی است ID ویدئوی یوتیوب را در فیلد Video ID وارد کنید و نیازی به آدرس کامل ویدئو ندارید.
برای این که ویدئو از یوتیب وارد کنید، کافی است ID ویدئوی یوتیوب را در فیلد Video ID وارد کنید و نیازی به آدرس کامل ویدئو ندارید.
برای این کار در آموزش قالب bridge ابتدا باید یک ویدیو را به کتابخانه پرونده های چند رسانهی ای اضافه کنید.
سپس آن را به پست خودتان اضافه کنید.
برای اضافه کردن ویدئو به کتابخانه مدیا، باید مراحل زیر را دنبال کنید:
این نوع فایل برای نمایش دادن فایل های صوتی است.
با انتخاب این نوع پست، فیلد جدیدی نمایانمیشود که میتوانید در آن آدرس اینترنتی فایل صوتیای که میخواهید پخش شود را وارد کنید.
برای آپلود کردن یک فایل صوتی، مراحل زیر را انجام دهید:
در این بخش توضیح خواهید داد که چگونه دستههای مختلف را ایجاد کنید و پست هایتان را در این دسته ها قرار دهید.
برای ساخت دسته، به مسیر مدیریت وردپرس > نوشته ها > دسته بندی ها بروید.
اسمی را که می خواهید این دسته داشته باشد، وارد کنید. در صورت لزوم دسته مادر برای آن انتخاب کنید و به دلخواه یک توضیح کوتاه وارد کنید.
بعد از این که دستهبندیهای مختلف را ساختید، میتوانید پستهایتان را در آنها قرار دهید.
همه پست ها میتوانند در دستهبندی های مختلف قرار بگیرند.
دو روش برای قرار دادن پست ها در دسته بندی های مختلف وجود دارد:
برای دستهبندی یک نام انتخاب کنید و دسته مادر را در صورت لزوم انتخاب کنید سپس روی دکمه ایجاد دسته بندی تازه کلیک کنید.
دستهبندی جدیدی که ایجاد کردید، در لیست نمایش داده میشود و پستتان درون این دستهبندی قرار میگیرد.
در این بخش به بررسی و آموزش بخش پورتفولیو قالب Bridge می پردازیم.
اضافه کردن المان های مختلف به پورتفولیو کاری ساده است و مانند ایجاد پست است. برای هر کدام از پورتفولیوها در لیست پورتفولیو، عکسی نشان داده میشود. برای هر کدام از المانهای پورتفولیوها میتوانید از 7 نوع قالب استفاده کنید. همه این قالبها تحت Choose portfolio single view قابل انتخاب هستند. تصاویری که در پورتفولیوهای تکی نمایش داده میشوند را میتوان از طریق Portfolio Images که در زیر ویرایشگر قرار داده شده است، آپلود کرد.
برای ساخت پروتفولیو تکیف باید به مسیر Portfolio » افزودن نوشته بروید.
هنگامی که بروی افزودن نوشته کلیک می کنید، پورتفولیو جدیدی باز شود که میتوانید با امکاناتی که در اختیار دارید، آن را شخصیسازی کنید.
بعد از این که برای پورتفولیو خود نام انتخاب کردید، باید برای پورتفولیو عکس بگذارید. انتخاب عکس مهم است زیرا این تنها راهی است که یک پرتفولیو تکی میتواند در لیست پورتفولیوها نمایش داده شود.
روی گزینه قرار دادن بهعنوان تصویر شاخص کلیک کنید.
یک عکس را از کتابخانه و یا کامپیوتر خود، آپلود کنید. بعد از انتخاب عکس، روی قراردادن به عنوان تصویر شاخص کلیک کنید.
گاهی برای ارائه کار خود، نیاز است که از بیشتر از یک عکس استفاده کنید. اگر چند عکس را میخواهید در یک پورتفولیو به نمایش بگذارید میتوانید از آپلودر چندتایی Qode استفاده کنید. با استفاده از این ویژگی، می توانید در هر بار بیش از یک عکس را آپلود کنید. برای انجام این کار، مراحل زیر را انجام دهید:
قالب Bridge این امکان را میدهد که عکس و ویدئو را با هم در پورتفولیو قرار دهید. در صورتی که از این ویژگی استفاده میکنید، برای به نمایش درآمدن ویدئو، باید فیلد مخصوص عکس را خالی نگه دارید. در صورتی که میخواهید از یوتیوب یا ویمئو فیلم آپلود کنید، باید Video ID آن را بگیرید و یا ویدئوی دلخواه خود را از کتابخانه مدیا وارد کنید.
در صفحه تنظیمات پورتفولیو، یکسری تنظیمات قرار دارند که مخصوص شخصیسازی پورتفولیو هستند. با استفاده از این گزینهها میتوانید پورتفولیوهای خود را با هر ظاهری که میخواهید، به نمایش بگذارید. در ادامه به بررسی هر کدام از این تنظیمات میپردازیم.
در این بخش میتوانید تاریخ ایجاد پورتفولیو را وارد کنید. این تاریخ در پورتفولیو نمایش داده خواهد شد.
در این بخش می توانید قالب پورتفولیو خود را انتخاب کنید.
با استفاده از این گزینه، می توانید از درون پورتفولیوهایتان، به قسمتهای مختلف سایت بروید. برای این کار فقط کافی است که لینک صفحه موردنظر را در فیلد جایگذاری کنید.
در صورتی که می خواهید در پورتفولیو به صفحهای خارج از سایتتان لینک کنید، کافی است که ادرس اینترنتی را در این بخش قرار دهید.
در این بخش تعیین میکنید که در صورت کلیک بر لینک خارجی، صفحه جدید را در تبی جدید باز کند و یا اینکه آن را در همان تب باز کند.
در این بخش میتوانید آدرس اینترنتی ویدیو یا عکس دلخواهتان را وارد کنید تا در لایت باکس نمایش داده شود.
درصورت فعال کردن این گزینه، نشان کوچکی روی عکس اصلی پورتفولیو در لیست پورتفولیوها میآید.
در سمت راست صفحه، میتوانید برای پورتفولیوهایتان تگ بسازید. تگها برای دستهبندی و نشان دادن موضوع محتوا در یک نگاه به کاربر، مناسب هستند. تگها دقیقتر از دستهبندی ها هستند.
در بخش دستهبندیها در سمت راست صفحه، میتوانید دستهبندی بسازید و پورتفولیوها را به دستهبندیها اضافه کنید.
با استفاده از این ویژگی، میتوانید محتوای پورتفولیوهای خود را به صورت اسلایدرهای پویا و زیبا، به کاربر ارائه دهید. در این بخش به بررسی و آموزش چگونگی ساخت اسلایدر پورتفولیو میپردازیم.
پورتفولیوها براساس ترتیب دستی، عنوان و تاریخ مرتب میشوند. با استفاده از ترتیب دستی، میتوانید محتوای اسلایدر پورتفولیو را هرگونه که دوست دارید قرار دهید.
علاوه بر انتخاب نوع ترتیب، میتوانید افزایشی یا کاهشی بودن آن را نیز تعیین کنید. به طور مثال میتوانید محتوای جدید را بالاتر و و یا محتوای قدیمیتر را بالاتر نشان دهید.
با استفاده از این گزینه، میتوانید تعداد پورتفولیوهای نشان داده شده در یک صفحه را تعیین کنید. برای نمایش همه انها عدد 1- را وارد کنید.
اگر می خواهیدپورتفولیوهای فقط یک دسته مشخص، نمایش داده بشوند، نام دسته را وارد کنید. برای نشان دادن همه دستهبندیها، این بخش را خالی بگذارید.
روی صفحات کوچکتر به دلیل رسپانسیو بودن سایت، تعداد کمتری از محتوای پورتفولیو در عرض صفحه نمایش داده میشود.
فعال و یا غیر فعال کردن لایت باکس
میتوانید برای عناوین پورتفولیوهایتان، از استایل مشخص استفاده کنید که در این بخش قابل انتخاب است.
میتانید با استفاده از جداکننده های بین عنوان و نام دسته، فاصله بیاندازید.
این گزینه را روی “Yes” بگذارید تا دکمه “View” پنهان بشود.
در این بخش میتاونید اندازه عکس هایتان را انتخاب کنید. برای کاهش زمان بارگذاری پیشنهاد می دهیم که از اندازه افق 500*380 استفاده کنید.
ی توانید دکمه های بعدی و قبلی را پنهان کنید.
در این بخش به چگونگی ایجاد لیستها و استفاده از آنها میپردازیم.
اگر از افزونه های مخصوص سئو استفاده نمیکنید، میتانید از امکانات قالب Bridge برای سئو استفاده کنید. در این بخش میتوانید، موارد زیر را تنظیم کنید:
برای این که یک صفحه برای مشخصاتف اسلاعات تماس و آدرس بسازید، میتوانید از الگویی که در این قالب از قبل تعبیه شده است استفاده کنید. با استفاده از این قالب، صفحه مشخصات را در چند دقیقه می توانید بسازید.
برای فعال کردن این گزینه به مسیر مدیریت وردپرس » Qode options » Contact Pageبروید.
گزینه Enable Google Map را کلیک کنید. در این نقشه، حداکثر می توانید 5 آدرس را وارد کنید.
پ.ن: توجه داشته باشید که با توجه به تحریم دامنه ir امکان استفاده از نقشه گوگل قالب بریج، برای صاحبان این دامنه وجود ندارند.
برای وارد کردن آدرس، دو روش وجود دارد. یکی وارد کردن آدرس است و دیگری استفاده از GPS و تعیین محل دقیق است. توجه داشته باشید که به خاطر وجود الگوریتمهای پیچیده برای مشخص کردن موقعیت یک ادرسف ممکن است آدرسی که وارد می کنید با موقعیتی که روی نقشه نشان داده می شود همخوانی نداشته باشد.
حتی ممکن است که آدرسی که وارد کردهاید روی سرورهای نقشه گوگل وجود نداشته باشد و گوگل به طور اتوماتیک نزدیک ترین موقعیت را نشان خواهد داد. قبل از استفاده از این ویژگی، حتما وجود آدرس خود روی سرور گوگل را چک کنید.
مورد دیگری که میتوانید در این بخش ویرایش کنید، ویرایش عکس پینی است که با استفاده از آن، موقعیت تان روی نقشه مشخص می شود. توجه داشته باشید که همه آدرسها پین مشابه خواهند داشت.
در صورتی زوم با استفاده از رول موس را فعال کنید، تجربه کاربری بهتری را برای کاربران سایت تان میسازید. اگر این مورد را فعال کنید، کاربران میتاونند اطراف موقعیت شما را نیز در همان نقشه ببینند.
توجه داشته باشید که این ویژگی روی دستگاه های لمسی، غیر قابل اجرا است.
در این بخشف تنظیمات مختلفی وجود دارد که با تغییر آنها میتوانید نقشه گوگل را شخصی سازی کرده و ظاهر آن را بهتر کنید.
در این بخش میتوانید عنوان و زیرعنوان منحصربفردی را برای این صفحه تعیین کنید.
برای فعال کردن این بخش، به مسیر مدیریت وردپرس » Qode options » Contact Page بروید و گزینه Show Upper Section را فعال کنید.
همواره می توانید این بخش را غیر فعال کنید. اما اگر فقط می خواهید زیر عنوان ا از بین ببرید، چند فاصله خالی در فیلد زیرعنوان کلیک کنید و تغییرات را ذخیره کنید. با این کار فقط عنوان میماند.
اگر میخواهید که جداکننده زیر عنوان از بین برود، کافی است کد زیر را در مسیر Qode Option » General » Custom Code » CSS الحاق کنید:
.contact_section .seperator[
Display:none;
]
صفحه لندینگ، صفحه ای است که فقط محتوا در آن قرار می گیرد و خبری از سربرگ و پاورقی در آن نیست.
پیشنهاد میشود که از این صفحه به عنوان صفحه ورود به سایت یا زمانی که در حال بازسازی سایت هستید، استفاده کنید. این صفحه، از رفتن کاربران به صفحات دیگر سایت جلوگیری میکند، مانند یک صفحه که تنها عبارت “بزودی” روی آن نوشته باشد.
قالب Bridge دارای حالت “بروزرسانی و اصلاح” دارد که در مسیر Qode Options » Maintenance Mode میتوانید آن را فعال کنید. وقتی این گزینه را فعال میکنید، باید یک صفحه “بزودی” به عنوان صفحه لندینگ بسازید.
اگر از صفحه لندینگ به عنوان صفحه ورود به سایت تان تنظیمکردید، باید جلوه های حرکتی سایت را غیرفعال کنید. برای این کار به مسیر Qode options » General » Page Transitionبروید و گزینه No Animation را جلوی Page Transition فعال کنید.
در پایان امیدواریم از آموزش قالب bridge لذت برده باشید.
ارسال دیدگاه
برای ارسال دیدگاه شما باید وارد شوید!