به جلسه هفتم از دوره رایگان طراحی سایت با وردپرس از آژانس نوآوری رسام خوش آمدید. قبل از اینکه برگه و نوشته درج کنیم و تفاوت آنها را بگوییم، ذکر این نکته ضروری است که چه برگه و چه نوشته، در یک ادیتور یا ویرایشگر بلوکی به نام گوتنبرگ، درج و ویرایش می‌شوند. در این جلسه تفاوت ویرایشگر گوتنبرگ و ویرایشگر کلاسیک را به طور مفصل توضیح خواهیم داد. پس از شما می‌خواهیم تا پایان مقاله ما را همراهی کنید.
تفاوت برگه و نوشته در وردپرس
در این بخش ابتدا می‌خواهیم به تفاوت پست و پیج در وردپرس بپردازیم. برگه‌ها (پیج) برای صفحات ثابت سایت مورد استفاده قرار می‌گیرند. صفحاتی مثل درباره ما، تماس با ما، فرصت‌های شغلی، قوانین سایت مثال‌های خوبی هستند. اما نوشته‌ها (پست) کمی متفاوت هستند. نوشته‌ها نیاز به دسته‌بندی و بخش‌بندی دارند. مثلا اخبار، مقالات، بلاگ و حتی نمونه‌کارها می‌توانند در این بخش درج شوند. در واقع اصلی‌ترین تفاوت برگه و نوشته این است که نوشته‌ها دارای دسته‌بندی، برچسب و دیدگاه (کامنت) هستند. اما برگه‌ها به این موارد نیازی ندارند.
مثلا در صفحه درباره ما توضیحاتی در خصوص سوابق شرکت، اعضای تیم و نظرات مشتریان درج می‌شود. بدیهی است که این صفحه هیچ‌وقت نیاز به دسته‌بندی، برچسب و دیدگاه ندارد. اما یک نوشته که مثلا یک مقاله در خصوص آموزش طراحی سایت با وردپرس است قطعا نیاز به اظهار نظر مخاطبان دارد. همچنین دسته‌بندی نیز برای آن لازم است. مثلا دسته آن می‌تواند آموزشی باشد. (اینکه دسته‌بندی سایت چطور باید باشد به این بستگی دارد که چه محتواهایی می‌خواهید تولید کنید).
ایجاد دسته بندی در وردپرس
دسته بندی در وردپرس زیرمجموعه بخش نوشته‌ها در پیشخوان مدیریتی هستند. فرض کنید یک وب‌سایت ارائه خدمات دیجیتال مارکتینگ دارید. پس قطعا برای اینکه در سئو نتیجه بگیرید، بخش بلاگ را مطابق با استراتژی محتوایی خود ایجاد می‌کنید. این بخش نیاز به دسته‌بندی محتوا دارند. آن دسته‌بندی‌ها را دقیقا باید اینجا وارد کنید.
همانطور که در تصویر بالا دیده می‌شود، از سمت راست می‌توانید نام دسته را وارد کنید و زیر آن هم مقدار اسلاگ یا به قول وردپرس “نامک” آن دسته را وارد کنید. اسلاگ یا همان نامک، مقداری از url است که بهتر است آن را ترجمه شده به انگلیسی وارد کنیم. چون این مقدار در url می‌آید و از آنجایی که قطعا اسم url ها انگلیسی هست، پس بهتر است مقادیر بعد از اسم نیز انگلیسی و مرتب وارد شوند.
دقت کنید که دسته‌ها می‌توانند فرزند هم داشته باشند. مثلا دسته ایمیل مارکتینگ زیرمجموعه دسته مقالات دیجیتال مارکتینگ (در تصویر بالا) قرار گرفته است.
درج برچسب در وردپرس
برچسب‌ها (تگ‌ها) نیز مانند دسته بندی وردپرس، زیرمجموعه بخش نوشته‌ها هستند. در اینجا هم دقیقاً مشابه دسته‌ها می‌توانید نام برچسب و نامک آن را وارد کنید. یکی از تفاوت‌های دسته و برچسب این است که دسته‌ها می‌توانند فرزند و نوه و نتیجه هم داشته باشند. اما برچسب‌ها صرفاً در یک سطح درج می‌شوند و کمی مشابه هشتگ‌های اینستاگرام هستند.
البته به این موضوع دقت داشته باشید. در اینستاگرام بحثی تحت عنوان سئو نداریم و شما وابسته به الگوریتم‌های اینستاگرام هستید. این چیز بدی هم نیست. چون پلتفرم متعلق به شما نیست اما اجازه تولید محتوا و استفاده از آن را دارید. اما در وب‌سایت شما همه چیز دست شما است. درج دسته‌بندی و برچسب نکات سئویی بسیاری دارد که بعدا در دوره رایگان سئو، به آن می‌پردازیم.
انواع ویرایشگر در وردپرس
در وردپرس شما می‌توانید از ویرایشگر قدیمی و کلاسیک که با منطق WYSIWYG کار می‌کند، برگه‌ها و نوشته‌های خود را درج و ویرایش کنید. اما در سال‌های اخیر ویرایشگر بلوکی وردپرس با نام گوتنبرگ هم معرفی شده که کار شما را آسان‌تر می‌کند. شما با استفاده از افزونه CKEditor هم می‌توانید ویرایشگر دیگری داشته باشید اما با توجه به اینکه منطق آن مشابه همان ویرایشگر کلاسیک است، چندان آن را پیشنهاد نمی‌کنیم.
ویرایشگر کلاسیک – Classic Editor
ویرایشگر کلاسیک صرفا مختص وردپرس نیست. در خیلی از سیستم‌های مدیریت محتوا وجود دارد. شما می‌توانید با نصب افزونه Classic Editor آن را فعال کنید. دلیل این کار هم این است که وردپرس ویرایشگر جدید خود یعنی گوتنبرگ را پیش‌فرض کرده است. ویرایشگر کلاسیک تقریبا روندی مشابه نرم‌افزار Word را دارد. یعنی شما یک ادیتور برای فرمت‌بندی محتوای خود دارید.
ویرایشگر گوتنبرگ – Block Editor
ویرایشگر گوتنبرگ چند سالی است که به وردپرس اضافه شده است. امروزه دیگر این ویرایشگر در وردپرس پیش‌فرض است. اما یک سوال، چرا به آن بلوکی می‌گویند؟ این ویرایشگر مشابه برگه‌ساز المنتور دارای ویجت بوده و شما می‌توانید خیلی راحت (با فشردن دکمه + در بالا سمت راست تصویر زیر) ویجت‌های مدنظر را در برگه یا نوشته خود درج کنید. شما حتی در گوتنبرگ می‌توانید ستون بندی کنید. کاری که در ویرایشگر کلاسیک دشوار بود و گاهی کد نوشتن نیاز داشت.
ویرایشگر گوتنبرگ بسیار سبک‌تر بوده و ساختار کد ایجاد شده آن کمتر است. این ویرایشگر از Semantic Code ها بهتر پشتیبانی می‌کند و این مقوله باعث می‌شود در سئو تکنیکال، وضعیت بهتری را نسبتا به ویرایشگر کلاسیک تجربه کنیم. ذخیره صفحات در گوتنبرگ آسان‌تر است و این سرعت ویرایش صفحات را بالا می‌برد.
در سمت چپ تنظیماتی وجود دارد. شما در این قسمت به ترتیب می‌توانید تصویر شاخص آن برگه یا نوشته را درج کنید. وضعیت آن برگه یا نوشته را مشخص کنید (منتشر شده باشد، پیش‌نویس باشد و منتشر نشود و یا اینکه به صورت خصوصی منتشر بشود تا فقط مدیران ببینند). در بخش انتشار می‌توانید تاریخ انتشار را نیز مشخص کنید. می‌توانید نویسنده را از بخش بعدی مشخص کنید (البته به صورت پیش‌فرض، همان کاربری که لاگین است، نویسنده این مطلب است).
یک گزینه تحت عنوان قالبها هم داریم که فعلا با آن کاری نداریم. شما می‌توانید تعیین کنید که گفتگوها (دیدگاه‌ها) برای این مطلب باز باشد یا خیر. گزینه سنجاق‌شده نیز برای زمانی هست که می‌خواهید یک مطلب اصطلاحاً پین شود و بالا بماند. هر ویجت ویرایشگر گوتنبرگ وردپرس نیز برای خود تنظیماتی دارد که در بخش بلوک (بالا سمت چپ) قابل مشاهده است. همچنین از منوی سه نقطه بالا سمت چپ صفحه نیز به یک سری تنظیمات گوتنبرگ دسترسی خواهید داشت.
درج برگه و نوشته با ویرایشگر گوتنبرگ وردپرس
کار با ویرایشگر گوتنبرگ وردپرس همین‌قدر جذاب و آسان است. البته این را در نظر داشته باشید که ما در محتوای متنی نمی‌توانستیم تک تک ویجت‌های گوتنبرگ را توضیح بدهیم. اما این موارد را در ویدئو توضیح داده‌ایم. حتما ویدئو را مشاهده کرده و در صورتی که سوال داشتید، در بخش دیدگاه‌های این جلسه از دوره رایگان وردپرس، از ما بپرسید.
26 پاسخ
من از لوکال هاست برای آموزش استفاده میکنم. الان که داشتم مطابق درس پیش میرفتم، توی بخش افزودن نوشته اومدم و یک عکس با فرمت jpg اضافه کردم و با اروری مواجه شدم. “وب سرور نمیتواند اندازه های تصویر واکنش گرا برای این تصویر تولید کند. پیش از بارگذاری، آن را به jpeg یا png تبدیل کنید.” مگه jpg همون jpeg نیست؟ چطور این مشکل رو حل کنم؟ ممنون میشم راهنمایی کنید
درود بر شما دوست گرامی، وقت شما بخیر
همین که فایل رو rename کنید و پسوند رو از jpeg به jpg تغییر بدهید درست میشه.
موفق باشید.
با سلام خدمت شما استاد گرامی
بنده سایت خودم را با المنتور دارم طراحی میکنم و به صورت دو زبانه میباشد یعنی زبان فارسی و انگلیسی
برای ساخت قالب ها و صفحات و نوشته ها باید صفحه زبان انگلیسی اون ها را هم ایجاد کنم.
سوال بنده این هست تعداد بیش از 10 قالب ( قالبهای مختلف : هدر -فوتر سینگل -آرشیو و. … ) -بیش از 10 صفحه – و نوشته ها هم که بیش از 20 پست و ممکنه بیشتر هم بشه که خود اینها باز قالبها و صفحات و پست های ترجمه شده خود را دارند
این تعداد قالب و نوشته و صفحه مشکلی ایجاد نمیکنه – یا باید اندازه مناسبی صفحه و مطلب در سایت قرار بدیم؟؟
ممنون از شما
درود بر شما دوست گرامی. وقت شما بخیر
برای سایت‌های چند زبانه، همانطور که اشاره فرمودید، باید تمپلیت‌های زبان‌ها را مجزا ساخت و این مسئله مشکل ساز نیست. افزونه‌هایی هم برای چندزبانه کردن وجود دارد. مثلا یکی از رایج‌ترین آنها WPML است.
موفق باشید.
با سلام مجدد
من هم خودم از wpml استفاده میکنم
منظورم اینه این همه تعداد تمپلیت ها و صفحات و نوشته ها به دو زبان سایت را سنگین نمیکنه و در آینده مشکلی پیش نمیاد؟؟
مخصوصا که نوشته ها و پست ها زیاد بشه اون هم به دو زبان؟
ممنون از شما استاد گرامی
درود بر شما. وقت شما بخیر
نه سنگین نمیشه چندان. هاست خوب داشته باشه و طراحی هم سبک و حرفه‌ای انجام بشه، جواب میده. دیگه ذاتاً وردپرس از سایت‌هایی که به صورت اختصاصی نوشته شده، نمی‌تونه سبک‌تر باشه. چون آنها رو از صفر نوشتن و برخی شون SPA دارن و مدل لود شدن صفحات آنها با وردپرس فرق دارد.
موفق باشید.
عنوان مثال شاید لینکی ساخته شده و مقصد آن صفحه‌ای هست که قبلا وجود داشته و بعدا حذف شده. بنابراین باعث می‌شود خطای 404 دریافت کنیم و صفحه را باز نکند.
فک کنم این باشه برای این باید چکار کنم؟
درود بر شما. وقت شما بخیر
اگر جایی لینک دادید بررسی بفرمایید که آیا لینک ها صحیح هستند؟ حتما در بخش تنظیمات > پیوندهای یکتا بروید و گزینه نام نوشته را انتخاب کنید و ذخیره را بزنید. حتی اگر همین گزینه هم فعال بود حتما یک بار روی ذخیره بزنید تا url ها اصطلاحا flush بشوند.
موفق باشید.
سلام و درود
نمیدونم چرا چند روزه برگه ها برام باز نمیکنه و یا اگرم باز کنه محتواش نمایش داده نمیشه؟ حتی موقع ویراش برگه و یا نوشته زمانی که روی نمایش برگه یا نوشته هم میزنم میگه در این صفحه چیزی یافت نشد.
درود بر شما. وقت شما بخیر
دلایل مختلفی ممکن است داشته باشد. مثلا ممکن است برگه یا نوشته‌ای را تغییر داده باشیم اما ذخیره نکرده باشیم بنابراین در حالت view آن برگه یا نوشته، آن محتوا ها را ندارد. یا به عنوان مثال شاید لینکی ساخته شده و مقصد آن صفحه‌ای هست که قبلا وجود داشته و بعدا حذف شده. بنابراین باعث می‌شود خطای 404 دریافت کنیم و صفحه را باز نکند.
موفق باشید.
با سلام
استاد چطور از صفحات و نوشته هایمان یک نسخه پشتیبان تهیه کنیم که بعدا اگر صفحه یا نوشته را اشتباها حذف کریدم به نسخه بک آپ رجوع کنیم
بهترین روش چی هست؟
آیا بدون افزونه هم میشه؟
ممنون از شما
درود بر شما بهزاد جان. وقت شما بخیر
بله به چند روش می‌توان این کار را انجام داد. هم افزونه‌هایی برای بکاپ وجود دارد مثل All export pro و… هم از بخش ابزارها > برون‌بری، می‌توانیم از برگه و نوشته خروجی بگیریم که البته این روش، مشکلات و محدودیت‌هایی دارد که من در جلسه خودش، توضیح دادم و مواجه خواهید شد با آن. هم اینکه اصلا میشه از خود هاست بکاپ بگیریم. من یک جلسه پرمحتوا و عملی برای گرفتن بکاپ در دوره درج کردم. به‌نظرم همین طوری به ترتیب جلو بروید و اون جلسه رو هم ببینید.
موفق باشید.
سلام وقت بخیر
با تشکر از تدریس عالیتون
استاد من از سایت انگلیسی وردپرس رو دانلود کردم و نصب کردم
و الان در بخش الگوهام همه فرم انگلیسی دارن در حالی که تو ویدئو شما متفاوت بود و الگوها فرم فارسی داشتن
چطور میتونم تغییرش بدم؟
درود بر شما. وقت بخیر
سپاس از شما. منظور از الگوها، قالب های المنتور هست و یا الگوهای مربوط به گوتنبرگ رو می‌فرمائید؟ اگر المنتور منظورتان هست درست خواهد شد. ببینید گاهی یک قابلیت جدید ممکن است اضافه بشود و ترجمه شدن آن کمی زمان ببرد. (حتی اگر وردپرس را از بخش انگلیسی دانلود و نصب کرده باشید زبان فارسی را دارد). بخش تنظیمات عمومی وردپرس رو هم چک بفرمائید که زبان روی فارسی باشد.
موفق باشید.
سلام وقت بخیر
من وقتی عکس اپلود می کنم ارور میده . چیکار کنم؟
درود بر شما. وقت بخیر
دلایل مختلفی می‌تواند داشته باشد. روشن بودن vpn، پر شدن هاست، پائین بودن منابع هاست و مدت زمان لود و آپلود، به مشکل خوردن و در دسترس نبودن لحظه‌ای سرور و… در زمان دیگری هم باید تلاش کرد.
موفق باشید.
با سلام و وقت بخیر
وقتی نشانی اینترنتی یا نامک رو برای برگه تازه میزنم، ثبت میشه ولی تو آدرس نمیاد.
درود بر شما. وقت بخیر
در پیشخوان وردپرس و در منوی تنظیمات رفته و روی گزینه پیوندها یکتا کلیک کنید. گزینه “نام نوشته” را انتخاب کنید و تنظیمات را ذخیره کنید.
موفق باشید.
استاد ببخشید خیلی از ابزاری که سمت چپ قرار گرفته رو من ندارم
مثل ابعاد عکس یا تصویر شاخص یا لینک دهی
چجوری میتونم اضافه کنم؟
درود بر شما، وقت بخیر
چرا هستن. فقط کمی تغییر کرده در آخرین بروزرسانی های تیم وردپرس
در واقع تصویر شاخص اومده بالاتر. دقت کنید اون بالا سمت چپ شاید منوی تنظیمات را غیرفعال کرده باشید. آن بخش را هم چک بفرمائید.
موفق باشید.
سلام استاد وقتتون بخیر امکانش هست که خودمون الگو بسازیم توی همه پست ها ازشون استفاده کنیم؟
درود بر شما. وقت شما بخیر
بله هم می‌توان این کار را کرد و هم می‌توان با استفاده از افزونه Duplicate Post از برگه یا نوشته مدنظر خود کپی بگیریم.
موفق باشید.
مهندس میشه کلا گوتنبرگ رو استفاده نکرد و فقط با المنتور کار کرد؟ خیلی رو مخه. کدوم بخش هاش نیازه که اونا رو تمرین کنیم :))
درود بر شما. وقت بخیر
منم اوایل که گوتنبرگ آمده بود زیاد بهش ارادت نداشتم. اما بسیار سبک است. نسبت به ویرایشگر کلاسیک خیلی بهتر و بهینه‌تر هست. در واقع گوتنبرگ یک بلاک ادیتور هست و قابلیت ستون‌بندی دارد. اما ویرایشگر کلاسیک همان WYSIWYG هست و روش قدیمی و دشواری دارد.
گوتنبرگ تقریبا نمیتواند جایگزین المنتور باشد. در واقع یه جورایی به هر دو نیاز داریم. (مگر اینکه گوتنبرگ در آینده تغییراتی داشته باشد و بتواند جایگزین المنتور بشود). اما آیا می‌توان گوتنبرگ را استفاده نکنیم؟ بله می‌توان همه چیز را با المنتور طراحی کرد. ولی برای صفحات نوشته ها و آرشیو مقالات، اگر دونه دونه نوشته ها را با المنتور درج کنیم سایت کمی سنگین می‌شود. بنابراین اینجا گوتنبرگ کمک کننده است.
موفق باشید.
خیلی کامل و خوب بود دستت دردنکنه مهندس
درود بر شما. وقت بخیر
سپاس از لطف و همراهی شما. خوشحالم که مورد توجه قرار گرفته است.
موفق باشید.