وردپرس

ساخت لودينگ براي وردپرس با افزونه Preloader Ultimate : آيا تاكنون افكت هاي انيميشيني كه هنگام لود صفحات برخي وب سايت ها ظاهر مي شوند، توجه شما را جلب كرده است ؟ هدف از استفاده از اين افكت هاي انيميشني اين است كه مدت زماني كه كاربر مشغول ديدن آن مي شود، متوجه طول مدت لود صفحه وب سايت نخواهد شد.

امروز قصد داريم افزونه وردپرس Preloader Ultimate را به شما معرفي كنيم . اين افزونه به شما كمك خواهد كرد تا افكت هاي جذابي را براي نمايش لود صفحات وب سايت وردپرسي خود قرار دهيد. براي آشنايي بيشتر با اين افزونه، تا انتهاي مقاله با ما همراه شويد.

افزونه وردپرس Preloader Ultimate، زماني كه براي لود صفحات وب سايت طول خواهد كشيد را جذاب و زيبا مي كند. شما با كمك اين افزونه مي توانيد يك صفحه ي لودينگ منحربه فرد ايجاد كنيد . اين افزونه، اين امكان را براي شما فراهم مي كند كه از بين افكت هاي جذابي كه در اين افزونه قرار داده شده است، بتوانيد بهترين و جذاب ترين افكت را براي صفحه ي لودينگ وب سايت وردپرسي خود انتخاب كنيد. شما حتي مي توانيد رنگ ، سايز، بك گراند اين افكت ها را تنظيم كنيد و توضيحات موردنظر را در زير افكت قرار دهيد.

از آنجايي كه افزونه وردپرس Preloader Ultimate با كمك css3 نوشته شده است، كوچك ترين حجمي بر روي سايت ندارد، بنابراين سرعت لود صفحات وب سايت كه از نظر سئوي سايت حائز اهميت مي باشد، با استفاده از اين افزونه كند نخواهد شد.

ادامه مطلب

سازگاري قالب سايت با مرورگرهاي مختلف موضوع بسيار مهمي مي باشد. امروزه يكي از چالش ها و مشكلات پيش رو براي طراحان وب سازگاري و نمايش صحيح وب سايت طراحي شده بر روي مرورگرهاي مختلف (كروم، فايرفاكس و سافاري و … ) مي باشد. و طراحي وب سايت به طوري در تمام مرورگر ها به يك شيوه نمايش داده شود (Cross Browser) يك امتياز ويژه براي طراحان وب است. برخي از طراحان اين مشكل را با افزودن  سنگين و پيچيده در لابه لاي فايل هاي استايل خود (Css) برطرف مي سازند كه بسيار پيچيده و همچنين زمان بر مي باشد. براي برطرف سازي اين مشكل تكنيكي به عنوان استفاده از   CSS Reset وجود دارد كه از محبوبيت بالايي بين طراحان سايت برخوردار است. با آموزش Css با ما همراه باشيد.

Css Reset نمايش صحيح سايت در مرورگر هاي مختلف

همان طور كه مي دانيم كد هاي HTML  بدون شيوه نامه Css  كاملا به هم ريخته و در واقع بدون هيچ گونه استايلي مي باشد. اما پس از نوشتن كد هاي استايل Css  يك قالب با چينش منظم و استايل مورد نظر را خواهيم داشت. اما بدون استفاده از فايل css reset قالب مورد نظر در مرورگرهاي مختلف داراي نمايش و چينش متفاوت در قسمت هاي مختلف پوسته خود مي باشد. در مرور گر ie گاهي اين تفاوت ها به قدري زياد است كه به هم ريختگي در چينش سايت مشاهده مي شود. گهي طراحان سايت از هماهنگ كردن قالب خود در اين مرورگر صرفه نظر مي كنند! اما مي توان به منظور يكسان نمودن حالت پيش فرض نمايش سايت در تمامي مرورگرها از كد هاي css reset استفاده نمود.

كد CSS Reset چگونه كار مي كند؟

css reset مجموعه اي از كد هاي استايل به زبان برنامه نويسي Css  مي باشد كه در آن تمام استايل هاي پيش فرض و يكسان عناصر و تگ هاي HTML  كه در مرورگر هاي مختلف به شكل متفاوت ديده مي شود قرار گرفته است. پس از استفاده از كد هاي Css reset استايل قالب به صورت پيش فرض در تمامي مرورگر ها چينش و نمايش يكساني پيدا مي كند و طراح پس از آن كد هاي استايل Css  مد نظر خود را نوشته و قالب خود را شكل مي دهد. تنها نكته اي كه بايد به آن توجه نمود اين است كه قسمت دستور line-heightرا از كدهاي css reset حذف و مقدار فاصله خطوط مد نظر خود را در كد هاي Css  خود قرار دهيد. ما براي شما اين كد ها را قرار داده ايم كه مي توانيد آن را به راحتي در كپي نموده و در ابتداي فايل Css  خود قرار دهيد.

همچنين مي توانيد فايل reset.css  را دانلود كرده و آن دا در پروژه خود در فولدر css خود قرار دهيد و سپس آن ا با نوشتن كد زير در ابتداي فايل Css خود فراخواني نماييد.

@import url(reset.css);

ادامه مطلب