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

دیدن کدهای فشرده و بهم ریخته جاوا اسکریپت و سی اس اس و... با گوگل کروم javascript css jquery
 

 

چگونه سایت ورد پرسی بسازیم و بکاپ

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

افزونه های مناسب  بصورت زیر است:

Nimble Builder
hueman theme
nisarg theme
gutenberg editor
Storefront theme
flatsome theme
فونت صمیم
فونت ماندگار
MW Font Changer
HAMYARWP-wp-statistics-12.5.4


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

۱-  ساخت یک پوشه نمونه برای مثال در میسر زیر؛
http://www.domaintest.ir/test5
۲- دانلود آخرین نگارش وردپرس فارسی از سایت زیر و کپی فایل کامل زیپ شده در پوشه test5
http://wp-persian.com/download/
۳-سپس محتویات فایل زیپ شده در پوسته تست۵ آنزیپ می کنیم
۴- اکنون با رفتن به کنترل پنل هاست در قسمت MySQL باید یه دیتابیس بسازیم مثلا بصورت زیر و یوز ساخته شده را به دیتابیس مورد نظر لینک کنیم و تمام تیک های privilage را بزنیم.

database name: test5

databse username: test5

database password: ******

 

۵- اکنون این آدرس را در مرورگر باز می کنیم و صفحه نصب وردپرس بطور اتوماتیک باز می شود
http://www.domaintest.ir/test5

۶- در این مرحله باید اطلاعات دیتابیسی که قبلا ساختیم را در اینجا وارد کنیم. اگر اطلاعات را درست وارد کرده باشیم وردپرس نصب می شود و سپس یک نام کاربری و پسورد برای لاگین به پنل وردپرس انتخاب می کنیم.

۷- مسیر ورود به کنترل پنل وردپرس سایت فرضی تست۵ بصورت زیر است:
http://www.domaintest.ir/test5/wp-admin


۸- لطفا قبل از شروع بکار افزونه های لازم زیر را نصب کنید.
چند افزونه بسیار خوب و لازم برای وردپرس:

 افزونه فونت ماندگار عالی برای تغییر فونت پوسته بسیار آسان یا با نام MW Font Changer در افزونه های دنبالش بگردید
https://fa.wordpress.org/plugins/parsi-font/

افزونه ساخت صفحات نیمبل درصورت تمایل  Nimble Page Builder
https://wordpress.org/plugins/nimble-builder/

 افزونه آمار وردپرس بسیار عالی
https://wordpress.org/plugins/wp-statistics/

۹- اکنون وارد اصول طراحی می شویم:
۱۰- در ابتدا باید فهرست سایت خود را بسازیم
۱۱- در قسمت برگه ها به ازای هر عنوان اصلی یک برگه درست می کنیم.
۱۲- سپس در قسمت فهرست برگه ها را بعنوان فهرست اضافه می کنیم و براحتی منو و زیرمنو میسازیم.
۱۳- سپس در قسمت کاستومایز کردن تم مشخص می کنیم که در صفحه اول سایت ما یک صفحه ثابت نمایش داده شود و یا اینکه پست های روزانه و داینامیک نمایش داده شود یا صفحه اصلی فروشگاه. و  نام صفحه اصلی و نام صفحه ای که پست های روزانه قرار می گیرد را مشخص می کنیم.
۱۴- در انتها تم مورد نظر را فعال می کنیم و با توجه به نوع تم کاستورمایز کردن و محل قرارگیری منو را انتخاب می کنیم..

حال چگونه بکاپ بگیریم:
باید از طریق گزینه های بکاپ کنترل پنل یکبار از هوم دایرکتوری و یکبار از دیتابیس بکاپ بگیریم و سپس موقع بازگردانی عین همان دیتابیس را قبلا ایجاد کنیم با همان نام کاربری و پسورد.

چگونه با افزونه Form 7 فرم تماس با ما بسازیم؟

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

مثلا کد ثبت ملک

<label> نام شما (الزامی)
    [text* your-name] </label>

<label> تلفن شما (الزامی)
[tel* your-telephone] </label>

<label> ایمیل شما (الزامی)
    [email* your-email] </label>

<label> نوع درخواست
    [text your-subject] </label>

<label> پیام شما (الزامی)
    [textarea* your-message placeholder "در اینجا شرح آگهی خود را برای درج در سایت بطور کامل بنویسید"] </label>

<label>  فایل پیوست یا عکس با فرمت jpg و کمتراز ۲ مگابایت
    [file your-file filetypes:gif|png|jpg|jpeg limit:2mb] </label>

[submit "ارسال "]


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

[your-file]

 

پلاگین های مفید لازم 

• پلاکین فلامینگو نیز لازم است flamingo غیر فعال کردن یک افزونه ذخیره‌سازی پیام قابل اعتماد برای افزونه فرم تماس 7

• WP statistics
  Contact Form 7

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

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

  ExactMetrics Pro

 

 

 

--------------------------------------------------

روش دیگر و عالی طراحی سایت همه کاره با تم فلت سام
flatsome theme

با این تم می توان بوسیله UX Block در یک صفحه بسادگی بخش های مختلف مثلا بخش بلاگ را زیر بخش صفحه ثابت اضافه کرد
 

تم مناسب و عالی notepad++ برای بهتر دیده شدن کدها

تم مناسب و عالی notepad++ برای بهتر دیده شدن کدها material theme
برای اینکه استایل مورد نظر به  نوت پد Notepad++ اضافه کنیم از مسیر زیر فایل xml را کپی و انتقال می دهیم.

 

%APPDATA%\Notepad++

 

همچنین فونت Consolas-Font نیز نصب شود همگی در مسیر دانلود بالا هستند.

 

https://bayanbox.ir/info/4071730388598175710/theme-font

چگونه یک کد نوشته شده را با حفظ فرمت و زیبایی در ورد وارد کنیم

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