[wordpress插件] Border Loading Bar边框加载栏

wordpress 插件 文章 2020-03-09 15:20 541 0 全屏看文

AI助手支持GPT4.0

评分
88
描述

ENGLISH DESCRIPTION

英语描述

Adds a load bar on any edge of the window to tell your users that the page is loading.

在窗口的任何边缘上添加一个加载栏,以告诉您的用户页面正在加载。

Do You Have a website that takes awhile to load?

您是否有需要一段时间才能加载的网站?

Regardless of the time that is takes to load, show your users the loading progress of the page, with a very simple and elegant bar positioned at the edge of the window.

无论加载时间如何,请向用户显示页面的加载进度,并在窗口边缘放置一个非常简单而优雅的栏。

You can fully customize this loading bar to your liking.

您可以根据自己的喜好完全自定义此加载栏。

You can choose the size, colors, if you want to display a border around the bar, casting a shadow, you can even display a custom descriptive text to your users while they wait.

您可以选择大小,颜色,如果要在条形周围显示边框并投射阴影,甚至可以在用户等待时向其显示自定义描述性文本。

MAIN FEATURES

主要功能

    •     

    •     

      Great flexibility to customize the loading bar.  

      自定义加载栏的灵活性很大。  

    •     

    •     

      Choose from the 4 edges of the window to locate the download bar.  

      从窗口的4个边缘中选择,以找到下载栏。  

    •     

    •     

      Customized sizes, locations, colors, styles, and text.  

      自定义大小,位置,颜色,样式和文本。  

    •     

    •     

      Choose specifically the places of your web site to show the loading bar.

      专门选择网站的位置以显示加载栏。

      Between pages and categories posts.  

      在页面和类别之间。  

    •     

    •     

      The loading bar will disappear once the page is fully loaded.  

      页面完全加载后,加载栏将消失。  

    •     

    •     

      Shows a descriptive text fully customizable within the loading bar while your users expect.  

      在用户期望的同时,在加载栏中显示完全可自定义的描述性文本。  

    •     

    •     

      Test Mode, the loading bar will be visible only for the administrator.  

      测试模式下,加载栏仅对管理员可见。  

    •     

    •     

      Light weight.

      重量轻。

      It will not slow down anything on your page if you are not going to display “Border Loading Bar”.  

      如果您不打算显示“边框加载栏”,它不会减慢页面上的任何内容。  

    •     

    •     

      It is compatible with any theme.  

      它与任何主题兼容。  

    •     

    •     

      Compatibility with any browser.  

      与任何浏览器的兼容性。  

    •     

    •     

      Very easy to use and customize.

      非常易于使用和自定义。

      Instructions are provided for each of the available settings.  

      提供了有关每个可用设置的说明。  

    •     

    •     

      It is responsive.

      反应灵敏。

      Fits any screen size.  

      适合任何屏幕尺寸。  

    •     

    •     

      Programed successfully under the rules of WordPress.  

      在WordPress的规则下成功编程。  

     


    DETAILED DESCRIPTION OF THE SETTINGS

    详细的设置说明

      •     

      •     

        Choose on which edge of the screen you want to display the download bar.

        选择要在屏幕的哪一侧显示下载栏。

          •         

          •         

            Color.

            颜色。

            (You can choose any color you want)      

            (您可以选择任何颜色)      

          •         

          •         

            Wide.

            宽。

            (Width)      

            (宽度)      

          •         

          •         

            Direction.

            方向。

            (What direction are you must fill the bar?)      

            (您必须沿着哪个方向进行填充?)      

          •         

          •         

            Opacity.

            不透明度。

            (Transparency)      

            (透明度)      

        •     

        •     

          Choose if you want to project a shadow.

          选择是否要投射阴影。

          Features adjustable on the shadow.

          功能在阴影上可调。

            •         

            •         

              Color of the shadow.      

              阴影的颜色。      

            •         

            •         

              Scope.

              范围。

              (If you want on the outside or inside the progress bar.)      

              (如果要在进度栏的外部或内部。)      

            •         

            •         

              Position in the Y-axis.      

              在Y轴上的位置。      

            •         

            •         

              Position in the X-axis.      

              在X轴上的位置。      

            •         

            •         

              Grayed-out.      

              变灰。      

            •         

            •         

              Rate of expansion.      

              扩张速度。      

            •         

            •         

              Opacity.      

              不透明度。      

          •     

          •     

            Choose if you would like to display a border that surrounds the progress bar.

            选择是否要显示进度条周围的边框。

            Features adjustable of the edge.

            边缘可调。

              •         

              •         

                Color of the border.      

                边框的颜色。      

              •         

              •         

                Thickness of the edge.      

                边缘的厚度。      

              •         

              •         

                Visibility of each edge.      

                每个边缘的可见性。      

              •         

              •         

                Rounding.      

                四舍五入。      

              •         

              •         

                Style of the border.

                边框样式。

                (7 Styles available)      

                (提供7种款式)      

              •         

              •         

                Opacity.      

                不透明度。      

            •     

            •     

              Choose if you want to display a descriptive text within the loading bar.

              选择是否要在加载栏中显示描述性文本。

              Adjustable features of the text.

              文本的可调功能。

                •         

                •         

                  Color of the text.      

                  文字颜色。      

                •         

                •         

                  The type of font.      

                  字体类型。      

                •         

                •         

                  The Font size.      

                  字体大小。      

                •         

                •         

                  Shadow.      

                  阴影。      

                •         

                •         

                  Rotation.      

                  回转。      

                •         

                •         

                  Horizontal and vertical alignment.      

                  水平和垂直对齐。      

                •         

                •         

                  Content of the text.

                  文字内容。

                  Type any text that you want to show on the loading bar.

                  键入要在加载栏上显示的任何文本。

                  There are available 3 special tags for smart messages, among which are:

                  有3种特殊的智能消息标记,其中包括:

                    •             

                    •             

                      Percentage Unit that indicates the load progress.          

                      指示加载进度的百分比单位。          

                    •             

                    •             

                      Title of the post or page that is being loaded at the time.          

                      当时正在加载的帖子或页面的标题。          

                    •             

                    •             

                      Username.

                      用户名。

                      (if the user has logged in)          

                      (如果用户已登录)          

                •     

                •     

                  Choose the background color of the loading bar.  

                  选择加载栏的背景色。  

                •     

                •     

                  Choose the places on your page where you want to display the loading bar.

                  在页面上选择要显示加载栏的位置。

                    •         

                    •         

                      You can choose specific pages and categories of posts.      

                      您可以选择特定的页面和帖子类别。      

                  •     

                  •     

                    If you want to further customize the appearance of the “Border Loading Bar”, you can add your own rules of CSS.  

                    如果要进一步自定义“边框加载栏”的外观,则可以添加自己的CSS规则。  

                      

                      

                  DESCRIPCIÓN EN ESPAÑOL  

                  DESCRIPCIÓNENESPAÑOL  

                      

                      

                  Agrega una barra de carga en cualquier borde de la ventana para indicarles a tus usuarios que la página está cargando.  

                  阿根廷国营铁路公司的合同表明了在阿根廷的使用权。  

                      

                      

                  ¿Tienes un sitio web que tarda algún tiempo en cargar?

                  ¿Tienes un sitio web que tardaalgúntiempo en cargar吗?

                  Sin importar el tiempo en que este se demore cargando, muéstrales a tus usuarios el progreso de carga de la página, con una muy simple y elegante barra posicionada al borde la ventana.  

                  卡尔加多共和国铁路运输公司,加尔各答汽车制造商的使用权,以及简单,优雅地使用过的货物。  

                      

                      

                  Puedes personalizar totalmente esta barra de carga a tu gusto.

                  Puedes personalizar totalmente esta barra de carga a tu gusto。

                  Puedes elegir el tamaño, los colores, si deseas mostrar un borde alrededor de la barra, proyectar una sombra, incluso mostrar un texto descriptivo personalizado para tus usuarios mientras esperan.  

                  Puedes elegir eltamaño,Los colores,无国界游客组织,Proyectar una Sombra,incluso mostrar untexto descriptivo Personalizado para tus usuarios mientras esperan。  

                        

                        

                      

                      

                  CARACTERISTICAS PRINCIPALES  

                  加勒比海原则  

                    •       

                    •       

                      Gran flexibilidad para personalizar la barra de carga.    

                      卡拉卡尔·弗里菲利比亚德个人化电影。    

                    •       

                    •       

                      Elige entre los 4 bordes de la ventana para ubicar la barra de carga.    

                      Elige entre los 4 Bordes de la ventana para ubicar la barra de carga。    

                    •       

                    •       

                      Personaliza tamaños, ubicaciones, colores, estilos y texto.    

                      Personalizatamaños,ubicaciones,colores,estilos y texto。    

                    •       

                    •       

                      Elige específicamente los lugares de tu sitio web para mostrar la barra de carga.

                      符合资格的特殊资格证书。

                      Entre páginas y categorías de tus entradas.    

                      Entrepáginasycategoríasde tus entradas。    

                    •       

                    •       

                      La barra de carga desaparecerá una vez que la pagina este totalmente cargada.    

                      加尔各答。    

                    •       

                    •       

                      Muestra un texto descriptivo totalmente personalizable dentro de la barra de carga mientras sus usuarios esperan.    

                      个性化的文字描述,以及个性化的西班牙语世界。    

                    •       

                    •       

                      Modo de pruebas, la barra de carga solo será visible para el administrador.    

                      Modo de pruebas,la barra de carga soloserá可见para el administrador。    

                    •       

                    •       

                      Peso liviano.

                      比索利维亚诺。

                      No se cargara nada en tu página si no va a mostrar “Border Loading Bar”.    

                      没有最新的“边界加载栏”。    

                    •       

                    •       

                      Es compatible con cualquier tema.    

                      ES兼容的conemaquier tema。    

                    •       

                    •       

                      Compatibilidad absoluta con cualquier navegador.    

                      兼容nacuger navgador。    

                    •       

                    •       

                      Muy fácil de utilizar y personalizar.

                      Muyfácilde utilizar和personalizar。

                      Se proporcionan instrucciones para cada uno de los ajustes disponibles.    

                      洛斯阿普洛斯律师事务所负责任的律师。    

                    •       

                    •       

                      Es responsivo.

                      Esponsivo。

                      Se adapta a cualquier tamaño de pantalla.    

                      塞·潘塔拉(cataquiertamañode pantalla)。    

                    •       

                    •       

                      Programado adecuamente bajo las normas de WordPress.ding Bar”, you can add your own rules of CSS.    

                      Programado adecuamente bajo las normas de WordPress.ding Bar”,则可以添加自己的CSS规则。    

                          

                          

                        

                        

                    CARACTERISTICAS DETALLADAS DE LAS OPCIONES  

                    加勒比海地区的薄壳类鱼类  

                      •       

                      •       

                        Elige en que borde de la pantalla deseas mostrar la barra de carga.

                        Elige en que borde de la pantalla deseas mostrar la barra de carga。

                          •           

                          •           

                            Color.

                            颜色。

                            (Puede elegir cualquier color que desee)        

                            (Puede elegir cualquier颜色que desee)        

                          •           

                          •           

                            Grosor.

                            Grosor。

                            (Tamaño)        

                            (塔玛尼奥)        

                          •           

                          •           

                            Dirección.

                            Dirección。

                            (¿A qué dirección se debe llenar la barra?)        

                            (¿Quédirecciónse debe llenar la barra?)        

                          •           

                          •           

                            Opacidad.

                            Opacidad。

                            (Transparencia)        

                            (透明)        

                        •       

                        •       

                          Elige si quieres proyectar una sombra.

                          Eligesi quieres proyectar una sombra。

                          Características ajustables de la sombra.

                          宽边草帽。

                            •           

                            •           

                              Color de la sombra        

                              彩色草帽        

                            •           

                            •           

                              Ambito.

                              安比托

                              (Si lo desea por fuera o dentro de la barra de progreso.)        

                              (来自西班牙的未来发展组织。)        

                            •           

                            •           

                              Posición en el eje X.        

                              Posiciónen el eje X.        

                            •           

                            •           

                              Posición en el eje Y.        

                              Posiciónen el eje Y.        

                            •           

                            •           

                              Difuminado.        

                              Difuminado。        

                            •           

                            •           

                              Radio de expansión.        

                              广播电台。        

                            •           

                            •           

                              Opacidad.        

                              Opacidad。        

                          •       

                          •       

                            Elige si quieres mostrar un borde que rodee la barra de progreso.

                            Eligesi quieres mostrar un borde que rodee la barra de progreso。

                            Características ajustables del borde.

                            Característicasajustables del borde。

                              •           

                              •           

                                Color del borde.        

                                波尔多色。        

                              •           

                              •           

                                Grosor del borde        

                                Grosor del Borde        

                              •           

                              •           

                                Visibilidad de cada borde.        

                                Visibilidad de cada borde。        

                              •           

                              •           

                                Redondeo.        

                                Redondeo。        

                              •           

                              •           

                                Estilo del borde.

                                Estilo del borde。

                                (7 Estilos disponibles)        

                                (7个Estilos不合格品)        

                              •           

                              •           

                                Opacidad.        

                                Opacidad。        

                            •       

                            •       

                              Elige si desea mostrar un texto descriptivo dentro de la barra de carga.

                              Elige si desea mostrar un texto descriptivo dentro de la barra de carga。

                              Características ajustables del texto.

                              Característicasajustables del texto。

                                •           

                                •           

                                  Color del texto.        

                                  Color del texto。        

                                •           

                                •           

                                  Tipo de fuente.        

                                  Tipo de fuente。        

                                •           

                                •           

                                  Tamaño del a fuente.        

                                  Tamañodel fuente。        

                                •           

                                •           

                                  Sombra del texto.        

                                  Sombra del texto。        

                                •           

                                •           

                                  Rotación.        

                                  Rotación。        

                                •           

                                •           

                                  Alineación vertical y horizontal.        

                                  Alineación垂直y水平。        

                                •           

                                •           

                                  Contenido del texto.

                                  Contenido del texto。

                                  Escriba cualquier texto que desee mostrar en la barra de carga.

                                  Escriba cualquier texto que desee mostrar en la barra de carga。

                                  Hay disponibles 3 etiquetas especiales para mensajes inteligentes, entre los cuales están:

                                  Hay disponibles 3 etiquetas especiales para mensajes inteligentes,entre los cualesestán:

                                    •               

                                    •               

                                      Unidad porcentual que indica el progreso de carga.            

                                      卡尔加里进步民族大学(Unidad)            

                                    •               

                                    •               

                                      Titulo de la entrada o página que se esté cargando en el momento.            

                                      即时报名参加《旅游报》。            

                                    •               

                                    •               

                                      Nombre del usuario.

                                      Nombre del usuario。

                                      (Si este ha iniciado sesión)            

                                      (翻译成英文)            

                                •       

                                •       

                                  Elige el color del fondo de la barra de carga.    

                                  Eligeel color del fondo de la barra de carga。    

                                •       

                                •       

                                  Elige los lugares de tu página en donde quieres que se visualice la barra de carga.

                                  Elige los lugares de tupáginaen donde quieres que se visualice la barra de carga。

                                    •           

                                    •           

                                      Puedes elegir específicamente páginas y categorías de entradas.        

                                      Puedes elegirespecíficamentepáginasycategoríasde entradas。        

                                  •       

                                  •       

                                    Si deseas personalizar aún más la apariencia de la barra de carga, puedes agregar tus propias reglas de CSS.    

                                    卡拉加拉瓜的西班牙人的个性化个人头像,CSS的希腊小山羊皮。    

安装步骤

Upload the plugin zip file borderLoadingBar.zip in your WordPress plugins area.

在您的WordPress插件区域中上传插件zip文件borderLoadingBar.zip。

Or, if you want to install it manually, unzip borderLoadingBar.zip in your computer.

或者,如果要手动安装,请在计算机中解压缩borderLoadingBar.zip。

This will create a folder called borderLoadingBar, after this, upload the folder and all its files via FTP to the WordPress folder wp-content/plugins/ on your web server.

这将创建一个名为borderLoadingBar的文件夹,然后,通过FTP将其及其所有文件上传到Web服务器上的WordPress文件夹wp-content / plugins/。

Activate the Border Loading Bar plugin in your Plugins area in your WordPress adminstration, and is already.

在WordPress管理的“插件”区域中激活Border Loading Bar插件,并且已经激活。

it’s ready to use!

随时可以使用!

下载地址
https://downloads.wordpress.org/plugin/border-loading-bar.zip
-EOF-

AI助手支持GPT4.0