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

×

دانلود فروشگاه اندروید کلیدستان

483

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

نوشتن فرمول های ریاضی در سایت، با 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}) \]

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

خوانده شد
جستجو در عنوان کلیدها :
جستجو توسط گوگل :
پرسیدن سوال :
ارسال نظر :
نظرات 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

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

دسترسی سریع

×

شماره کلید


کلید
×

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


دسته کلید
×

جستجو


جستجو
بستن منو
۴۴
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی مبانی طراحی وب سایت واکنش گرا (Responsive) برای مبتدیان - مجموعه Foundation for Responsive Web Design for Beginners - از thenewboston.com
مجموعه ویدئوهای آموزشی مبانی طراحی وب سایت واکنش گرا (Responsive) برای مبتدیان - مجموعه Foundation for Responsive Web Design for Beginners - از thenewboston.com
10
مجموعه ویدئوهای آموزشی طراحی وب سایت واکنش گرا (Responsive) - مجموعه Responsive Web Design - از thenewboston.com
مجموعه ویدئوهای آموزشی طراحی وب سایت واکنش گرا (Responsive) - مجموعه Responsive Web Design - از thenewboston.com
10
مجموعه ویدئوهای آموزشی لایه بندی وب سایت - مجموعه How to Layout a Website
مجموعه ویدئوهای آموزشی لایه بندی وب سایت - مجموعه How to Layout a Website
5
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorials (SOAP and RESTful Web Services)
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorials (SOAP and RESTful Web Services)
13
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorial
مجموعه ویدئوهای آموزشی وب سرویس ها (Web Services) - مجموعه Web Services Tutorial
6
بستن منو
۸۰
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
نمایش متن، در HTML
5
نمایش عکس، در HTML
نمایش عکس، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
18
تعیین مشخصات کلی صفحه، در HTML
تعیین مشخصات کلی صفحه، در HTML
5
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
رنگ ها (Color) و تعیین رنگ، در HTML
رنگ ها (Color) و تعیین رنگ، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
مباحث عمومی، در HTML
مباحث عمومی، در HTML
11
بستن منو
۷۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
مباحث اولیه برای آشنایی با CSS
7
نمایش متن، در CSS
نمایش متن، در CSS
15
ساخت حاشیه (border)، در CSS
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
عکس ها، در CSS
7
انتخابگرها (Selector) (انتخاب عناصر صفحه)، در CSS
انتخابگرها (Selector) (انتخاب عناصر صفحه)، در CSS
6
تعیین اندازه و موقعیت عنصرها، در CSS
تعیین اندازه و موقعیت عنصرها، در CSS
4
تغییر شکل عنصرها، در CSS
تغییر شکل عنصرها، در CSS
4
عدم نمایش عنصرها، در CSS
عدم نمایش عنصرها، در CSS
2
ساخت انیمیشن، در CSS
ساخت انیمیشن، در CSS
6
لینک ها (Link)، در CSS
لینک ها (Link)، در CSS
6
رنگ ها (Color) و تعیین رنگ، در CSS
رنگ ها (Color) و تعیین رنگ، در CSS
2
فرم ها (Form)، در CSS
فرم ها (Form)، در CSS
2
دکمه ها (Button)، در CSS
دکمه ها (Button)، در CSS
2
صفحه نمایش (Screen)، در CSS
صفحه نمایش (Screen)، در CSS
0
مباحث عمومی، در CSS
مباحث عمومی، در CSS
5