آموزش طراحی وب سایت
بستن دسته بندی
دسته بندی ها ( ۲۳ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۲۳ آموزش)
مباحث اولیه، در طراحی وب سایت
مباحث اولیه، در طراحی وب سایت
3
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
4
کار با کنترل پنل وب سایت
کار با کنترل پنل وب سایت
1
معرفی سایت های مفید، در طراحی وب سایت
معرفی سایت های مفید، در طراحی وب سایت
1
یافتن کد رنگ ها، در طراحی وب سایت
یافتن کد رنگ ها، در طراحی وب سایت
2
نرم افزار FileZilla
نرم افزار FileZilla
1
فایل htaccess. ، در طراحی وب سایت
فایل htaccess. ، در طراحی وب سایت
4
ارسال ایمیل، در طراحی وب سایت
ارسال ایمیل، در طراحی وب سایت
1
مباحث عمومی، در طراحی وب سایت
مباحث عمومی، در طراحی وب سایت
4
اطلاعات غیرتکنیکی، در طراحی وب سایت
اطلاعات غیرتکنیکی، در طراحی وب سایت
1

نوشتن فرمول های ریاضی در سایت، با MathJax

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

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

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

فایل های MathJax را می توانید از سایت اصلی آن دریافت کنید :


www.mathjax.org

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

1- بر روی این صفحه، با موس، کلیک سمت راست نموده و سپس گزینه لازم برای نمایش کدهای صفحه را بزنید (مثلا در مرورگر opera ، این گزینه دارای نام Source می باشد) و آنگاه، کدهای مربوط به فرمول را بیابید.

2- با موس، بر روی فرمول، کلیک سمت راست نموده و سپس گزینه Show Math as را انتخاب و سپس گزینه TeX Commands را انتخاب نمایید.

فرمول ها :

\[ \left [ - \frac{\hbar^2}{2 m} \frac{\partial^2}{\partial x^2} + V \right ] \Psi = i \hbar \frac{\partial}{\partial t} \Psi \]

\[ {\scr L}(f)(s)=F(s)=\int_0^\infty f(t)e^{-st}\,dt. \]

$$ -b\pm\sqrt{b^2-4ac}\over 2a $$

\[\begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned} \]

\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]

\[\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \end{vmatrix} \]

\[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]

\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } } \]

\[ 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for $|q|<1$}. \]

\[ \begin{aligned} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\ \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{aligned} \]

$f'(x) = \lim\limits_{\Delta x \to 0} \dfrac{f(x+\Delta x)-f(x)}{\Delta x}$

$\sum\limits_{i=1}^n X_i$

\[ \int_0^x \int_0^{sinx} (x^2+y^2)\,dydx \]

\[ a_n={1 \over \pi}\int_{-\pi}^{\pi} f(x)cos(nx)\,dx, ~~~~~ n \geq 0 \]

$f(x) = \begin{cases}1 & -1 \le x < 0 \\ \frac{1}{2} & x = 0 \\ 1 - x^2 & \text{otherwise} \end{cases}$

\[ \lim\limits_{x \to \infty} (\dfrac{|x^3-x^2+x|}{5x^3-3}) \]

کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)

نویسنده علیرضا گلمکانی
شماره کلید 483
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 5 5 0
احسان
۱۳۹۷/۱۱/۲۱
۰۹:۳۰

سلام من از وردپرس برای سایتم استفاده می کنم به غیر از mathjax راه دیگه ای برای تایپ فرمول نیست؟ مثلا افزونه
و اگر  نیست من چطور باید mathjax رو یاد بگیرم ؟ اگه اموزشی سراغ دارید لطفا معرفی کنید

admin
۱۳۹۷/۱۱/۲۱
۱۵:۲۵

سلام.
بنده با توجه به اینکه سایت های معتبر زیادی از MathJax استفاده کرده اند، آن را انتخاب کردم و اطلاعات خاصی در مورد سایر موارد مشابه آن ندارم.
اما در مورد استفاده از MathJax :
1- برای اجرای MathJax در یک صفحه از وب سایت، فایل فشرده حاوی فایل های آن را از وب سایت اصلی آن دریافت نمایید و در بخشی از وب سایت خود از حالت فشرده در بیاورید.
سپس مطابق راهنماهای (مثال های) همان وب سایت MathJax ، در هر صفحه ای از وب سایت خود که می خواهید یک فرمول ریاضی را نمایش دهید، باید به یک فایل حاوی کدهای JavaScript که در بین همان فایل های MathJax قرار دارد (با پسوند js)، ارجاع دهید.
سپس در میان کدهای صفحه وب سایت خود، کد مربوط به آن فرمول ریاضی را می نویسید و نکته مهم این است که در ابتدا و انتهای کد مربوط به فرمول، باید علامت هایی که MathJax آنها را برای شناسایی فرمول ها در صفحه در نظر گرفته است را حتما بنویسید (به مثال های وب سایت MathJax مراجعه کنید).
این علامت ها برای دو حالت زیر، متفاوت هستند (دو سری علامت داریم) :
الف- فرمول درون خطی : که می تواند مثلا در بین کلمات یک پاراگراف نوشته شود
ب- بلوک فرمول : که درکل به صورت یک بلوک کد، در خط جدید قرار می گیرد و متنی در قبل یا بعد از آن، قرار داده نمی شود

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

کلید شماره 26242

بعد از تایپ گرافیکی فرمول ریاضی در MathType ، با استفاده از راهنمای زیر می توانید به سادگی کد معادل آن که مناسب برای استفاده توسط MathJax باشد را به دست آورید :

کلید شماره 26243

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

Flower

admin
۱۳۹۸/۰۵/۱۲
۱۰:۲۸

سلام.
در مورد پلاگین (افزونه - Plugin) برای استفاده از MathJax در وردپرس (WordPress) :

یک پلاگین (افزونه - Plugin) برای استفاده از MathJax در وردپرس (WordPress) وجود دارد (البته بنده آن را تست نکرده ام) :

https://wordpress.org/plugins/mathjax-latex/

راهنمای نصب پلاگین (Plugin) مورد نظر، در قسمت Installation موجود در لینک بالا نوشته شده است.
چگونگی نوشتن فرمول های ریاضی نیز در قسمت Description موجود در لینک بالا ذکر شده است.

علاوه بر این، در مورد پلاگین ها (Plugin) در وردپرس (WordPress)، می توانید دسته کلید (دسته بندی) زیر را ببینید :

دسته کلید شماره 909

Flower

احسان
۱۳۹۸/۰۵/۱۱
۱۶:۲۲

سلام کسی میتونه به زبان خیلی ساده برام توضیح بده که من داخل سایت وردپرسی خودم چطور میتونم برای تایپ فرمول های ریاضی از mathjax استفاده کنم؟ درضمن بنده مبتدی هستم

یه جا نوشته بود باید یه کد رو داخل سایت بذارم ولی ندونستم چطور این کار رو بکنم

admin
۱۳۹۸/۰۵/۱۲
۱۰:۲۴

سلام.
یک پلاگین (افزونه - Plugin) برای استفاده از MathJax در وردپرس (WordPress) وجود دارد (البته بنده آن را تست نکرده ام) :

https://wordpress.org/plugins/mathjax-latex/

راهنمای نصب پلاگین (Plugin) مورد نظر، در قسمت Installation موجود در لینک بالا نوشته شده است.
چگونگی نوشتن فرمول های ریاضی نیز در قسمت Description موجود در لینک بالا ذکر شده است.

علاوه بر این، در مورد پلاگین ها (Plugin) در وردپرس (WordPress)، می توانید دسته کلید (دسته بندی) زیر را ببینید :

دسته کلید شماره 909

Flower

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو