امروز پنجشنبه ۱۸ مهر ۱۳۹۸
09129313870
09132293870
09202293870
09356663870
02189783870
03195023870

ایده پردازان مهرگستر

خدمات طراحی و میزبانی وب و ثبت دامنه

  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
shadow

برگه یافت نشد

متاسفیم
برگه مورد نظر شما یافت نشد
404 Not Found !

افتخارات ما

  • امور
  • بیمارستان فوق تخصصی نور افشار تهران
  • شرکت سهامی ذوب اهن اصفهان
  • برخی شعب بیمه ایران
  • برخی شعب بیمه معلم
  • صندوق های نسوز جهان اصفهان
  • طراحی و ساخت تندیس راه هشتم
  • فروش اینترنتی پنبه ریز اصفهان
  • کانون آگهی و تبلیغات تاش
  • کانون فرهنگی رایت الحسین علیه السلام
  • کانون وکلای دادگستری استان بوشهر
  • کمیته امداد امام خمینی اصفهان
  • گروه صنعتی اسنوا
  • مرکز فرهنگی الغدیر اصفهان
  • موبایل ایرانی مینیاتور
  • نمایندگی انحصاری میل لنگ سانز اسپانیا در ایران
  • بازرگانی لادانی
  • سازمان منطقه آزاد کیش
  • گروه صنعتی فراز
  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
  • ایده پردازان مهرگستر
shadow
نوشته شده در ۴ دی ۱۳۹۱ ساعت ۲۰:۵۰ | 2,429 بازدید

تغییر استایل خاص برای ویرایشگر TinyMCE

امروز می‌خواهیم شما را با روشی آشنا کنیم تا بتوانید WYSIWYG یعنی «هرآنچه می‌بینید همانی است که می‌گیرید» را تحقیق دهید و بتوانید در هنگام استفاده از ویرایشگر TinyMCE وردپرس لذت ببرید.

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

برای این قابلیت نیازی به کارهای عجیب قریب نیست و می بایست ابتدا کد زیر را به functions.php اضافه کنید و …

[codesyntax lang=”php”]

[/codesyntax]
… وسپس یک فایل با نام editor-style.css ساخته و استایل دلخواه خود را در آن قرار داده و آن را در پوشه قالب خود قرار دهید همین کار تمام است!.

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

[codesyntax lang=”php”]

[/codesyntax]

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

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

[codesyntax lang=”php”]

[/codesyntax]

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

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

[codesyntax lang=”php”]

[/codesyntax]

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

منابع استفاده شده :

http://codex.wordpress.org/Function_Reference/add_editor_style

http://wpjourno.com/style-wordpress-wysiwyg-visual-editor

http://wpstorm.net/2010/04/editor-styles-custom-post-types-wordpress-3-0

چاپ این صفحه
لینک کوتاه این محصول : http://ipmg.ir/?p=901
دیدگاه ها (۱ دیدگاه)

One Response to “تغییر استایل خاص برای ویرایشگر TinyMCE”

Leave a Reply