وبلاگ - صفحه 13 از 15

Marcel and Maciek going to WordCamp Europe Athens

ارسال شده توسط Reza125

با Kinsta در WordCamp Europe 2023 در آتن آشنا شوید

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

ما خوشحالیم که اعلام کنیم تیم Kinsta در WordCamp Europe 2023 در آتن، یونان شرکت خواهد کرد!

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

اگر مایلید با ما صحبت کنید، لطفاً با کلیک بر روی نام آنها در بالا، قرار ملاقاتی با Macik یا Marcel رزرو کنید. هر دوی آنها مشتاقانه منتظر شنیدن نظرات شما هستند.

WordCamp اروپا چیست؟

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

WordCamp Europe یا WCEU هر ساله در یک شهر اروپایی متفاوت برگزار می شود و توسط تیمی از داوطلبان انتخاب شده از جامعه وردپرس میزبانی می شود. امسال، WordCamp اروپا از ۸ تا ۱۰ ژوئن در آتن یونان برگزار می شود.

بلیط را می توان در صفحه بلیط در وب سایت WCEU اگر قصد رفتن دارید حتماً خودتان را بیاورید، زیرا فروش بلیط در ماه آخر قبل از رویداد افزایش می یابد.

اطلاعات بیشتر درباره وردپرس و انجمن وردپرس

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

می بینمت آتن!

چه مدت طول می کشد تا سئو کار کند؟ بهترین امتیاز

ارسال شده توسط Reza125

چه مدت طول می کشد تا سئو کار کند؟ بهترین امتیاز

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

یکی از رایج‌ترین سوالاتی که هنگام صحبت در مورد بهینه‌سازی موتورهای جستجو (SEO) برای ما پیش می‌آید این است که «چقدر طول می‌کشد تا سئو کار کند؟». اینترنت مملو از استادانی است که در مورد بهبود رتبه سایت خود توصیه می کنند، اما تعداد کمی از آنها در مورد آن صحبت می کنند. چند تا فرآیند ممکن است طول بکشد

حقیقت این است که وقتی صحبت از سئو می شود، هیچ فرمول جادویی وجود ندارد. به دست آوردن نتایج زمان می برد، و این با فرض پیروی از بهترین شیوه ها (که دائماً در حال تغییر هستند) است. با این حال، یک استراتژی جامع سئو اراده حتی اگر به اندازه دلخواه شما نباشد، ترافیک را برای شما به ارمغان بیاورد.

چرا نتایج سئو فوری نیستند؟

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

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

سن سایت. وب‌سایت‌های جدید معمولاً برای رتبه‌بندی بالا زمان بیشتری می‌برند، زیرا موتورهای جستجو برای کشف، فهرست‌بندی و رتبه‌بندی محتوای آنها زمان می‌برند. وب‌سایت‌های قدیمی‌تر و معتبرتر با سابقه ارائه محتوای ارزشمند و نمایه بک لینک قوی‌تر به احتمال زیاد نتایج سئو سریع‌تری خواهند دید.
رقابت. وب‌سایت‌هایی که در جایگاه‌های بسیار رقابتی قرار دارند، اغلب زمان و تلاش بیشتری برای دستیابی به نتایج رتبه‌بندی خوب در مقایسه با وب‌سایت‌هایی در حوزه‌های کمتر رقابتی می‌طلبند.
پیوند پروفایل. بک لینک ها یکی از مهم ترین سیگنال ها برای موتورهای جستجو در مورد رتبه بندی هستند. با این حال، وب سایت های جدید احتمالاً دارای بک لینک های کمی از سایت های معتبر هستند. ساختن پروفایل بک لینک فرآیندی است که ممکن است سال ها طول بکشد اگر فقط منتظر بمانید تا سایت های دیگر به طور خود به خود به شما دسترسی پیدا کنند.
بهینه سازی روی صفحه. بهینه سازی صحیح محتوای وب سایت، ابرداده، URL ها و ساختار لینک داخلی می تواند به موتورهای جستجو در رتبه بندی آن کمک کند. بهینه سازی روی صفحه شانس شما را برای رتبه بالاتر در نتایج جستجو افزایش می دهد.
به روز رسانی الگوریتم. الگوریتم های موتورهای جستجو به طور مداوم در حال تغییر هستند. این تغییرات می تواند تاثیر بسزایی در رتبه بندی یک سایت داشته باشد. بنابراین، به روز ماندن با آخرین بهترین شیوه های سئو و تطبیق استراتژی های خود بر این اساس حیاتی است.

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

چگونه بهینه سازی خارج از صفحه بر رتبه سئو تاثیر می گذارد

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

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

👉 دو مهم ترین کار بهینه سازی خارج از صفحه که باید روی آنها تمرکز کنید عبارتند از:

دریافت بک لینک. بک لینک های با کیفیت و مرتبط از وب سایت های معتبر به موتورهای جستجو در مورد ارزش محتوای شما می گویند. ایجاد یک پروفایل بک لینک قوی (یعنی دریافت بک لینک های زیاد) می تواند رتبه سایت شما را به میزان قابل توجهی افزایش دهد. اگر سایت شما قربانی اسپمرها شده است، استراتژی بک لینک شما ممکن است شامل اجتناب از بک لینک هایی باشد که می تواند به سئو آسیب برساند.
سیگنال های رسانه های اجتماعی. اشتراک گذاری ها، لایک ها و نظرات رسانه های اجتماعی می تواند به طور غیرمستقیم بر رتبه سایت شما تأثیر بگذارد و دید و اعتبار محتوای شما را افزایش دهد. اگر با مخاطبان هدف خود در رسانه های اجتماعی تعامل داشته باشید، این می تواند به افزایش ترافیک ارگانیک سایت شما کمک کند. با این حال، از نظر تلاش نیز نیازمند تعهد است.

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

منظور ما از پرخاشگری استفاده از مجموعه ای دقیق از استراتژی ها است. برای موفقیت باید همه پایه های خود را پوشش دهید.

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

آیا برنامه کاری سئو وجود دارد؟

اکنون که کمی بیشتر در مورد مهم ترین استراتژی های سئو می دانید، احتمالاً هنوز این سوال مهم را می پرسید: چقدر طول می کشد تا سئو کار کند؟

حقیقت این است که تقریباً غیرممکن است که یک چارچوب زمانی برای کارکرد سئو تعیین کنید. با این حال، با فرض اینکه بهترین شیوه های سئو را دنبال می کنید که محتوای شما مرتبط است، و با توجه به اینکه شما در حال حاضر یک نمایه بک لینک مناسب دارید، برخی تحقیقات نشان می دهد که ممکن است سه تا شش ماه طول بکشد تا شاهد بهبود در رتبه بندی باشید.

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

👉 برای درک بهتر اینکه چقدر طول می کشد تا SEO کار کند، بیایید سه مثال از وب سایت های محبوب را مورد بحث قرار دهیم:

مثال شماره ۱: عارف

صفحه اصلی Ahrefs. — *اعتبار تصویر: عارف*

Ahrefs مجموعه ای جامع از ابزارهای SEO را ارائه می دهد که می توانید از آنها برای بهبود عملکرد سایت خود در نتایج جستجو استفاده کنید. این یکی از محبوب ترین خدمات سئو در وب است و آنها به طور مرتب مقالاتی در مورد سئو و نحوه رتبه بندی بالاتر منتشر می کنند.

در سال ۲۰۱۷، Ahrefs مطالعه ای در مورد محتوای خود انجام داد و دریافت که پست های وبلاگ آنها به طور متوسط ۶۱ تا ۱۸۲ روز طول می کشد تا به اوج رتبه خود برسند. این به معنای دو تا شش ماه است که با اکثر مطالعات موردی مشابه دیگر مطابقت دارد.

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

مطالعه موردی شماره ۲: متیو وودوارد

وبلاگ توسط Benjamin Crozat — *اعتبار تصویر: بنجامین کروزات*

Dive in a master React conditional render

ارسال شده توسط Reza125

تسلط بر React Conditional Rendering: A Deep Dive

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

رندر شرطی یک ویژگی قدرتمند React است که به توسعه دهندگان اجازه می دهد کامپوننت ها را بر اساس شرایط خاص رندر کنند.

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

در این آموزش دقیق، ما به رندر شرطی در React می پردازیم و تکنیک های پایه و پیشرفته را با مثال هایی پوشش می دهیم تا شما را به درستی برسانید.

درک رندر شرطی در React

رندر شرطی در React به توسعه دهندگان این امکان را می دهد تا بر اساس مقادیر خاصی که می توانند در یک متغیر، وضعیت یا ویژگی ذخیره شوند، به صورت پویا محتوایی را که روی صفحه نمایش داده می شود، کنترل کنند.

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

رندر شرطی در برنامه‌های React مهم است زیرا به شما امکان می‌دهد رابط‌های کاربری پویا و تعاملی ایجاد کنید که می‌تواند به تغییرات داده‌ها و تعامل بی‌درنگ کاربر پاسخ دهد.

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

وب در حال تکامل است و رابط کاربری شما نیز باید تکامل یابد! تجربه کاربری را با رابط های پویا و پاسخگو ساده کنید. از اینجا شروع کنید👇برای توییت کلیک کنید

تکنیک های اولیه رندر شرطی

چند روش اساسی وجود دارد که می توانید برای رندر شرطی در React استفاده کنید. بیایید به هر یک از آنها با جزئیات نگاه کنیم.

استفاده از دستور if برای رندر شرطی

یکی از ساده ترین راه ها برای پیاده سازی رندر شرطی در React استفاده از سنتی است if بیانیه.

if (condition) {
    return <p>Expression 1</p>;
  } else {
    return <p>Expression 2</p>;
  }

جاوا اسکریپت if اپراتور می تواند در داخل کامپوننت شما استفاده شود render() روشی برای نمایش مشروط محتوا بر اساس یک شرایط خاص.

به عنوان مثال، می توانید از دستور if برای نمایش شمارنده دانلود در حالی که منتظر بارگذاری داده هستید استفاده کنید:

import { useState, useEffect } from 'react';
import Spinner from './Spinner';

const MyComponent = () => {
  const [isLoading, setIsLoading] = useState(true);
  const [data, setData] = useState(null);

  useEffect(() => {
    // Fetch data from an API
    fetch('
      .then((response) => response.json())
      .then((data) => {
        setData(data);
        setIsLoading(false);
      });
  }, []);

  if (isLoading) {
    return <Spinner />;
  }

  return <div>{/* Render the data here */}</div>;
};

export default MyComponent;

در این مثال MyComponent با استفاده از API داده ها را بازیابی می کند useEffect قلاب. در حالی که منتظر بارگذاری اطلاعات هستیم، مولفه Spinner را با آن رندر می کنیم if بیانیه.

مثال دیگر رندر کردن یک رابط کاربری بازگشتی است که هنگام رندر کردن مؤلفه شما خطایی رخ می دهد:

const MyComponent = ({ data }) => {
  if (!data) {
    return <p>Something went wrong. Please try again later.</p>;
  }

  return <div>{/* Render the data here */}</div>;
};

export default MyComponent;

در این کد داریم MyComponent طول می کشد data پشتیبانی اگر data prop false است، با استفاده از یک پیام خطا نمایش می دهیم if بیانیه.

در نهایت، می‌توانید محتوای متفاوتی را برای نقش‌های کاربری مختلف به نمایش بگذارید if بیانیه:

const MyComponent = ({ user }) => {
  if (user.role === 'admin') {
    return <p>Welcome, admin!</p>;
  } else if (user.role === 'user') {
    return <p>Welcome, user!</p>;
  } else {
    return <p>You are not authorized to access this page.</p>;
  }
};

export default MyComponent;

در این کد داریم MyComponent طول می کشد user پشتیبانی بسته به user.role دارایی، ما با استفاده از محتوای مختلف نمایش می دهیم if بیانیه.

استفاده از عملگر سه تایی برای رندر شرطی

یکی دیگر از راه های مختصر برای پیاده سازی رندر شرطی در React استفاده از عملگر سه تایی (؟) در JSX است.

عملگر سه تایی به شما این امکان را می دهد که با تعیین ۳ عملوند، یک دستور if-else درون خطی فشرده بنویسید. عملوند اول یک شرط است و دو عملوند دیگر عبارت هستند. اگر شرط true، اولین عبارت اجرا خواهد شد. در غیر این صورت، عبارت دوم.

به عنوان مثال، می توانید کامپوننت های مختلف را بر اساس props رندر کنید:

import ComponentA from './ComponentA';
import ComponentB from './ComponentB';

const ExampleComponent = ({ shouldRenderComponentA }) => {
  return (
    <div>
      {shouldRenderComponentA ? <ComponentA /> : <ComponentB />}
    </div>
  );
};

export default ExampleComponent;

در این کد داریم ExampleComponent که طول می کشد props به نام shouldRenderComponentA. ما از عملگر سه تایی برای رندر شرطی استفاده می کنیم ComponentA یا ComponentB بر اساس هزینه لوازم جانبی

همچنین می توانید متن های مختلفی را بسته به وضعیت نمایش دهید:

import { useState } from 'react';

const ExampleComponent = () => {
  const [showMessage, setShowMessage] = useState(false);

  return (
    <div>
      <button onClick={() => setShowMessage(!showMessage)}>
        {showMessage ? 'Hide message' : 'Show message'}
      </button>
      {showMessage ? <p>Hello, world!</p> : null}
    </div>
  );
};

export default ExampleComponent;

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

در نهایت، می‌توانید هنگام واکشی داده‌ها، شمارنده دانلود را تجسم کنید:

import { useState, useEffect } from 'react';
import Spinner from './Spinner';

const ExampleComponent = () => {
  const [isLoading, setIsLoading] = useState(true);
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const response = await fetch('
      const jsonData = await response.json();
      setData(jsonData);
      setIsLoading(false);
    };
    fetchData();
  }, []);

  return (
    <div>
      {isLoading ? <Spinner /> : <p>{data.title}</p>}
    </div>
  );
};

export default ExampleComponent;

در این مثال، ما از یک عملگر سه تایی استفاده می‌کنیم تا زمانی که داده‌ها از یک API واکشی می‌شوند، یک بار شمارنده را به صورت مشروط ارائه کنیم. هنگامی که داده ها در دسترس هستند، ما تجسم می کنیم title دارایی با استفاده از عملگر سه تایی

استفاده از عملگرهای Boolean AND و OR برای رندر شرطی

همچنین می توانید از AND منطقی (&&) و OR (||) برای پیاده سازی رندر شرطی در React.

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

این عملگرها زمانی مفید هستند که شما شرایط ساده ای دارید که تعیین می کند آیا یک جزء باید رندر شود یا خیر. به عنوان مثال، اگر می خواهید یک دکمه را فقط در صورتی نمایش دهید که فرم معتبر باشد، می توانید از عملگر منطقی AND به صورت زیر استفاده کنید:

import { useState } from 'react';

const FormComponent = () => {
  const [formValues, setFormValues] = useState({ username: "", password: "" });

  const isFormValid = formValues.username && formValues.password;

  const handleSubmit = (event) => {
    event.preventDefault();
    // Submit form data
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={formValues.username}
        placeholder="Type Username..."
        onChange={(e) =>
          setFormValues({ ...formValues, username: e.target.value })
        }
      />
      <br />
      <input
        type="password"
        value={formValues.password}
        placeholder="Type Password..."
        onChange={(e) =>
          setFormValues({ ...formValues, password: e.target.value })
        }
      />
      {isFormValid && <button type="submit">Submit</button>}
    </form>
  );
};

export default FormComponent;

در این مثال داریم FormComponent که دارای یک فرم با دو فیلد ورودی برای username و password. ما استفاده می کنیم useState قلاب برای مدیریت مقادیر فرم و isFormValid متغیر برای بررسی اینکه آیا هر دو فیلد ورودی دارای یک مقدار هستند یا خیر. با استفاده از عملگر AND منطقی (&&)، دکمه ارسال را فقط در صورتی نمایش می دهیم که isFormValid حقیقت. این تضمین می کند که دکمه فقط زمانی فعال است که فرم معتبر باشد.

به طور مشابه، می توانید از عملگر OR برای نمایش یک پیام بارگیری در صورتی که داده ها هنوز در حال بارگیری هستند یا یک پیام خطا در صورت بروز خطا استفاده کنید:

import React, { useEffect, useState } from 'react';

const DataComponent = () => {
  const [data, setData] = useState(null);
  const [isLoading, setIsLoading] = useState(true);
  const [errorMessage, setErrorMessage] = useState('');

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('
        const data = await response.json();
        setData(data);
      } catch (error) {
        setErrorMessage('An error occurred while fetching data.');
      } finally {
        setIsLoading(false);
      }
    };

    fetchData();
  }, []);

  return (
    <>
      {errorMessage || isLoading ? (
        <p>{errorMessage || 'Loading...'}</p>
      ) : (
        <ul>
          {data.map((item) => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      )}
    </>
  );
};

export default DataComponent;

در این مثال DataComponent داده ها را از API با استفاده از fetch واکشی می کند و در یک لیست نمایش می دهد. ما استفاده می کنیم useState قلاب برای مدیریت داده ها، وضعیت بارگیری و پیام خطا. با استفاده از عملگر منطقی OR (||) می‌توانیم پیام بارگیری یا پیام خطا را در صورتی که یکی از شرایط آن درست باشد نمایش دهیم. این تضمین می کند که کاربر پیامی را مشاهده می کند که وضعیت فعلی فرآیند واکشی داده ها را نشان می دهد.

استفاده از عملگرهای AND و OR منطقی برای رندر شرطی در React روشی مختصر و خوانا برای مدیریت شرایط ساده است. با این حال، بهتر است از روش های دیگری مانند switch ادعاهایی برای منطق پیچیده تر

تکنیک های پیشرفته رندر شرطی

رندر شرطی در React بسته به نیازهای برنامه شما می تواند پیچیده تر باشد. در اینجا چند تکنیک پیشرفته وجود دارد که می توان از آنها برای رندر شرطی در سناریوهای پیشرفته تر استفاده کرد.

استفاده از دستورات سوئیچ برای رندر شرطی

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

به عنوان مثال:

import React from 'react';
const MyComponent = ({ userType }) => {
  switch (userType) {
    case 'admin':
      return <p>Welcome, admin user!</p>;
    case 'user':
      return <p>Welcome, regular user!</p>;
    default:
      return <p>Please log in to continue.</p>;
  }
};
export default MyComponent;

در این کد switch اپراتور برای نمایش محتوا بر اساس استفاده می شود userType پشتیبانی مشروط این رویکرد می تواند هنگام برخورد با شرایط متعدد مفید باشد و راه سازماندهی شده و خواناتری برای مدیریت منطق پیچیده ارائه می دهد.

رندر شرطی با React Router

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

در اینجا یک مثال از اجرای رندر شرطی با استفاده از React Router آورده شده است:

import { useState } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Home from './components/Home';
import Login from './components/Login';
import Dashboard from './components/Dashboard';
import NotFound from './components/NotFound';

const App = () => {
  const [isLoggedIn, setIsLoggedIn] = useState(false);

  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/login">
          <Login setIsLoggedIn={setIsLoggedIn} />
        </Route>
        {isLoggedIn ? (
          <Route path="/dashboard" component={Dashboard} />
        ) : (
          <Route component={NotFound} />
        )}
      </Switch>
    </Router>
  );
};

export default App;

در این کد ما استفاده می کنیم isLoggedIn شرط نمایش شرطی یا Dashboard جزء اگر کاربر وارد شده باشد، یا NotFound جزء اگر کاربر وارد نشده باشد. Login کامپوننت نصب می شود isLoggedIn حالت true زمانی که کاربر با موفقیت وارد سیستم شود.

لطفا توجه داشته باشید که ما استفاده می کنیم <Route> پشتیبانی از مؤلفه فرزند برای عبور Login جزء و setIsLoggedIn تابع. این به ما این امکان را می دهد که وسایل را به آنها منتقل کنیم Login جزء بدون مشخص کردن آن در path حمایت کردن

در این آموزش یاد می گیرید که چگونه رابط های کاربری ریسپانسیو و چیدمان های واکنش گرا را در React رندر کنید. آن را بررسی کنید! 💡برای توییت کلیک کنید

خلاصه

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

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

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

به دنبال راه حل میزبانی عالی برای برنامه های React خود هستید؟ میزبانی برنامه Kinsta را به صورت رایگان امتحان کنید!

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

راه اندازی و مدیریت آسان در کنترل پنل MyKinsta.
پشتیبانی تخصصی ۲۴ ساعته
بهترین سخت افزار و شبکه پلتفرم Google Cloud مبتنی بر Kubernetes برای حداکثر مقیاس پذیری.
ادغام Cloudflare درجه سازمانی برای سرعت و امنیت
مخاطبان جهانی با ۳۵ مرکز داده و ۲۶۰ نقطه حضور در سراسر جهان به دست می‌آیند

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

3 روش برای ویرایش قالب وردپرس (یکی قدیمی، یک طلایی)

ارسال شده توسط Reza125

۳ روش برای ویرایش قالب وردپرس (یکی قدیمی، یک طلایی)

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

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

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

عواملی که قبل از ویرایش یک موضوع باید در نظر بگیرید

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

⚙️ به این صورت است:

ابتدا باید از سایت خود نسخه پشتیبان تهیه کنید. هنگامی که یک قالب وردپرس را ویرایش می کنید، ممکن است نیاز به تغییر فایل های مهم داشته باشید. اگر یک نسخه پشتیبان دارید، اگر مشکلی پیش آمد به راحتی می توانید سایت خود را به نسخه قبلی بازگردانید.
از طرف دیگر، می توانید یک تم کودک ایجاد کنید. ویژگی ها و عملکردهای موضوع فعلی شما (والد) را به ارث می برد. با این حال، می‌توانید طرح زمینه فرزند را بدون تأثیرگذاری بر طرح زمینه اصلی ویرایش کنید. همچنین، با به‌روزرسانی طرح زمینه اصلی، هیچ تغییری را از دست نخواهید داد.
همچنین توصیه می شود از یک سایت آزمایشی استفاده کنید تا بتوانید تغییرات تم خود را بدون تأثیرگذاری بر وب سایت زنده خود آزمایش کنید. سپس، هنگامی که از ایمن بودن تغییرات مطمئن شدید، به راحتی می توانید آنها را به سایت زنده خود فشار دهید.
در نهایت، شما می خواهید از هر کدی که به سایت خود اضافه می کنید یک کپی تهیه کنید. به این ترتیب، اگر تغییرات خود را در مرحله ویرایش (یا بعد از آن) از دست بدهید، می توانید به سادگی کد را دوباره در آن جایگذاری کنید.

با دنبال کردن این مراحل، حتی اگر نسبتا مبتدی هستید، می‌توانید با خیال راحت قالب وردپرس خود را ویرایش کنید.

بهترین راه برای ویرایش قالب وردپرس در سال ۲۰۲۳

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

از سفارشی ساز وردپرس استفاده کنید
دسترسی به ویرایشگر کامل سایت (FSE)
فایل توابع تم خود را ویرایش کنید (با استفاده از CSS و PHP)

۱٫ از Customizer WordPress استفاده کنید

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

برای باز کردن سفارشی ساز، به ظاهر > تم ها. سپس ماوس را روی تم فعال نگه دارید و انتخاب کنید اهنگ:

برای ویرایش قالب وردپرس خود به Customizer WordPress دسترسی داشته باشید.

در Customizer، می توانید هر قسمت از وب سایت خود را با استفاده از برگه های سمت چپ صفحه ویرایش کنید. در همین حال، می توانید پیش نمایشی از تغییرات خود را مستقیماً در ویرایشگر مشاهده کنید.

برگه هایی که در سفارشی ساز می بینید به ویژگی ها و گزینه های موجود در طرح زمینه شما بستگی دارد. به عنوان مثال، با Neve، می توانید رنگ ها، طرح بندی ها، فیلدهای فرم، ابزارک ها و پاورقی سایت خود را ویرایش کنید:

به عنوان مثال، برای ویرایش پاورقی یک موضوع، به سادگی روی دکمه کلیک کنید پاورقی فصل در اینجا می توانید تمام محتوای ظاهر شده در این قسمت را تغییر دهید. به عنوان مثال، می توانید رنگ فوتر و پیوند حق چاپ را تغییر دهید:

به علاوه، زیر اجزای موجود در بخش، می توانید محتوا را مستقیماً از مناطق ویجت خود اضافه کنید. به عنوان مثال، ما یک منطقه با عنوان “Footer One” ایجاد کردیم که حاوی ویجت نوار جستجو است.

برای افزودن این مورد به پاورقی Neve، تنها کاری که باید انجام دهید این است که کامپوننت را در جای خود بکشید سازنده پاورقی:

فوراً باید به‌روزرسانی تم خود را در ویرایشگر زنده ببینید.

سپس می‌توانید ظاهر پاورقی را با کلیک کردن روی نماد مداد برای هر مورد سفارشی کنید. می توانید برای ویرایش کل پاورقی، ویجت یا نوار جستجو کلیک کنید:

اکنون می توانید از نوار ابزار برای تغییر موقعیت دکمه یا فعال کردن نماد جستجو استفاده کنید. با این حال، اگر بر روی آن کلیک کنید علامت مثبت (+)می توانید ویجت های اضافی را به پاورقی Neve اضافه کنید.

انتخاب کنید انتشار به روز رسانی تم سپس برای مشاهده تغییرات به قسمت جلو بروید:

اگر از چیزی ناراضی هستید، فقط از داشبورد خود به Customizer WordPress بروید.

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

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

این معمولاً یک ویژگی است که در تم های صفحه ساز مانند Beaver Builder یا Divi و همچنین نسخه های برتر برخی از تم ها موجود است. برخی نیز ممکن است «مشتری‌ساز» خود را داشته باشند که می‌توانید همه چیز را از رنگ‌ها و تایپوگرافی گرفته تا ویجت‌ها و طرح‌بندی‌ها ویرایش کنید.

۲٫ به ویرایشگر کامل سایت برجسته (FSE) دسترسی پیدا کنید

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

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

پس از نصب تم بلوک، می توانید با رفتن به ویرایشگر سایت دسترسی پیدا کنید ظاهر > ویرایشگر در داشبورد شما:

برای ویرایش تم وردپرس خود به ویرایشگر سایت کامل (FSE) دسترسی پیدا کنید.

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

این می تواند شامل صفحه ۴۰۴، انواع پست سفارشی یا صفحه اصلی باشد:

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

قالب صفحه اصلی خود را با استفاده از ویرایشگر کامل سایت (FSE) ویرایش کنید.

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

قالب وردپرس خود را با ویرایشگر سایت کاملاً برجسته ویرایش کنید.

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

برای دسترسی به این ویژگی ها را انتخاب کنید + نماد برای اضافه کردن یک بلوک جدید و کلیک بر روی الگوها:

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

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

یک قالب بنر را به قالب تم خود اضافه کنید.

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

تغییرات خود را ذخیره کنید و سپس برای مشاهده نتایج به رابط وب سایت خود بروید:

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

دسترسی به سبک های جهانی در FSE برای ویرایش قالب وردپرس

در اینجا می‌توانید پالت‌های رنگی را مدیریت کنید، تنظیمات تایپوگرافی را برای عناصر مختلف تغییر دهید، و موارد دیگر.

۳٫ فایل توابع تم خود را ویرایش کنید (با استفاده از CSS و PHP)

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

فایل ویژگی های طرح زمینه شما (functions.php) حاوی تمام اطلاعات کلیدی برای موضوع شما است. کد نشان داده شده در اینجا برای ثبت تصاویر برجسته، ویجت ها و موارد دیگر استفاده می شود.

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

بنابراین توصیه می شود به جای آن از افزونه ای مانند Code Snippets استفاده کنید.

این روش همچنین می تواند بسیار ساده تر (و کم خطرتر) باشد زیرا نیازی به ویرایش دستی فایل ویژگی های موضوع ندارد. علاوه بر این، افکت های مختلفی وجود دارد که می توان با PHP و CSS به دست آورد.

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

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

با استفاده از یک افزونه، یک قطعه کد به وردپرس اضافه کنید

در مثال ما تصمیم گرفتیم متن “سلام” را با “خوش آمدید” جایگزین کنیم. اگر می خواهید همین کار را انجام دهید به ادامه مطلب بروید قطعات > جدید اضافه کن. قطعه خود را نامی بگذارید تا آن را به خاطر بسپارید و مطمئن شوید که در آن هستید توابع (PHP) برگه

سپس قطعه کد را جایگذاری کنید:

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

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

اکنون به قسمت جلو بروید تا تغییرات اعمال شوند:

متن خوشامدگویی را به خوش آمد تغییر دهید.

اگر زمانی خواستید تغییرات خود را لغو کنید، کافیست به آن بروید قطعات > همه قطعات و قطعه کد را غیرفعال کنید.

نتیجه گیری 🧐

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

خوشبختانه، شما می توانید یک تم وردپرس را ویرایش کنید تا سایت خود را منحصر به فردتر کنید.

👉 برای جمع بندی، در اینجا سه راه برای ویرایش قالب وردپرس وجود دارد:

از سفارشی ساز وردپرس استفاده کنید.
به ویرایشگر سایت وردپرس دسترسی پیدا کنید.
فایل توابع تم (با استفاده از PHP و CSS) را ویرایش کنید.

آیا در مورد نحوه ویرایش قالب وردپرس سوالی دارید؟ در قسمت نظرات پایین ما را آگاه کنید!

A computer monitor setup so someone can learn about laravel breeze

ارسال شده توسط Reza125

احراز هویت در لاراول با Breeze

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

در این مقاله به بررسی ویژگی‌های Laravel Breeze می‌پردازیم، آن را با سایر کیت‌های شروع لاراول مقایسه می‌کنیم و شما را در مراحل نصب راهنمایی می‌کنیم. علاوه بر این، فایل های تولید شده را بررسی می کنیم، فرآیند ثبت نام را سفارشی می کنیم و رابط کاربری (User Interface) را متناسب با نیاز پروژه شما سفارشی می کنیم.

لاراول بریز چیست؟

Laravel Breeze یک بسته پشتیبانی احراز هویت برای لاراول است. با استفاده از آن می توانید در عرض چند دقیقه یک سیستم ورود و ثبت نام کاملاً فعال داشته باشید. این برنامه از Blade، Vue و React پشتیبانی می کند و همچنین دارای یک نسخه API است.

ویژگی های اصلی Laravel Breeze:

وارد شدن
ثبت
بازیابی رمز عبور
تایید ایمیل
صفحه نمایه، با ویرایش

یک سوال متداول ممکن است این باشد که چه زمانی باید Breeze را انتخاب کرد و چه زمانی از سایر بسته های احراز هویت لاراول استفاده کرد.

دو بسته مشابه در اکوسیستم لاراول وجود دارد که اگر تازه وارد این فضا شده باشید می تواند گیج کننده باشد.

اولین مورد Laravel Fortify است، که یک پشتیبان احراز هویت بدون هد است و آن را برای ساخت سیستم‌های احراز هویت سفارشی بدون رابط کاربری از پیش ساخته شده ایده‌آل می‌کند.

اگر یک رابط کاربری بسیار قابل تنظیم دارید یا اگر فقط مسئول تأیید اعتبار هستید، Fortify را انتخاب کنید.

بسته دیگر Laravel Jetstream است که نقطه شروع پیشرفته تری را برای برنامه های لاراول ارائه می دهد، از جمله ویژگی هایی مانند احراز هویت دو مرحله ای و مدیریت تیم.

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

اگر تازه وارد لاراول هستید، لاراول بریز را برای احراز هویت آسان بررسی کنید! در این راهنما بیشتر بیاموزید 🤝برای توییت کلیک کنید

نصب لاراول بریز در پروژه تازه لاراول

برای سادگی، بیایید فرض کنیم که قبلاً یک پروژه جدید لاراول ایجاد کرده ایم. اگر به کمک نیاز دارید، می‌توانید راهنمای ما را در مورد راه‌اندازی یک برنامه جدید لاراول در Kinsta دنبال کنید.

پس از آن باید Laravel Breeze را با دستور زیر نصب کنیم:

composer require laravel/breeze --dev

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

php artisan breeze:install blade
 
php artisan migrate
npm install
npm run dev

Laravel Breeze همچنین دارای نسخه های Vue/React/Custom API است، برای استفاده از آنها فقط باید یک پرچم در دستور قرار دهید.

برای شروع Vue:

php artisan breeze:install vue

برای شروع یک واکنش

php artisan breeze:install react

برای راه اندازی API سفارشی

php artisan breeze:install api

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

نحوه سفارشی سازی رابط کاربری

Laravel Breeze از TailwindCSS در زیر هود استفاده می کند، ما می توانیم از هر کلاس ابزار Tailwind برای سفارشی سازی UI استفاده کنیم.

شما می توانید هر قسمت از رابط کاربری را با ویرایش فایل های مشاهده در آن سفارشی کنید resources/views/auth; پوشه، برخی از رابط کاربری در اجزای Blade سازماندهی شده است، می توانید آنها را در آن پیدا کنید resources/views/components پوشه

لوگوی لاراول را به لوگوی سازمان خود تغییر دهید

Laravel Breeze از اجزای Blade برای سازماندهی کدهای قابل استفاده مجدد استفاده می کند. بنابراین، برای مثال، در اینجا نحوه تغییر لوگو آمده است resources/views/components/application-blade.php فایل.

فایل را باز کنید و محتوای فعلی را با فایل svg خود جایگزین کنید.

رنگ دکمه اصلی را تغییر دهید

باز کن resources/views/components/primary-button.blade.php فایل. در اینجا می توانید هر گونه تغییری مانند سفارشی کردن دکمه در صفحه ورود برای مطابقت با رنگ برند خود ایجاد کنید.

دکمه اصلی به رنگ برند تغییر کرد

نحوه تنظیم مراحل ثبت نام

صفحه ثبت نام Laravel Breeze شامل ۴ فیلد از پیش تعریف شده است:

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

فیلدهای از پیش تعیین شده صفحه ثبت نام

برای گسترش زمینه هایی که می خواهیم در فرم ثبت نام خود داشته باشیم، باید باز کنیم resources/views/auth/register.blade.php فایل.

برای ادامه مثال خود، یک فیلد تلفن بعد از فیلد ایمیل ایجاد می کنیم. برای این کار کد زیر را بعد از فیلد ایمیل اضافه کنید:

<div class="mt-4">
   <x-input-label for="phone" :value="__('Phone')" />
   <x-text-input id="phone" class="block mt-1 w-full" type="text" name="phone" :value="old('phone')" required autocomplete="phone" />
   <x-input-error :messages="$errors->get('phone')" class="mt-2" />
</div>

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

فیلد تلفن اضافه شد

تغییر پس زمینه برای ذخیره فیلد تلفن جدید

اکنون باید داده های جدید را در backend پردازش کنیم. این به سه مرحله نیاز دارد: ابتدا یک مهاجرت جدید ایجاد و اجرا کنید، سپس منطق را به کنترل کننده اضافه کنید تا داده ها را ذخیره کند و در نهایت اضافه کنید. phone به املاک مسکونی در User مدل.

یک مهاجرت جدید ایجاد کنید که فیلد تلفن را به ما اضافه می کند users جدول.

php artisan make:migration add_phone_field_to_users_table

فایل تولید شده را باز کنید و یک فیلد رشته ای به نام “phone” اضافه کنید:

Schema::table('users', function (Blueprint $table) {
   $table->string('phone')->nullable();
});

پس از آن، مهاجرت را اجرا کنید:

php artisan migrate

برای حفظ فیلد تلفن باید تغییر کنیم RegisteredUserController.phpV store روش انجام این تغییرات:

$request->validate([
   'name' => ['required', 'string', 'max:255'],
   'email' => ['required', 'string', 'email', 'max:255', 'unique:'.User::class],
   ‘phone’ => [‘required’, ‘string’, ‘max:255’],
   'password' => ['required', 'confirmed', Rules\Password::defaults()],
]);

$user = User::create([
   'name' => $request->name,
   'email' => $request->email,
   ‘phone’ => $request->phone,
   'password' => Hash::make($request->password),
]);

فراموش نکنید که اضافه کنید phone فیلد برای خواص پر شده در مدل کاربر.

protected $fillable = [
   'name',
   'email',
   'phone',
   'password',
];

تمام شد، اکنون یک فرم ثبت نام تغییر یافته داریم!

نحوه فعال کردن تایید ایمیل

تایید ایمیل فرآیند تایید و احراز هویت ایمیل هایی است که کاربران در فرم ثبت نام ارائه کرده اند.

برای فعال کردن این ویژگی، باید پیاده سازی کنیم MustVerifyEmail رابط در مدل کاربری ما

use Illuminate\Contracts\Auth\MustVerifyEmail;
…

class User extends Authenticatable implements MustVerifyEmail
{
…
}

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

با این حال، ما هنوز باید میان‌افزار را به مسیرهای خود اضافه کنیم، جایی که می‌خواهیم دسترسی به کاربران تایید نشده را محدود کنیم.

ما یک مسیر جدید به نام “فقط تایید شده” ایجاد خواهیم کرد و میان افزار “Authentication” و “verified” را اضافه می کنیم. میان‌افزار احراز هویت از دسترسی مهمانان جلوگیری می‌کند و میان‌افزار تأیید شده بررسی می‌کند که آیا کاربر ایمیل خود را تأیید کرده است یا خیر.

به عنوان مثال:

Route::get('/only-verified', function () {
   return view('only-verified');
})->middleware(['auth', 'verified']);

به یک سیستم احراز هویت ASAP نیاز دارید؟ Laravel Breeze را امتحان کنید. قالب های ساده و قابل تنظیم برای Blade، Vue، React و API ها. آن را بررسی کنید! 👇برای توییت کلیک کنید

خلاصه

Laravel Breeze یک ابزار عالی برای راه اندازی سریع یک سیستم احراز هویت برای پروژه لاراول شما است.

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

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

راه اندازی و مدیریت آسان در کنترل پنل MyKinsta.
پشتیبانی تخصصی ۲۴ ساعته
بهترین سخت افزار و شبکه پلتفرم Google Cloud مبتنی بر Kubernetes برای حداکثر مقیاس پذیری.
ادغام Cloudflare درجه سازمانی برای سرعت و امنیت
مخاطبان جهانی با ۳۵ مرکز داده و ۲۶۰ نقطه حضور در سراسر جهان به دست می‌آیند

ChatGPT در مقابل Google BARD: مقایسه ای برای سنین

ارسال شده توسط Reza125

ChatGPT در مقابل Google BARD: مقایسه ای برای سنین

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید. ChatGPT در مقابل Google BARD: مقایسه ای برای سنین

به افزونه سندیکای وردپرس نیاز دارید؟ اینجا بهترین راه حل است

ارسال شده توسط Reza125

به افزونه سندیکای وردپرس نیاز دارید؟ اینجا بهترین راه حل است

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

به دنبال بهترین افزونه سندیکای وردپرس هستید؟

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

خوشبختانه، ما یک ابزار قدرتمند برای کمک به شما در انتشار محتوا ایجاد کرده ایم. با فیدهای RSSمی‌توانید پست‌ها را از هر فید RSS (به عنوان پست‌های واقعی وردپرس و/یا انواع پست سفارشی) وارد کنید یا تعداد نامحدودی فید RSS را در فرانت‌اندها نمایش دهید.

در این پست، نگاهی دقیق‌تر به ویژگی‌های Feedzy می‌اندازیم و در مورد افرادی که ممکن است از آن سود ببرند صحبت خواهیم کرد. سپس دو راه برای استفاده از این افزونه پیوند وردپرس را به شما نشان خواهیم داد.

بیا شروع کنیم!

بررسی اجمالی

Feedzy یک افزونه پیوند وردپرس و جمع‌آوری RSS است.

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

یا به جای وارد کردن آنها به عنوان پست، همچنین می توانید آنها را در یک لیست در رابط نمایش دهید.

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

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

همانطور که می بینید، Feedzy به شما کنترل زیادی بر روی پست های سندیکایی و فیدهای RSS شما می دهد. با این حال، این افزونه دارای چندین ویژگی مفید دیگر برای مدیریت محتوا است.

🎯 ویژگی های کلیدی

عملکرد Feedzy فراتر از تجمیع ساده و انتشار مجدد است. سایر ویژگی های ارائه شده توسط این افزونه سندیکای وردپرس عبارتند از:

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

اینها تنها برخی از کارهایی است که می توانید با Feedzy انجام دهید. این افزونه چندین ویژگی و تنظیمات مفید دیگر نیز دارد. برای مثال می توانید اضافه کنید URL های متعارف به محتوای وارداتی شما تا گوگل آن را به عنوان یک “تکراری” تلقی نکند و دید آن را در نتایج جستجو محدود نکند.

🙋 چه کسانی باید از Feedzy استفاده کنند

اگر مطمئن نیستید که آیا به یک افزونه پیوند وردپرس مانند Feedzy نیاز دارید، اجازه دهید به چند سناریو که این ابزار می تواند مفید باشد نگاه کنیم.

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

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

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

نمونه ای از یک پست سندیکایی — *اعتبار تصویر: TechCrunch*

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

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

Feedzy این فرآیند را بسیار آسان می کند. تنها کاری که باید انجام دهید این است که URL فید RSS آن سایت را وارد کنید و ابزار به طور خودکار پست ها را از منبع وارد می کند (ما بعداً به جزئیات بیشتر این موضوع را خواهیم پرداخت).

💵 قیمت ها

می توانید با نسخه رایگان Feedzy که در WordPress.org فهرست شده است شروع کنید.

با این حال، اگر به Pro ارتقا دهید، به ویژگی های مفیدتری مانند یکپارچه سازی وابسته و فیلتر کردن کلمات کلیدی دسترسی خواهید داشت:

ما خصوصی این طرح از ۹۹ دلار در سال شروع می شود و برای وبلاگ نویسان عالی است. اگر بیش از یک وب سایت دارید، می توانید انتخاب کنید توسعه دهنده طرحی که از ۱۹۹ دلار در سال شروع می شود.

سرانجام، آژانس این طرح برای وب سایت های تجاری بزرگ ایده آل است. این شامل ترجمه محتوا، ادغام WordAI و SpinnerChief و سایر ویژگی های پیشرفته است. قیمت ها از ۳۹۹ دلار در سال شروع می شود.

نحوه استفاده از Feedzy (2 راه)

حال بیایید ببینیم که چگونه از Feedzy برای نمایش محتوای سندیکایی در وب سایت خود استفاده کنیم. ما دو روش اصلی را به شما نشان خواهیم داد:

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

۱٫ پست ها را وارد کنید

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

وارد کردن خود را یک نام بگذارید و URL فید وب سایت را وارد کنید. به طور معمول، چیزی شبیه به:

 OR rss/

اگر از Feedzy Pro استفاده می کنید، می توانید موارد وارد شده را بر اساس کلمه کلیدی یا محدوده زمانی فیلتر کنید. برای مثال، می‌توانید پیام‌هایی را که حاوی کلمات یا عبارات خاصی هستند حذف کنید:

V محتوای نقشه باید مشخص کنید کدام عناصر پست را می خواهید وارد کنید. همچنین می توانید پست های وارد شده را به یک دسته خاص اختصاص دهید و وضعیت آنها را به آن تغییر دهید انتشار یا پیش نویس:

در نهایت، تنظیمات کلی برای محتوای سندیکایی را دریافت خواهید کرد. در اینجا می توانید عناصر تکراری را حذف کرده و تعداد معینی از عناصر را وارد کنید:

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

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

پس از رفرش کردن صفحه، تعداد موارد وارد شده را مشاهده خواهید کرد:

حالا برو به پیام ها > همه پیام ها و شما باید مواردی را که به اشتراک گذاشته اید پیدا کنید. برای هر پست، می توانید یک سلب مسئولیت اضافه کنید تا به خوانندگان اطلاع دهید که در ابتدا در سایت دیگری ظاهر شده است و با اجازه در وبلاگ شما تکثیر می شود.

Feedzy با یک بلوک اختصاصی برای نمایش فیدهای RSS بدون وارد کردن موارد فید به عنوان پست‌های واقعی وردپرس ارائه می‌شود.

برای استفاده از آن، یک پست یا صفحه را باز کنید و به دنبال آن بگردید فیدهای RSS مسدود کردن:

آن را به پست خود اضافه کنید و URL منبع فید را وارد کنید. سپس کلیک کنید فید را دانلود کنید و عناصر وارد شده در صفحه ظاهر می شوند:

اگر به تنظیمات بلوک در سمت چپ بروید، می توانید برخی از گزینه های نوار را تنظیم کنید. برای مثال، می‌توانید تعداد مواردی را که می‌خواهید نمایش دهید انتخاب کنید، عنوان یا توضیحات پست را مخفی کنید و موارد را بر اساس کلمه کلیدی فیلتر کنید (اگر از Feedzy Pro استفاده می‌کنید).

همچنین تغییراتی در سبک و طرح کانال خود خواهید یافت. احساس رایگان برای آزمایش با گزینه های مختلف!

همچنین، می‌توانید از یک کد کوتاه برای وارد کردن فید خود استفاده کنید.

برای انجام این کار، یک بلوک کد کوتاه به صفحه خود اضافه کنید و وارد کنید:

[feedzy-rss feeds="source_URL"]

شکل زیر را ببینید:

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

همچنین، می‌توانید گزینه‌هایی را به کد کوتاه اضافه کنید تا فید خود را سفارشی کنید. در اینجا نتیجه نهایی ممکن است در رابط به نظر برسد:

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

همین امروز با پلاگین پیوند وردپرس شروع کنید

Feedzy یک افزونه پیوند وردپرس است که به شما امکان می دهد به راحتی پست ها را از سایت های دیگر وارد کنید و فیدهای RSS را در وبلاگ خود منتشر کنید. علاوه بر این، فیلتر کردن کلمات کلیدی، ترجمه محتوا و ادغام با ابزارهای ترجمه را از جمله ویژگی های دیگر ارائه می دهد.

دو راه اصلی برای پخش محتوا با Feedzy وجود دارد. تو می توانی:

👉 استفاده کنید پیام ها را وارد کنید عملکرد انتشار مجدد مقالات شخص ثالث در سایت شما.
👉 استفاده کنید فیدهای RSS و کد کوتاه مسدود می کند تا به راحتی فیدها را در پست های خود درج کنید.

آیا در مورد استفاده از Feedzy به عنوان یک افزونه سندیکای وردپرس سؤالی دارید؟ از ما در بخش نظرات زیر بپرسید!

مقایسه 5 بهترین افزونه برای محصولات WooCommerce

ارسال شده توسط Reza125

مقایسه ۵ بهترین افزونه برای محصولات WooCommerce

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

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

به طور پیش فرض، WooCommerce دارای فیلدهای محصول محدودی است، بنابراین باید افزونه WooCommerce Product Add-on را نصب کنید تا به شما در انجام کار کمک کند. 👨‍💻

در افزونه های محصولات WooCommerce به دنبال چه چیزی باشید 🕵️

بهتر است از یک افزونه افزودنی برای حداکثر انعطاف استفاده کنید که به شما کنترل کامل بر آنچه در صفحات محصول نشان می‌دهید و بر روی طرح نهایی می‌دهد.

در حین کاوش، به ویژه به ویژگی های زیر توجه کنید:

مجموعه ای قوی از انواع زمینه محصول: شما به طیف وسیعی از انواع فیلدها نیاز دارید، از فیلدهای متنی گرفته تا گزینه های ورودی رادیویی و صوتی تا تعدادی گزینه تصویر.
منطق مشروط: گزینه ای برای نمایش فقط فیلدهای محصول افزونه بر اساس شرایط خاص.
انتخاب رنگ و پالت: به مشتریان اجازه دهید رنگ های خاصی را با تصاویر بصری انتخاب کنند. همچنین می‌توانید انتخاب‌کننده‌های دیگری مانند تاریخ‌ها یا زمان‌ها را پیدا کنید.
پشتیبانی از دانلود رسانه: ویدیوها یا تصاویر خود را درج کنید تا مشتریان از بین آنها انتخاب کنند یا به کاربران اجازه دهید فایل های خود را آپلود کنند. به عنوان مثال، آنها می توانند یک لوگو را برای چاپ روی یک لیوان سفارشی آپلود کنند.
نکات: این جزئیات کوچک، توضیح نحوه استفاده از فیلدهای تجارت الکترونیک را برای مشتریان آسان می کند. در نتیجه، شانس بیشتری برای فروش وجود دارد.
سازگاری با سایر افزونه های WooCommerce: ممکن است نیاز به یکپارچه سازی یا پشتیبانی ویژه برای افزونه هایی داشته باشید که مستقیماً با صفحات محصول WooCommerce مرتبط هستند، مانند تعویض ارز و افزونه های عمده فروشی.
تنظیمات برای همه انواع فیلد: داشتن تنظیمات و گزینه‌های قالب‌بندی اضافی برای انواع فیلدها، مانند قابلیت افزودن متغیرهایی، تنظیم کلاس‌های CSS و نمایش پیام‌های خطا، بسیار خوب است.

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

بهترین افزونه ها برای محصولات WooCommerce در سال ۲۰۲۳ 🏆

در طول تحقیق و آزمایش خود، شش ویژگی و پیشنهاد مهم برای افزونه‌های الحاقی را تجزیه و تحلیل کردیم:

قیمت
تعداد فیلدهای نوع محصول
منطق مشروط
انتخاب کننده ها و پالت ها
پشتیبانی رسانه ای
کلاس های HTML/CSS

مقایسه زیر پنج بازیگر برتر را در کنار هم نشان می دهد.

برای خلاصه ای دقیق از بهترین افزونه ها برای محصولات WooCommerce به ادامه مطلب مراجعه کنید.

PPOM (افزونه ها و زمینه های محصول برای WooCommerce)
گزینه های محصول اضافی برای WooCommerce
افزونه های محصول برای Woocommerce
زمینه های محصول توسعه یافته (افزونه های محصول) برای WooCommerce
زمینه های محصول انعطاف پذیر (افزونه های محصول WooCommerce)

۱٫ PPOM (افزونه ها و فیلدهای محصول برای WooCommerce)

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

این امر به ویژه صادق است زیرا افزونه PPOM دارای توابعی برای دستکاری محتوای HTML و کلاس‌های CSS است که منحصر به فرد بودن فیلدهای شما را در اولویت قرار می‌دهد.

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

با بزرگترین مجموعه از انواع فیلدها در این لیست و افزونه های زیبا یکپارچه، نمی توانید با افزونه PPOM برای WooCommerce اشتباه کنید.

امکانات ⚙️

بیش از ۳۰ نوع زمینه محصول
سازنده را بکشید و رها کنید
منطق شرطی برای نمایش فیلدها فقط پس از برآورده شدن شرایط خاص.
متن و اعداد جای جای
پیام های خطای سفارشی
مدیریت کلاس CSS و ماژول های HTML
پشتیبانی چند زبانه
سازگار با طیف گسترده ای از افزونه ها مانند Advanced Order Export for WooCommerce، افزونه WholeSale، تعویض ارز WPML و تعویض ارز WooCommerce.
تنظیمات پیشرفته مانند نکات ابزار، حریم خصوصی میدان، و گزینه های وزن.
برش تصویر و پشتیبانی رسانه
نمایش گزینه های قیمت گذاری، حداقل / حداکثر طول، اعتبار سنجی و توضیحات زمینه.

قیمت ها 💳

افزونه PPOM دارای یک نسخه رایگان با ۹ نوع فیلد ورودی است که بیشتر از بسیاری از افزونه های الحاقی در نسخه های رایگان آنهاست.

نسخه‌های پریمیوم، که ورودی‌ها، نکات ابزار، حریم خصوصی فیلد، نکات ابزار و موارد دیگر را ارائه می‌دهند، به شرح زیر قیمت دارند:

ضروری است: ۹۹ دلار در سال برای بیش از ۳۰ زمینه محصول و واردات/صادرات داده. این یک سایت را پشتیبانی می کند.
به علاوه: ۱۹۹ دلار در سال برای پشتیبانی از حداکثر سه سایت و ویژگی های اضافی مانند تکرارکننده میدان متا، ویرایش سبد خرید، پنجره های بازشو و بسته مقدار.
شخص خیلی مهم: ۳۹۹ دلار در سال برای ۵۰ سایت و ویژگی های اضافی مانند اعتبار سنجی دامنه و ماتریس تعداد تغییرات.

Advanced Product Options for WooCommerce افزونه ای برای درج فیلدها است. و بخش هایی به صفحات محصول WooCommerce.

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

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

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

امکانات ⚙️

بیش از ۲۶ نوع فیلد ورودی، از فیلدهای متنی گرفته تا دکمه‌های رادیویی.
بخش های سفارشی برای سازماندهی فیلدهای مرتبط به گروه ها
قوانین نمایش مشروط
پشتیبانی از کلاس های CSS و بلوک های HTML
نمایش/پنهان کردن داده ها در صفحات جداگانه
سازگار با چندین تم وردپرس (اما نه همه)
امکان تغییر متن دکمه «افزودن به سبد خرید».
قلاب های سفارشی برای سفارشی سازی آسان برای توسعه دهندگان
سازگار با افزونه Loco Translate

قیمت ها 💳

یک طرح رایگان با ۱۹ نوع زمینه و بخش سفارشی وجود دارد.

نسخه پریمیوم دارای سه پلن است:

یک سایت: ۳۹ دلار در سال
۵ سایت: ۶۹ دلار در سال
۲۵ سایت: ۱۲۹ دلار در سال

۳٫ محصولات افزودنی برای Woocommerce

افزونه Product Addons for WooCommerce توسط Acowebs یک صفحه محصول ساده شده را حفظ می کند اما فیلدهای سفارشی را اضافه می کند.

این مفید است زیرا اغلب می‌توانید با افزونه‌های بیش از حد محصول از کنترل خارج شوید، فضا را شلوغ کنید و مشتریان را بترسانید.

این افزونه سبک و قالب فیلدها را ساده می کند و دارای ده ها نوع فیلد، سازنده قدرتمند و فرمول قیمت گذاری بسیار قابل تنظیم است.

اگر به انتخابگر تاریخ و زمان نیاز دارید، ما آن را یکی از بهترین افزونه‌ها برای محصولات WooCommerce می‌دانیم.

امکانات ⚙️

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

قیمت ها 💳

یک طرح رایگان با تعدادی تگ HTML و ۱۱ نوع فیلد اصلی وجود دارد.

برنامه های پریمیوم عبارتند از:

یک سایتA: 39 دلار برای یک سال پشتیبانی/ ارتقاء یا ۷۹ دلار برای مادام العمر.
۵ سایتA: 89 دلار برای یک سال پشتیبانی/ارتقا یا ۱۷۹ دلار برای مادام العمر.

۴٫ زمینه های محصول پیشرفته (افزونه های محصول) برای WooCommerce

افزونه Advanced Product Fields یک انتخاب عالی برای شخصی‌سازی محصول است زیرا مجموعه گسترده‌ای از انواع فیلد، ادغام مالیات و منطق مشروط را ارائه می‌دهد.

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

امکانات ⚙️

۱۶ نوع فیلد محصول مانند انتخابگرهای درست/نادرست، دکمه‌های رادیویی، پاراگراف‌ها و فیلدهای URL.
منطق شرطی با عملکرد نمایش/پنهان کردن
امکان افزایش قیمت با توجه به انتخاب رشته ها
ادغام با تنظیمات مالیاتی WooCommerce
پنهان کردن یک فیلد در صفحات محصول خاص
پشتیبانی از محصولات ساده و متغیر WooCommerce.
شبیه به افزونه Advanced Custom Fields طراحی شده است و انتقال را برای برخی از کاربران آسان تر می کند.
ویژگی های آپلود فایل
نمونه های تصویری و رنگی
انتخابگر تاریخ
ادغام با افزونه های مرتبط مانند اشتراک های WooCommerce.
برخی از کنترل های CSS و خروجی HTML

قیمت ها 💳

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

گزینه های مادام العمر و همچنین برنامه های سالانه استاندارد وجود دارد:

حرفه ای: ۵۹ دلار در سال برای یک سایت
تمدید شده: ۷۹ دلار در سال برای یک سایت، انواع فیلدهای اضافی، توابع تاریخ، و توابع فرمول پیشرفته.
بسته تمدید شده: ۱۴۹ دلار در سال برای یک سایت، شش افزونه دیگر، کل نسخه توسعه یافته و همه افزونه های آینده.

۵٫ زمینه های محصول انعطاف پذیر (افزونه های محصول WooCommerce)

افزونه Flexible Product Fields از توسعه دهندگان WP Desk دارای بیش از ۲۰ نوع فیلد و یک کنترل پنل زیبا برای سفارشی کردن بخش های مختلف صفحات محصول WooCommerce شماست.

توسعه‌دهندگان به افزودن انواع فیلدهای جدید به فهرست ادامه می‌دهند، بنابراین ویژگی‌های اساسی مانند چک باکس‌ها و فیلدهای ایمیل، و همچنین فیلدهای پیشرفته‌تری برای زمان، تصاویر و HTML دریافت می‌کنید.

همچنین می‌توانید فیلدهای محصول مرتبط را با هدرهای سفارشی گروه‌بندی کنید و آن را به یکی از بهترین افزونه‌های محصول WooCommerce برای یک سازمان تبدیل کنید.

امکانات ⚙️

۲۲ نوع فیلد اضافی برای مواردی مانند تصاویر، پاراگراف ها، عنوان ها، HTML و غیره.
گروه های فیلدی که در صفحات محصول قرار می دهید
برخی از پیشنهادات منطقی شرطی بر اساس آنچه برای سایر زمینه ها اتفاق می افتد
اختصاص کلاس های CSS برای استایل و هدف گذاری
فیلدهای HTML یا سفارشی سازی بیشتر
نمایش فیلدها و برچسب ها در پرداخت و سبد خرید ووکامرس
فیلدهای قیمت سفارشی با قیمت ثابت و درصد قیمت
تکرار تیم های میدانی برای توسعه سریع
آپلود فایل
انتخابگر تاریخ

قیمت ها 💳

افزونه Flexible Product Fields یک دانلود رایگان با ۱۸ نوع فیلد ورودی، کلاس های CSS و گزینه هایی برای علامت گذاری فیلدهای محصول سفارشی به عنوان مورد نیاز یا غیر ضروری ارائه می دهد.

سپس می‌توانید برای ویژگی‌های بیشتر به یک طرح برتر ارتقا دهید:

حرفه ایA: 59 دلار در سال برای یک سایت واحد، سفارشی سازی زمینه، هزینه های اضافی، برخی پیشنهادات منطقی مشروط، و پشتیبانی چند زبانه.
بسته تمام افزونه ها: ۹۹ دلار در سال برای استفاده از یک سایت، دریافت تمام ویژگی های برنامه قبلی و دسترسی به همه افزونه ها از یک توسعه دهنده.
بسته تمام افزونه ها: ۱۹۹ دلار در سال برای میزبانی افزونه در ۲۵ سایت و حفظ دسترسی به تمام افزونه های WP Desk و ویژگی های قبلی.

استفاده از افزونه‌ها را برای محصولات WooCommerce از همین امروز شروع کنید 🚀

چه رستوران شما سفارشی‌سازی محصول را به صورت آنلاین ارائه دهد یا محصولات شخصی‌سازی شده مانند ویترین فروشگاه، لباس یا خدمات را بفروشد، افزونه‌های افزودنی محصول WooCommerce گزینه‌هایی را ارائه می‌دهند تا به مشتریان شما ورودی بیشتری برای سفارشی کردن محصولاتشان ارائه دهند.

توصیه می‌کنیم با PPOM (افزونه‌ها و فیلدهای محصول برای WooCommerce) شروع کنید زیرا بیشترین فیلدها و منطق شرطی یکپارچه را دارد. اگر می خواهید بیشتر بدانید، می توانید بررسی کامل PPOM ما را بخوانید.

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

آیا هنوز در مورد کار با افزونه های محصول WooCommerce در فروشگاه خود سؤالی دارید؟ در نظرات به ما اطلاع دهید!

ارسال شده توسط Reza125

Memcached vs Redis: کش درون حافظه را انتخاب کنید

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

کش نقش مهمی در پروژه های توسعه وب ایفا می کند که منابعی را که به طور مکرر در دسترس هستند در پایگاه داده های موقت حافظه (کش) ذخیره می کنند. هدف آن افزایش سرعت درخواست های مشتری و کاهش بار سرور است. دو راه حل محبوب ذخیره سازی داده در حافظه برای توسعه وب Redis و Memcached هستند. هنگام مقایسه Memcached و Redis، هر دو راه حل منبع باز هستند، قابلیت ذخیره سازی قدرتمندی دارند و دارای معماری توزیع شده برای مقیاس بندی آسان هستند.

بنابراین بیایید نگاهی دقیق به Redis و Memcached، مزایا، معایب و موارد استفاده رایج بیندازیم تا بتوانید مورد مناسب را برای پروژه خود انتخاب کنید.

Memcached vs Redis: تفاوت چیست؟

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

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

با این حال، این راه حل ها چند تفاوت قابل توجه دارند، بنابراین مهم است که بهترین راه حل را برای پروژه خود انتخاب کنید. بیایید به برخی از ویژگی های کلیدی نگاه کنیم.

Memcached چیست؟

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

یکی از اصول راهنمای Memcached تاکید بر سادگی و سرعت است. از یک مدل داده کلیدی ساده استفاده می کند که دسترسی به داده ها را بدون استفاده از زبان های پرس و جو پیچیده آسان می کند.

آرم Memcached.

Redis چیست؟

تربچه ذخیره سازه های داده در حافظه برای ذخیره سازی است. عملکرد آن با پشتیبانی از انواع مختلف داده ها فراتر از سیستم های کش سنتی است. همچنین از تراکنش ها پشتیبانی می کند که اجرای متوالی و مستمر دستورات گروه بندی شده را برای اطمینان از ثبات در عملیات اصلاح داده ها فراهم می کند. Redis همچنین به پیام‌های انتشار/اشتراک اجازه می‌دهد تا ارتباط مقیاس‌پذیر بین اجزای برنامه را فعال کند.

آرم تربچه.

مقایسه Memcached و Redis

در حالی که استفاده از Memcached و Redis آسان است و عملکرد خوبی دارند، تفاوت‌های کلیدی در انتخاب راه‌حل مناسب برای پروژه‌تان وجود دارد.

ساختار داده و ذخیره سازی

Memcached یک ذخیره‌سازی کلید و ارزش ساده است که از انواع داده‌های دلخواه کوچک مانند رشته‌ها و اشیاء پشتیبانی می‌کند. برای برنامه‌هایی که به قابلیت ذخیره‌سازی ساده و جستجوی سریع کلید نیاز دارند ایده‌آل است. در نتیجه، برای موارد استفاده پیچیده‌تر که نیاز به تکنیک‌های پیشرفته پردازش داده دارند، مناسب نیست.

در همین حال، Redis از طیف کامل تری از ساختارهای داده، از جمله رشته ها، هش ها، لیست ها، مجموعه ها و بیت مپ ها پشتیبانی می کند. این انعطاف‌پذیری به موارد استفاده پیچیده‌تر مانند پیاده‌سازی تحلیل‌های بی‌درنگ یا دریافت داده‌های مبتنی بر مکان اجازه می‌دهد.

عملکرد و مقیاس پذیری

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

Redis عملکرد قابل مقایسه ای را برای وظایف ذخیره سازی ساده و ویژگی های اضافی برای موارد استفاده پیچیده تر ارائه می دهد. این ورودی/خروجی ناهمزمان و غیرمسدود کننده را فراهم می کند و به برنامه شما اجازه می دهد تا کارهای موازی بیشتری را انجام دهد. این قابلیت عملکرد آن را تحت بارهای کاری بالاتر افزایش می دهد. Redis همچنین از کلاسترهای scale-out پشتیبانی می کند و به شما امکان می دهد در صورت شکست برخی از گره ها به کار خود ادامه دهید.

انعطاف پذیری و دوام

Memcached فقط در حافظه کار می کند، یعنی تمام داده ها را در RAM ذخیره می کند و ذخیره سازی داخلی ندارد. این رویکرد حداکثر کارایی و دسترسی به داده ها را با تاخیر کم تضمین می کند. با این حال، Memcached به طور خودکار داده ها را در صورت خرابی سیستم ذخیره نمی کند. خوشبختانه، نسخه های جدیدتر پشتیبانی از بازیابی اطلاعات پس از راه اندازی مجدد و حافظه پایدار از طریق نصب سیستم فایل DAX.

در مقابل، Redis با استفاده از پایداری داده های اضافی را ارائه می دهد دو روش مختلف: عکس فوری و فایل فقط ضمیمه (AOF). Snapshot ها شامل گرفتن یک عکس فوری از داده های موجود در حافظه پنهان و ذخیره داده ها در دیسک پس از مدت زمان مشخصی است. در همین حال، AOF روش قوی تری است که شامل افزودن دستوراتی به AOF برای اصلاح داده ها است. برخلاف عکس های فوری، این روش به Redis اجازه می دهد تا در صورت خرابی یا راه اندازی مجدد سیستم، داده ها را به طور کامل بازیابی کند.

قابلیت ها و توسعه پذیری

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

در همین حال، Redis علاوه بر ذخیره سازی اولیه، ویژگی های بسیاری از جمله تراکنش ها، انتشار/اشتراک پیام ها و اسکریپت نویسی Lua را ارائه می دهد. تراکنش ها به شما این امکان را می دهند که به طور خودکار چندین فرمان را در یک مرحله اتمی اجرا کنید تا از سازگاری داده ها اطمینان حاصل کنید. پیام‌رسانی Pub/Sub به شما امکان می‌دهد پیام‌ها را بین اجزای برنامه رد و بدل کنید. می توانید از این ویژگی برای پیاده سازی پیام های بلادرنگ، چت ها و معماری های رویداد محور استفاده کنید. در نهایت، اسکریپت‌های Lua به شما اجازه می‌دهند تا اسکریپت‌های سمت سرور را برای عملیات‌ها و تبدیل‌های داده پیچیده اجرا کنید.

Memcached در مقابل Redis در توسعه وب

در حالی که Memcached و Redis دارای برخی از قابلیت‌های حافظه پنهان مشترک هستند، ویژگی‌های منحصر به فردی دارند که برای موارد استفاده مختلف طراحی شده‌اند.

از Cases برای Memcached استفاده کنید

Memcached بهترین است برای:

پروژه هایی که برای سرعت بخشیدن به برنامه های وب نیاز به کش ساده دارند. Memcached با ذخیره داده های پرکاربرد، مانند نتایج پرس و جو، در حافظه، نیاز به پرس و جوهای مکرر پایگاه داده را کاهش می دهد و در نتیجه زمان پاسخگویی سریع تر و عملکرد برنامه بهبود می یابد.
بار خواندن/نوشتن زیاد روی کلید زیرین و ذخیره ارزش جایی که به یک ذخیره کلید ساده و دسترسی سریع به داده نیاز است.
پروژه هایی با نیاز به ذخیره مستقیم و انواع داده های محدود مانند تنظیمات پیکربندی حافظه پنهان، نشانه های احراز هویت کاربر یا محتوای ثابت.

از موارد برای Redis استفاده کنید

Redis بهترین است برای:

کش پیشرفته که از ساختارهای داده پیچیده مانند لیست ها، مجموعه ها و مجموعه های مرتب شده پشتیبانی می کند. Redis به شما امکان می دهد مدل های داده پیچیده تری را در حافظه پنهان ذخیره کنید و عملیات خاصی را برای هر نوع داده پشتیبانی شده ارائه می دهد.
میانجیگری پیام با استفاده از انتشار/اشتراک، تجزیه و تحلیل بلادرنگ و جستجو. پشتیبانی Redis برای انتشار/اشتراک پیام‌رسانی، آن را به انتخابی ایده‌آل برای پیاده‌سازی واسطه‌های پیام و تجزیه و تحلیل بلادرنگ تبدیل می‌کند. تأخیر کم آن همچنین آن را برای تجزیه و تحلیل بلادرنگ و پردازش داده های جریانی مناسب می کند. علاوه بر این، Redis قابلیت های جستجوی قدرتمندی را با ویژگی هایی مانند Research برای نمایه سازی و بازیابی کارآمد داده ها ارائه می دهد.
پروژه هایی که نیاز به ثبات و پایایی داده ها دارند. Redis مکانیسم‌های ماندگاری داده اضافی را از طریق مکانیسم‌های عکس فوری و پیوست فایل (AOF) ارائه می‌کند که به شما امکان می‌دهد داده‌ها را روی دیسک ذخیره کرده و پس از خرابی یا راه‌اندازی مجدد سیستم، آن‌ها را بازیابی کنید. این قابلیت‌ها Redis را برای پروژه‌هایی که به ماندگاری داده‌ها نیاز دارند، مانند جلسات کاربر، داده‌های تراکنش یا ذخیره اطلاعات حساس در حافظه پنهان، مناسب می‌سازد.

خلاصه

هنگام انتخاب بین Memcached و Redis برای پروژه توسعه وب خود، هیچ گزینه “بهترین” واحدی وجود ندارد، تنها بهترین گزینه برای نیازهای منحصر به فرد پروژه شما است. درک مزایا و ویژگی های منحصر به فرد هر راه حل برای تصمیم گیری اینکه کدام یک برای شما مناسب است ضروری است.

Memcached و Redis راه حل های بسیار محبوب و پشتیبانی خوبی هستند که هر کدام به دلایل بسیار متفاوتی هستند. تمرکز Memchached بر روی سادگی و کارایی بالا، آن را به گزینه ای عالی برای پروژه هایی با نیازهای ذخیره سازی ساده تبدیل می کند. با این حال، اگر به ویژگی‌های کش پیشرفته‌تر و ویژگی‌های فراتر از کش نیاز دارید، باید از Redis استفاده کنید.

در Kinsta، میزبانی مدیریت شده وردپرس ما دارای حافظه پنهان صفحه داخلی است که با کش لبه در سرورهای Cloudflare در سراسر جهان بهبود یافته است. با این حال، ما همچنان توصیه می‌کنیم از Redis به‌عنوان حافظه پنهان شی دائمی در سایت‌ها یا قسمت‌هایی از سایت‌ها استفاده کنید، زمانی که ذخیره صفحه عملی نیست، مانند هنگام معاملات تجارت الکترونیک یا هنگام نمایش محتوا به یک مشارکت‌کننده خاص.

راه اندازی و مدیریت آسان در کنترل پنل MyKinsta.
پشتیبانی تخصصی ۲۴ ساعته
بهترین سخت افزار و شبکه پلتفرم Google Cloud مبتنی بر Kubernetes برای حداکثر مقیاس پذیری.
ادغام Cloudflare درجه سازمانی برای سرعت و امنیت
مخاطبان جهانی با ۳۵ مرکز داده و ۲۶۰ نقطه حضور در سراسر جهان به دست می‌آیند

ارسال شده توسط Reza125

نحوه نمایش تاریخ امروز در وردپرس

جولای 2, 2023وردپرس 0

به طراح وب خوش آمدید.

آیا نمی دانید چگونه تاریخ امروز را در وردپرس نمایش دهید؟

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

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

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

بیایید درست در آن شیرجه بزنیم، درست است؟ 🤿

چرا تاریخ امروز را در وردپرس نشان دهید؟

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

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

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

راه های آسان برای نمایش تاریخ امروز در وردپرس

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

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

روش ۱: تاریخ امروز را در هر جایی با استفاده از افزونه وردپرس درج کنید.

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

چندین گزینه مختلف وجود دارد، اما در این مقاله به نحوه نمایش تاریخ با استفاده از افزونه رایگان WP Date and Time Shortcode خواهیم پرداخت.

👉 برای استفاده از این افزونه:

کد کوتاه WP datetime را با رفتن به تنظیم کنید پلاگین ها → جدید اضافه کن در نوار ابزار با جستجوی نام آن و کلیک کردن بر روی نصب.
افزونه را از پلاگین ها منو.
فقط هر یک از کدهای کوتاه ارائه شده را در هرجایی از پست‌ها، صفحات یا قالب‌های خود بچسبانید تا کاملاً خارج از جعبه کار کنند.

در اینجا چند نمونه از استفاده از این افزونه آورده شده است:

[wpdts-date-time] – این کد کوتاه فرمت پیش فرض تاریخ و زمان را همانطور که در تنظیمات عمومی وردپرس نشان داده شده است نشان می دهد.
[wpdts-date] – قالب پیش فرض تاریخ
[wpdts-time] – فرمت زمان پیش فرض

همچنین می توانید ظاهر تاریخ را با استفاده از گزینه های کد کوتاه موجود سفارشی کنید. جزئیات بیشتر در اسناد افزونه.

روش ۲: تاریخ امروز را با کد سفارشی درج کنید

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

<?php echo date(get_option('date_format')); ?>

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

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

اگر می خواهید نحوه نمایش تاریخ را تغییر دهید (به عنوان مثال ترتیب روز و ماه)، می توانید با مراجعه به صفحه تنظیمات (تنظیمات → عمومی).

روش ۳: تاریخ امروز را با استفاده از کد کوتاه سفارشی درج کنید

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

برای انجام این کار، اولین قدم ایجاد کد کوتاه است. سپس می توانید این کد را در خود قرار دهید functions.php فایل کنید یا آن را با یک قطعه کد سفارشی با استفاده از افزونه Code Snippets سفارشی کنید (توصیه می شود).

خود کد کوتاه این است:

add_shortcode( 'date-today', function ($atts) {
	return date(get_option('date_format'));
} );

هنگامی که این تعریف کد کوتاه را به افزونه Code Snippets یا خود اضافه کردید functions.php فایل، می توانید از کد کوتاه زیر برای نمایش تاریخ امروز در هر نقطه از وب سایت خود استفاده کنید:

[date-today]

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

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

افکار نهایی 🧐

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

اگر انتخاب کردید استفاده کنید افزونه WP تاریخ و زمانکد کوتاه خود را ایجاد کنید یا کد را به صورت دستی ایجاد کنید، امیدواریم این راهنما به شما کمک کند به نتایجی که می خواهید برسید.

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

آیا در مورد نحوه نمایش تاریخ امروز در وردپرس سوالی دارید؟ در قسمت نظرات پایین ما را آگاه کنید!

آخرین پست ها

چرا نتایج سئو فوری نیستند؟

چگونه بهینه سازی خارج از صفحه بر رتبه سئو تاثیر می گذارد

آیا برنامه کاری سئو وجود دارد؟

مثال شماره ۱: عارف

مطالعه موردی شماره ۲: متیو وودوارد

مطالعه موردی شماره ۳: بنجامین کروزات

نتیجه گیری 🧐

عواملی که قبل از ویرایش یک موضوع باید در نظر بگیرید

بهترین راه برای ویرایش قالب وردپرس در سال ۲۰۲۳

۱٫ از Customizer WordPress استفاده کنید

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

۲٫ به ویرایشگر کامل سایت برجسته (FSE) دسترسی پیدا کنید

قالب صفحه اصلی خود را با استفاده از ویرایشگر کامل سایت (FSE) ویرایش کنید.

۳٫ فایل توابع تم خود را ویرایش کنید (با استفاده از CSS و PHP)

با استفاده از یک افزونه، یک قطعه کد به وردپرس اضافه کنید

نتیجه گیری 🧐

لاراول بریز چیست؟

بررسی اجمالی

🎯 ویژگی های کلیدی

🙋 چه کسانی باید از Feedzy استفاده کنند

💵 قیمت ها

نحوه استفاده از Feedzy (2 راه)

۱٫ پست ها را وارد کنید

همین امروز با پلاگین پیوند وردپرس شروع کنید

در افزونه های محصولات WooCommerce به دنبال چه چیزی باشید 🕵️

بهترین افزونه ها برای محصولات WooCommerce در سال ۲۰۲۳ 🏆

۱٫ PPOM (افزونه ها و فیلدهای محصول برای WooCommerce)

امکانات ⚙️

قیمت ها 💳

امکانات ⚙️

قیمت ها 💳

۳٫ محصولات افزودنی برای Woocommerce

امکانات ⚙️

قیمت ها 💳

۴٫ زمینه های محصول پیشرفته (افزونه های محصول) برای WooCommerce

امکانات ⚙️

قیمت ها 💳

۵٫ زمینه های محصول انعطاف پذیر (افزونه های محصول WooCommerce)

امکانات ⚙️

قیمت ها 💳

استفاده از افزونه‌ها را برای محصولات WooCommerce از همین امروز شروع کنید 🚀

چرا تاریخ امروز را در وردپرس نشان دهید؟

راه های آسان برای نمایش تاریخ امروز در وردپرس

روش ۱: تاریخ امروز را در هر جایی با استفاده از افزونه وردپرس درج کنید.

روش ۲: تاریخ امروز را با کد سفارشی درج کنید

روش ۳: تاریخ امروز را با استفاده از کد کوتاه سفارشی درج کنید

افکار نهایی 🧐

صفحه بندی نوشته ها

خبرنامه ما