Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
en:plugins:installation [2021/09/22 11:09] – fasseen:plugins:installation [2026/01/24 12:13] (current) – fasse
Line 1: Line 1:
 ====== Using  Plugins in your homepage ====== ====== Using  Plugins in your homepage ======
-===== The difference between Plugins and Modules=====+===== Which plugins can I install on other websites? =====
  
-Plugins are small PHP scripts doing defined works  (e.g. show the events of the next 2 days, show actual birthdays...). Unlike modules, plugins must be called not necessarily as a separate page, but can be integrated into any html or php page. You can download the plugins in the body_top.php or body_bottom.php installed by Admidio so that certain information is displayed on all pages Admidio.+Would you like to display specific information from Admidio on your club website or elsewhere? You can use the plugins on the Admidio overview page to do this. There is a plugin for almost every module here, which can also be customized individually. Here you can display the next two events or current birthdays, for example. Unlike modules, these overview plugins do not necessarily have to be called up as a separate page, but can be integrated into other websites as HTML snippets.
  
 +===== How do I integrate plugins? ===== 
 +The corresponding plugin should already be set up in the **adm_plugins** folder.
  
- +==== Add plugin to the Admidio overview ====
-===== How do I install plugins? =====  +
-Download the plugin from [[en:plugins | our plugin area]] and unpack the zip file. Copy the folder with the files in the folder ** adm_plugins ** in your Admidio folder.  If the folder adm_plugins  does not exist, it must first be created yet. This should be on the same level as adm_my_files. +
- +
-==== Install plugin into an Admidio 4 page ====+
  
 Check the installation instructions on the plugin page in the first step. Some Plugins supply their own installation script and integrate themselves thereby independently into our menu. In this case no further steps are necessary. Check the installation instructions on the plugin page in the first step. Some Plugins supply their own installation script and integrate themselves thereby independently into our menu. In this case no further steps are necessary.
Line 16: Line 14:
  
 Several DIV blocks are stored there and you have to add your new DIV block behind an existing DIV block. The DIV-blocks look like this:  Several DIV blocks are stored there and you have to add your new DIV block behind an existing DIV block. The DIV-blocks look like this: 
 +<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-name">
 +   <div class="card admidio-card">
 +      <div class="card-body">
 +         {load_admidio_plugin plugin="plugin-name" file="plugin-file-name"}
 +      </div>
 +   </div>
 +</div></code>
 +
 <code html><div class="col-sm-6 col-lg-4 col-xl-3"> <code html><div class="col-sm-6 col-lg-4 col-xl-3">
     <div class="card admidio-roles" id="role_details_panel_'.$rolId.'">     <div class="card admidio-roles" id="role_details_panel_'.$rolId.'">
Line 26: Line 32:
  
 If you want to include for example the Plugin ''adm_plugins/calendar/calendar.php'', then the code block looks afterwards like this  If you want to include for example the Plugin ''adm_plugins/calendar/calendar.php'', then the code block looks afterwards like this 
-<code html><div class="col-sm-6 col-lg-4 col-xl-3"> +<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-calendar"> 
-    <div class="card admidio-roles" id="role_details_panel_'.$rolId.'"> +   <div class="card admidio-card"> 
-        <div class="card-body" id="admRoleDetails'.$rolId.'"> +      <div class="card-body"> 
-            {load_admidio_plugin plugin="calendar" file="calendar.php"} +         {load_admidio_plugin plugin="calendar" file="index.php"} 
-        </div> +      </div> 
-    </div>+   </div>
 </div></code> </div></code>
  
 Then you can reload the overview page and your plugin should be visible. Then you can reload the overview page and your plugin should be visible.
  
-==== Install plugin into an Admidio 3 page ====+==== Integrating plugins outside of Admidio pages ====
  
-The installation of a plugin within an Admidio page is really simple. Go to the file **adm_themes/modern/my_body_bottom.php** and add at the corresponding place the following code: +You can usually also use the plugins outside of Admidio pages and integrate them into your own HTML/PHP pages. However, this requires a few additional steps.
-<code php><?php include(ADMIDIO_PATH . FOLDER_PLUGINS . '/birthday/birthday.php'); ?></code> +
-If you are within a PHP part of your page than you must only add: +
-<code php>include(ADMIDIO_PATH . FOLDER_PLUGINS . '/birthday/birthday.php');</code>+
  
-Now reload the Admidio page and the plugin should be shown.\\   +=== Integrating the plugin as an iFrame ===
-Since version 3.0 all css files of the plugins will be loaded automatically and must not be added separatly.+
  
-==== Install plugins outside of an Admidio page ====+The simplest and recommended way to integrate plugins from the overview page into another website is to integrate them as an iFrame into the HTML code of the other website. To do this, you can place the following HTML code exactly where you want the plugin to appear: 
 +<code html><iframe src="#URL-to-Admidio#/adm_plugins/#Folder-of-the-specific-plugin#/#Start-file-of-the-plugin"#></iframe></code> 
 +The specific implementation for the login plugin would then look like this if Admidio is installed in the **admidio** subfolder in your web space: 
 +<code html><iframe src="admidio/adm_plugins/login_form/index.php"></iframe></code> 
 +You can then easily define the size, borders, and spacing of the plugin for CSS, which could look like this: 
 +<code css>iframe { 
 +   width: 80%; 
 +   height: 600px; 
 +   border: 1px solid #ccc; 
 +}</code> 
 +Now you can reload your website and the corresponding plugin will be displayed :-) 
 +\\ \\  
 + 
 +=== Embed plugin as code block in website ===
  
 You can also use the plugins outside of the Admidio pages and integrate them into your own HTML / PHP pages. However, a few additional steps are necessary. You can also use the plugins outside of the Admidio pages and integrate them into your own HTML / PHP pages. However, a few additional steps are necessary.
  
-If you want to integrate the plugin into a pure html page, you should first rename the file extension of the page from html to php. Now you can integrate the plugin with help from PHP into your formerly pure HTML page. Now add the plugins // (as an example here the plugin login_form) // into your Html code at the point where the output of the plugin should be displayed by one of the following methods:+If you want to integrate the plugin into a pure html page, you should first rename the file extension of the page from html to php. Now you can integrate the plugin with help from PHP into your formerly pure HTML page. Now add the plugins (as an example here the plugin //login_form//) into your Html code at the point where the output of the plugin should be displayed by one of the following methods:
  
 1. First the file //common.php// must be added **at the very beginning** of your PHP file via the server path: 1. First the file //common.php// must be added **at the very beginning** of your PHP file via the server path:
  
 <code php><?php <code php><?php
-  include_once($_SERVER['DOCUMENT_ROOT']. '/Path-to-Admidio-folder /adm_program/system/common.php');+  include_once($_SERVER['DOCUMENT_ROOT']. '/Path-to-Admidio-folder /system/common.php');
 ?></code> ?></code>
 The //Path-to-Admidio-folder// must contain the folder structure, which you have to go from the file in which you want to install the plugin, to the Admidio folder. The //Path-to-Admidio-folder// must contain the folder structure, which you have to go from the file in which you want to install the plugin, to the Admidio folder.
Line 67: Line 82:
      
   Include-Befehl:   Include-Befehl:
-  include_once($_SERVER['DOCUMENT_ROOT']. '/admidio/adm_program/system/common.php');+  include_once($_SERVER['DOCUMENT_ROOT']. '/admidio/system/common.php');
  
 **Example 2** **Example 2**
Line 77: Line 92:
      
   Include-Befehl:   Include-Befehl:
-  include_once($_SERVER['DOCUMENT_ROOT']. '/../admidio/adm_program/system/common.php');+  include_once($_SERVER['DOCUMENT_ROOT']. '/../admidio/system/common.php');
      
 2. Afterwards the plugins are installed in the desired places: 2. Afterwards the plugins are installed in the desired places:
  
 <code php><?php <code php><?php
-  include($_SERVER['DOCUMENT_ROOT']. '/Path-to-Admidio-folder /adm_plugins/login_form/login_form.php');+  include($_SERVER['DOCUMENT_ROOT']. '/Path-to-Admidio-folder /adm_plugins/login_form/index.php');
 ?></code> ?></code>
  
Line 88: Line 103:
  
 <code php><?php <code php><?php
-  include('http://www.example.org/Path-to-Admidio-folder /adm_plugins/login_form/login_form.php');+  include('http://www.example.org/Path-to-Admidio-folder /adm_plugins/login_form/index.php');
 ?></code> ?></code>
  
Line 102: Line 117:
 When updating the plugin, these two files need not and should not be overwritten. If new settings or CSS settings are added by the update, the new variables or CSS settings can be copied from the **config_sample.php** into the previous files //(config.php and pluginname.css)// of the plugin and the desired values can be inserted. When updating the plugin, these two files need not and should not be overwritten. If new settings or CSS settings are added by the update, the new variables or CSS settings can be copied from the **config_sample.php** into the previous files //(config.php and pluginname.css)// of the plugin and the desired values can be inserted.
  
-An example of integration of multiple plugins in a sidebar you can see on this screenshot in the highlighted area: +You can see an example of integrating a plugin into a website using iFrame in the highlighted area of this screenshot:\\  
-{{:de:2.0:documentation:plugins:plugins_show.png?400|Install plugins}}+{{:en:plugins:plugin_integration_en.png?300|Integrating plugins via iFrame}} 
 + 
 +You can see an example of plugin integration on the overview page in this screenshot:\\  
 +{{:en:plugins:plugin_overview_en.png?400|Integrate plugins into overview page}}
  
 ===== How do I update a plugin?===== ===== How do I update a plugin?=====
 If there is an update, because of a bug fix, a new feature, or due to an incompatibility with current Admidio version, you can replace the plugin folder. Download the latest version from [[en:plugins:index|Plugin Area]]  and replace the existing plugin folder with the new folder of the downloaded zip-file. Special features of the update are mentioned in the **readme.txt**  in the plugin folder. If there is an update, because of a bug fix, a new feature, or due to an incompatibility with current Admidio version, you can replace the plugin folder. Download the latest version from [[en:plugins:index|Plugin Area]]  and replace the existing plugin folder with the new folder of the downloaded zip-file. Special features of the update are mentioned in the **readme.txt**  in the plugin folder.
  
  • en/plugins/installation.1632301775.txt.gz
  • Last modified: 2021/09/22 11:09
  • by fasse