Jump to content


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by Sonya*

  1. Sometimes we need long titles for SEO, but they are not displayed nice in the sidebar menu. FX Documentation has an additional field where you can add a shortened title. If the field is not filled, then the default page title is used.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu lacus in magna finibus laoreet. In posuere sollicitudin elit eu lobortis. Cras pharetra nec nisi id semper. Donec purus lacus, vehicula id ex in, consectetur dapibus sapien. Vestibulum eget blandit ligula. Donec imperdiet erat at dui pharetra, eget consectetur sem lobortis. Cras eget ipsum vitae augue malesuada dapibus vitae vel tellus. Sed vestibulum tortor ac ultrices hendrerit. Etiam at est felis. Aliquam tempus enim non tempor auctor. Pellentesque in vestibulum tellus. Cras ac ante pretium, pellentesque dui quis, facilisis lacus. Curabitur eget dignissim velit, vel dictum mauris. Suspendisse et ullamcorper neque. Quisque cursus tellus vel luctus maximus. Suspendisse in eleifend nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris lobortis orci quis auctor tincidunt. Aliquam erat volutpat. Quisque faucibus tortor fringilla dui condimentum, ac finibus nunc porta. Vivamus in leo sed turpis feugiat gravida id vitae eros. Suspendisse sed iaculis nibh, sit amet condimentum neque. Fusce tincidunt vulputate sem, a porttitor augue vulputate eu. Proin mollis felis sit amet mattis faucibus. Morbi eget libero venenatis, scelerisque augue eu, scelerisque libero. Fusce at eros quis ante fermentum laoreet ut in elit. Nullam odio elit, porttitor ut lorem at, efficitur interdum ex. Proin iaculis bibendum tincidunt. Nullam eget libero nec mauris semper posuere vestibulum a odio. Praesent malesuada, eros eu commodo lacinia, elit mauris mollis urna, sed ornare libero urna ac eros. Praesent congue lacus nunc, rutrum tempus mauris vestibulum vitae. Vestibulum sed elit lorem. Nunc molestie erat nec risus ultrices, id convallis ligula vulputate. Vivamus ultrices metus in dolor egestas lobortis. Donec tristique, lectus vel commodo scelerisque, quam lacus congue est, ac cursus tellus purus id tortor. Ut venenatis mollis ipsum et fringilla. Aliquam id nisi eget erat pharetra varius. Pellentesque vestibulum nibh eget tincidunt congue. Proin elementum pharetra felis, in hendrerit lacus pulvinar vitae. Phasellus ut consectetur ligula. Nullam nec enim eget arcu accumsan vulputate. Phasellus eget sem ipsum. Suspendisse dolor massa, faucibus non tincidunt a, tempor ac eros. Donec commodo semper dictum. Praesent euismod fermentum massa, eu vestibulum est porttitor sed. Ut luctus semper mauris. Donec venenatis nisi ac fermentum facilisis. Praesent egestas tincidunt facilisis. Morbi pharetra rutrum nunc, in congue nisl blandit eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in tincidunt erat. Praesent vel mauris scelerisque tellus iaculis semper. Mauris mattis sapien ac elementum sagittis. Vivamus vitae urna lacus. Donec dignissim aliquet mauris, in semper justo iaculis at. Nam ut condimentum purus. Proin varius, urna eu molestie eleifend, nisi massa bibendum quam, id ultrices risus purus nec ipsum. Etiam vehicula lacus orci, sit amet fringilla lacus scelerisque sed.
  3. Sonya*

    Lorem Ipsum

    What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. Where can I get some? There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
  4. FX Documentation helps to improve SEO and accessibility while adding images to the content. Whenever you add an image to the content, you should always fill out an ALT attribute of the image that is displayed if the image cannot be loaded. This attribute is also used by search engines to index images and by disabled people. After adding an image into your content double-click on it. Fill out the field Image Title and save. The image title will be automatically displayed below the image. See the example below. This functionality is provided by custom JS script installed with FX Documentation. You cannot see the image title while editing the record. It will be only shown while viewing the record.
  5. TOC is tables of contents. It is useful if you have a long page with some subsections. You can create TOC manually. With FX Documentation TOC is built automatically from your headings. You can see this block right under the page title to the right on desktop or below on mobile. How do I add subheadings? There are two ways to add subheadings to your content. You can install an editor plugin Format to get the button into your editor. Or you allow HTML source editing to add headings into the source like this: <h2>Subheading</h2> The best way is however to use an editor plugin as you can precisely define of who and where can use headings within your community. This plugin is not bind on FX Documentation, the button can be used throughout the whole IPS suite. Installing Format plugin Navigate to Customization -> Editor -> Toolbars in the AdminCP. Click the Add Button, and from the next screen select the CKEditor Plugin tab. Note: The plugin version you install needs to be compatible with the CKEditor version used in your current version of the IPS Community Suite. IPS displays your current version on this form so that you can cross-check the compatibility with the CKEditor website. Next, download the plugin on your local disc https://ckeditor.com/cke4/addon/format. Return to AdminCP, choose plugin zip file you downloaded, and then submit the form. If everything installed successfully, you will see the new button shown on the Buttons Not On Editor toolbar at the bottom of the editor management screen. You can now drag it to your active toolbars at the position you like. To manage permissions and areas for the button double click on it. For further customization of your editor, read IPS documentation. Some SEO and accessibility tips You should not use H1 Heading more than one time on your page. The record title is already formatted as H1. You should start with H2 within your content and use a tree structure. E. g. do not use H4 if you do not have H3. TOC can only be displayed correctly if you have a correct logical heading structure.
  6. FX Documentation installs a Pages database to create a new documentation section in your community. The database is designed to mime IPS Community Guides section. But this installation is even more. It includes custom database, custom database fields, database and page templates, custom CSS and JS. It creates automatically TOC (Table of Contents) from subheadings in your content and it wraps the images nicely with alt Tag displayed as image caption. You can use the database for documentations, guides, books and even more. The database and page can be customized as usual with drag'n'drop blocks, and WYSIWYG editor. Use ready-made widgets that pull in all kinds of data from throughout your community to put it on the documentation page.
  7. Just to clarify because it was already asked on Invision forum... it looks like the owner of the rights to this theme is still Heosforo, no matter if he's not active here anymore. For this reason, we will neither upgrade it to future IPS versions nor offer it for download. Thank you for your understanding.
  8. I am ambiguous. Advantages: no need to look for the resources in the Marketplace no need to download them on the disk no need to find out where I have uploaded them and is that an actual version that I have searching in ACP and one click install of the latest version - that saves time quality check is done so that the resources should not corrupt my projects (ideally!) Disadvantages: hacks needed to log in into Marketplace behind .htaccess long approving time for the apps due to the quality check no manual upload for 4.5 resources that have been associated with Marketplace once no copy of the resources on my disk, what means if my IPS license expires I have not access to my paid 3rd party resources The crucial thing though is the last one. I should have access to the stuff that I have paid on 3rd party developers (not IPS!) as long as my subscription for the resource is active.
  9. Version 1.0.2


    This plugin adds a button "Sign in" to the user's hovercard and profile header to log in as member. Full administrators have the permission per default. To set up users who can use the button, in your AdminCP go to Members -> Staff -> Administrators. Select the existing group or click on Add Administrator and grant access for System -> Members -> Can sign in as members. For security reason, the button is not available on hovercards and profiles of the users that have access to AdminCP. For those users you can still use the default "Sign in as" feature in AdminCP.
  10. This way to monetize the community is very exclusive. The most websites out there do not have such a large number of email notifications sent out instantly. So, why not to offer the space to the companies/advertisers? To add a banner into notifications emails in your AdminCP go to System -> Site Promotion -> Advertisements and click on the tab Email Advertisements. Click on Create New and fill the form out. Be aware that right now there is no possibility to restrict email advertisements to certain group. Upon saving the form your test banner will be instantly added to all outgoing email notifications! Do not test it on your live environment without restrictions. Banner size in emails You will find different suggestions what size the email banner must have. Consider that mails are displayed in different email clients that handle the displayed content in their own way. Generally, it should be safe to use banner with 600px width to be displayed in every common mail client (some sources say up to 650px). The height of the banner is not really restricted. You can use any height, but be sure, that the banner will be displayed above the notification content. It can be annoying for the user to scroll down for the notification message itself. Something between 100px and 200px should be enough for the height. How to test email banners As said above there is no possibility to restrict email advertisement to certain group (like website ads). Once the banner is added it will be instantly inserted in every email notification that is sent through the community. There are still some ways to test it: If you have a test installation that is able to send emails. Create a new advertisement. In AdminCP go to System -> Settings -> Email Settings and click on Test settings in the upper right corner. Test email will include your ad banner. If you do not have a test installation, create a special test area in your community that is only viewable by administrator. E. g. a forum or database in Pages. While creating an advertisement restrict it to this area in the field Restrict to emails from. Now subscribe to new items (topics or records) in this area. Create another administrator and add a new topic or record in the area with a second administrator. The first one (who subscribed) will get an email including the ad banner. Generally you should test your banner with as many email clients as possible, ideally on desktop and mobile.
  11. This guide helps to set up PayPal in Commerce application of IPS and to test purchases, renewals, commissions and withdrawals safely. The payment method applies not only to Commerce products. You can use it throughout the entire community and in the 3rd party applications. There are some examples: Subscriptions (a feature of IPS Commerce application) Downloads (IPS application for selling digital products) Paid Clubs (IPS application to build paid membership clubs within your community) Donations (a feature of IPS Commerce application) Referrals (a feature of IPS Commerce application) Classifieds System (3rd party application) Links Directory (3rd party application) Pay to pin or feature any content (3rd party application) Printful Commerce Integration (3rd party application to sell merchandise products) Raffles System (3rd party application) Crowdfunding (3rd party application) VideoBox - Video & Livestream Sharing Platform The best way to test PayPal payments is to use a so-called "sandbox". This is a test environment of PayPal that does not affect real payments but act as it were. With sandbox, you can test and optimize all screens and messages sent out by PayPal and Invision Community. Unfortunately, you cannot use PayPal sandbox if you host on IPS Cloud. Prepare PayPal sandbox To play with PayPal you need access to Developer Dashboard. If you don't have an account there, click on sign up. For testing you need a PayPal application, at least one business account and one or more personal accounts. Later on when you go live you will need a real app and a real business account on PayPal to be able to receive the payments and create payouts. In your Developer Dashboard go to My Apps & Credentials. Pay attention to the switcher between Live and Sandbox. Sandbox/Live Switcher in PayPal Select Sandbox. You will find a Default Application already created there. Use this application for testing or create your own. Click on the application name to see credentials. Note your Client ID and Secret. You will be asked to enter these credentials in Invision Community later on. Choose My Account on the left side menu and scroll down to the section with permissions. You need to enable the permission for Subscriptions. PayPal Permission for Subscriptions Follow instructions on PayPal to enable it. Prepare Invision Community for sandbox Now we configure the sandbox in Invision Community that you are going to use test environment and test accounts. You need access to FTP to edit or create a file constants.php. Add the following line to it: \define('NEXUS_TEST_GATEWAYS', TRUE); From now Invision Community will use sandbox for PayPal payments. Do not forget to remove or uncomment the line later on. In your AdminCP go to Commerce -> Settings, choose the tab Payment Methods and click on Create New. Select PayPal in the list of Payment Methods and fill out the form. Enter PayPal sandbox credentials These are Client ID and Secret you have noted from the Default Application in the PayPal Developer Dashboard. Play with PayPal accounts Sandbox business account will receive the payments from personal accounts. Each time you test the payments use one or different personal accounts from the PayPal sandbox. Then log in with your sandbox business account to check the payments.
  12. This guide explains how to set up a commerce product of type Advertisement in Commerce application of IPS. Commerce is an essential app to monetize your community. You should purchase it if your license does not include this application. How to sell ad location in Commerce First, set up at least one payment method. For testing, it would be enough to create manual payment. Later on we will see how to integrate PayPal. In your AdminCP go to Commerce -> Payments -> Settings. Click on Create New and select Manual (check, bank wire, etc.). On the next screen enter name and instructions: Manual payment method Now you are ready to create a product of type Advertisement for the location Just below the page header. In your AdminCP got to Commerce -> Store -> Products. Create a new group Advertisements and click on plus sign to add new product into the group. Choose Advertisement as Type. Product settings for advertisement Enter the Product name, tick the ad location you would like to sell and limit the banner dimensions. Setting price for advertisements Click on the tab Pricing. In our example, the advertisement costs 30 USD for 3 days. Enter 30 USD as Price and enable the option Renews? Enter 30 USD for every 3 days. Purchase price and duration Save the product. Test purchasing advertisement Go to your AdminCP and create a new member. Use the feature Sign in as [MemberName] to log in. This member is now your test customer who makes purchase of the advertisement. Go to Store in the main navigation of your community and select the product you have just created. Enter the Target URL, upload and Image and click on Add to cart. Click on Review & Checkout to purchase. On the next screen, click on Checkout again, fill the Billing information and click on Continue to Order Review. To complete the order click on Place Order and Pay. As we have only manual payment method, the order is set to status Waiting. Order awaiting administrator's approval As stated in the message above, the community administrator is now informed about the new order. The manual payment means that administrator must check if the order is paid. It can be cash, check, or any other method that cannot be tracked automatically. The community administrator must approve the order manually. In your AdminCP go to Commerce -> Payments -> Transactions. There is a transaction with status Waiting. You can view the transaction and/or approve it automatically from the list. Approve transaction in AdminCP After you have approved the transaction, you will get another notification in AdminCP. The advertisement has been created now, but is held for approval. This double approval is because of the manual payment method. Normally you would set up PayPal and/or Stripe to get payments that are approved automatically. Here you would like to review the advertisement before you display it in the community. So the last step would be to review and approve the advertisement. In your AdminCP go to System -> Site promotion -> Advertisements. The advertisement has Pending status and no title. Add Invoice ID as advertisement title and Save. Now approve the advertisement from the list. Approve advertisement after purchase The ad is now displayed in your community and will be automatically disabeld after 3 days. If you can live with manual payment, go and check all Commerce settings. In the next step you can add a PayPal payment method and play in the sandbox with it.
  13. With this tutorial we will create a simple but efficient bug tracker for reporting bugs etc., similar to the one IPS itself uses HERE for the 4.5 beta. The result will look like on the following screenshot, so everything will be a bit more stylish and above all more clearly arranged. Unnecessary information has been left out and important ones have been highlighted. Notes on this tutorial You have already learned the basics in other tutorials like the one for the recipe database. To avoid repeating ourselves all the time, we will link directly there for these steps and concentrate on the features that are not included there. You can also download the complete bugtracker from our filebase for free without having to rebuild it yourself.
  14. We have already included some CSS classes in the templates. And now we can add the CSS styles to the page. Create and assign CSS file In your AdminCP go to Pages -> Page management -> Templates and click on New. Choose Add CSS file. Name it docs and add it to the existing group CSS. If we had more than one CSS file, it might be useful to create a new group at this point. Add the following CSS to docs.css: To include this CSS in the page for the database, go to Pages -> Page Management -> Pagein your AdminCP and open the page with the documentation for editing. Switch to the tab Page Includes tab and select CSS/Docs.css. Click on Save and view the result in the frontend. You will notice that the categories are now collapsed so that the pages inside are no longer visible in the navigation. To add the interaction here, you have to create a JavaScript file as a last step. Create and embed Javascript In AdminCP go to Pages -> Page management -> Templates again and click on New. Select Add JavaScript file and enter the name docs. Use the group JS. If you need more files you can create an extra group for them to keep them separate from other files. Open the file and add the following content: As you can see, we use the code here already used in IPS own documentation. This is another advantage of Pages, by the way. If something doesn't work, you can get support directly from IPS and don't have to rely on the third party providers. The last step is to embed JavaScript into the documentation page. This is done in the same way as CSS above. In AdminCP go to Pages -> Page management -> Page and open the page with the documentation for editing. Go to the tab Page Includes and click on JS/Docs.js. Done. Now only the active category in the menu block is expanded and the others are expanded by clicking on them. You can see that a lot of HTML, CSS, JavaScript and some PHP was put together here. This is a simple version that you can customize, extend and develop further. Have fun!
  15. Now we are ready to create a block (plugin) that we will use as a side menu. The side menu displays categories and the pages hierarchically. This block is created in AdminCP, and we are going to use a custom template for it. Block with page menu In your AdminCP go to Pages -> Page management -> Blocks and click on Create new block. Click on Next. On the tab Details enter the name for the block and template key docs_side_menu. In the tab Feed Configuration set the following: You define here the number of records in the block. In earlier versions of IPS it was possible to enter a 0 for unlimited. Starting with IPS version 4.4.10 it does not work anymore, so you have to enter a large positive number, e.g. 100. This number should be greater than the number of all categories and all pages in the categories together, otherwise the menu will be cut off. The sorting in the block is only valid for the order of the pages within a category. The categories are sorted as specified in AdminCP. You can change their order by drag and drop. Template for side menu The "magic" happens on the tab Content. Here you select the option Use as base for a custom template. A template editor will appear below this option where you enter the following code: Save the block and give all user groups the permission to see the block. If you exclude the groups here, the menu will not be displayed for them. You can already see the rough structure of the menu in the preview of the block. We will add the CSS styles and JavaScript later to make it a bit smarter. Some CSS classes are already built into templates above. The last lines in the block redirects from category listing to the first record in the category if you navigate through the side menu. Insert menu into the page To add the block into the page, go to Pages -> Page Management -> Pages in AdminCP and click on the pencil icon to edit the page docs. Go to the tab Content. Here you can see that the database has already been added to the page via the database ID. This happened automatically when we created the page during database creation. Replace the content of the page with the following code: Take time and look at this simple HTML for the page. Here we use the keys for database and the block with the menu. These are inserted in two columns using the IPS CSS framework. The IF-query makes sure that the menu disappears when you edit the page, otherwise you would not have enough space to edit the content. See your documentation in the frontend now. The only things we miss here are CSS and JavaScript.
  16. In the last guide, you have learned default ad locations in your Invision Community. You have read what ad sizes are recommended to use in different locations and for different devices. You have created some ads and have tested them as administrator. Now, it's time to figure out how you can sell them. There are some settings for duration and conditions you can define in AdminCP for each ad. Duration and conditions for the ads Theoretically you can sell duration, impressions and clicks. Practically you will offer only duration. Never sell impressions based on Invision Community stats! Invision Community counts page loads with the ad instead of real impressions of the ad. If you place your ad into location Just above the page footer, IPS count the impressions even if the user does not scroll down. So every time the page is rendered, one impression is recorded. Normally ad networks count only impressions for the ads visible on the user screen device. Nobody would like to pay for something that is loaded in background but never seen by the user. If you would like to sell impressions, you must use Google AdManager or another ad server platform. Sell clicks with caution! Selling clicks does not let you predict running time for the ads. It depends on the banner message, design, ad location, etc. whether the user will click on it. Remember, there is no click fraud protection in IPS. The only sane option is to sell duration. Define start and end date. Deliver stats of impressions and clicks for the ad after the campaign has finished, only if you understand how impressions and clicks are counted. Where to get stats for your community? Direct advertisers would like to know some metrics from your community like: monthly impressions monthly unique users geographical location of your audience average age and gender (male / female) of your users traffic sources These stats are not available in IPS itself. To get the metrics I strongly recommend to use web analytics platform like Google Analytics. You can even give your advertisers guest access to your Analytics account so they can pick the stats they need themselves. How to calculate banner prices? Unfortunately, there is no default answer to this question. The prices depend on what your community about, user activity, guests numbers, geography, audience, etc. There are two strategies you can run to answer this question individually. Let advertisers decide what they are ready to pay. Create a page (if you use Pages) or topic (if you use Forums) and describe what ad locations for what duration you offer. The advertisers can contact you by email and suggest a price depending on their budget. Find out what you earn in each location with AdSense. Integrate AdSense ads and gather stats on every individual ad location. Double your AdSense earnings and set them as a price for direct advertisers. Is AdBlock Blocker useful? There is a 3rd-party application called AdBlock Blocker. This app detects some browser plugins like AdBlock Plus, AdGuard, uBlock, Ghostery that block your community ads. It depends on your audience of how extensively they use AdBlock plugins. The best way to figure it out is to install the app and compare your earnings. AdBlock Blocker application The author of the application promises: It displays a message that disable all website features until user disables his AdBlocker. Because of different settings in the app, you can set up the message less aggressively. E.g. allow to dismiss the message, remember the selection, totally hide the content of the website, adjust the message size, place it in header or footer area and so on. The price of the app is pretty fair and you as of today there is no renewal fees. Buy once, use forever. No advertisements for power users They produce a lot of impressions and are a kind of "blind". They do not click. They worsen your CTR (click through rate) and are often annoyed. Displaying ads to them can have a negative impact on their community engagement. Identify your power users and automatically promote them to the Power User group using promoting members feature of IPS. E. g. your promotion rule can have following criteria: members with last visit in the last 30 days over 100 content items over 10 reputation points last posted within last 7 days joined over 60 days ago If all of them are true, move the member to Power User group and excluded it from in the ad settings. As side effect, it can even increase engagement in your community if you make this promotion public and promise ad-free experience for those who push your community.
  17. Now it is time to create templates for the database. In your AdminCP go to Pages -> Page management -> Templates. Click on New and select Add Database Template. Enter Docs in the Name field and select Record listing in Template Type. Assign the template to our database Documentation. A new template set Docs will be created. It contains several template bits for the listing of the records. Let's add another set of template bits to it. It will handle displaying the records in the database. Execute exactly the same steps as in the previous step (see screenshot above), except that you choose Record in Template Type. When you save it, you will have a template set called Docs on the left side, which contains all the required template bits. Below you will find the code for each template bit. Display record - Template bit record This template controls the display of single guide page so-called main content. Before you replace the code of this template, you can look at a single guide in documentation and see how it is visually structured. Then replace the content of the template with the code below and look at the page again. This is the best way to see what has changed. Some features such as rating have been removed from the template as they are not needed in the documentation. This way template looks cleaner and readable. Another approach is to leave everything inside when you create your own templates, even what is not used at the moment, but possibly later. Categories - Templates categoryHeader, categoryFooter and categoryTable These three templates control the list of records in a category. In my example it would be the category Applications where I have created three pages. Look first how it looks now and then delete/replace the code as shown below. Open the template categoryHeader and delete the whole content. Save. Open the template categoryFooter and delete the whole content. Save. Open the template categoryTable and add the following code: At this point the list of all pages in a category is created with text preview. This list will not be accessible later via the navigation. However, users from the search engines will land here, since category links are included in the sitemap.
  18. To avoid the navigation block be too heavy, we can optionally create a field that contains a short version of the page title. An example for the long title of the page can be "General introduction to databases with Pages". This page title is too long for the left navigation. It would be nicer if we could output a shorter version here, for example "Introduction". Create field for short version In AdminCP go to Pages -> Documentation -> Fields and click on Create new. Fill out the form on the tab General Options as shown below: Note that the field is set as not required so that we don't have to fill it for every guide. Some guide titles will be suitable for navigation without shortening. Then go to the tab Display. Template Key must be shortened_title. If you change it here, you will have to change the key later in the templates. That means it will not work just with copy/paste! This field is a helper field that is used to replace too long guide titles in the navigation. This field should not be visible in the listing or in the guide template. Turn off the both display options.
  19. In the introduction to this tutorial we have mentioned that we will limit categories to a two-tier hierarchy. This will keep the page navigation smart and user-friendly. For testing purposes you should now create some categories. In AdminCP go to Pages -> Documentation -> Categoriesand create some main categories or subcategories. An example I will work is shown below: You can either delete and rename the default category Records, which was automatically created with the database. Just edit it. Create at least one additional main category (in my example Development) In the list of categories click on the plus symbol to create subcategories. Do not create categories in the third level, they are not handled in this tutorial. Create records Additionally, some sample records (guides) have to be created in each subcategory. Go to the database in the frontend, select a category (we assume that guides are stored in the subcategories only!) and create some guides with Lorem Ipsum content. If you do not create any guides, you will not be able to test templates, that we create for this database later on.
  20. In this tutorial we build a documentation section à la IPS help guides. We will not build the documentation exactly the same, however you can customize, extend or adapt it to your needs at any time once you have understood the basic structure. The database for the documentation uses the categories to divide it into the larger sections. A kind of chapter. In each chapter (category) there are several pages that are subordinated to the category. In the original IPS documentation, categories have a three-level hierarchy. I find it overloaded, confusing and difficult to navigate. Therefore, we will limit the guide to two-level categories in this tutorial. Who is this tutorial for? You need to understand HTML, JavaScript and some PHP to make it with ease. The database itself is very simple. The most interesting part is the menu on the left side (a block). And a page template with the sidebar is on the left side (opposed to the default look of most communities, where the sidebar is on the right). We will not change the community in general, only for the documentation, so that the rest of the community pages will still have the sidebar on the right. Attention! The interaction in the left menu with expanding and collapsing categories or marking the current pages works ONLY if you have set up and use friendly URLs to your community.
  21. Invision Community has a basic internal advertising feature that will help you place ads in default locations with no programming knowledge. The best way to start with ads is to try out some default ad locations visible to admins only. This way you can see how and where you place the ads. You can also test if the location is annoying or the size of the banner is not appropriate. Let's start. Default ad locations in IPS In your AdminCP go to System -> Site Promotion -> Advertisements and click on Create New. You get the screen where to create new advert. Scroll down to the selection Show the advertisement. Ad locations in Invision Community These are default locations. Sometimes you can see more locations if you have installed third-party applications. Or the list is shorter if you do not use all IPS applications. You need to create sample image banner ad for each location to test it. But what banner sizes will fit? There are some common web banner sizes. I strongly recommend using only banner sizes that are suggested by Interactive Advertising Bureau (IAB) in their guidelines. Direct advertisers have normally banners of this size and thus do not need to create something special for your community. Also, Google supports those sizes, so you can easily test AdSense banners or use AdManager in the same locations. Download this banner set to try out different banner sizes in different locations on different devices: banner-examples.zip How to add a new banner We will start by creating a new ad in the location Just above the page header and use the Super Leaderboard 970x90px. Create new advertisement in IPS In the example, we use location name as title. Tick Upload images to get the upload field displayed. Use Open link in a new window? for external URLs and do not use it to promote a page/content within your own community. Upload an image. Choose the location Just below the page header. In the field Shows to deselect all groups except Administrators. This way you can safely test the advertisements even on your live installation. Nobody would see the ads except you. Then save the ad and visit your community to see where and where the ad is placed. Smaller versions for mobile The ad images are resized automatically in IPS (as every image) because of responsive design in IPS themes. However, ad size of 970x90 can be too small to read if resized. In this case, you can upload smaller images of the ads. "Smaller" also means "another format" in this case. For example, you can upload 728x90 for the tablets and 300x250 for the mobile. Tick the option Upload smaller versions? and upload another ad formats. Then test your results on different devices. Suggestions for ad locations We combine the common web banner sizes and default theme of Invision Community to figure out what location is most suitable for what banner sizes. Examples of ad locations in Invision Community Just below the page header The ad is placed below the main navigation. The best sizes are: Desktop (Large): 970x90 or 970x250 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 This location is the best choice for the guests of your communities. Registered users will overlook it and most likely be annoyed by it. Just above the page footer The ad is placed just above the footer links. It stretches over the entire width of the site. The best sizes for this location are: Desktop (Large): 970x90 or 970x250 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 This location is suitable for registered users. They often scroll to the end of the page where the banner draws their attention. Do not underestimate this location, even if it seems to be "invisible". It can be a booster. In the site sidebar The ad is placed in the sidebar on the desktop above all blocks you may have. Viewing the page on smaller devices like tablets or phones will replace the sidebar below the content if you use default IPS theme with default settings. You can customize this sidebar in the theme settings. In your AdminCP go to Customization -> Appearance -> Theme. Click on Edit (pencil) for the theme you use and click on the tab Custom. You can change position of the sidebar from Right to the Left here. Then the content of the sidebar (including) ad will be displayed above the main content on smaller devices. So I strongly recommend it to suppress the sidebar in this case by disabling the feature Show sidebar on mobile. The best sizes for this location are: Desktop (Large): 300x250 or 300x600 or 300x1050 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 Using large banners like 300x600 or even 300x1050 can be very attractive for the advertisers. It depends on your community though if you have enough desktop traffic. If most of your users use mobile devices, they will not see this format. You will find another setting for this ad location in Advertisement settings. In your AdminCP go to System -> Site Promotion -> Advertisements. On the top of the list of advertisements you click the button Advertisement Settings. Advertisement rotation (circulation) controls what ad should be shown if more than one ad is enabled in the same ad location. And the setting Force sidebar to display controls if the sidebar should be shown even if there are no block content blocks but only ads. This last setting is a good idea to enable for those who do not use sidebar at all. In this case, you can sell Portrait banner (300x1050) to fill out the entire sidebar. Try it out. Fluid view topic listing, between topic rows This ad location adds a banner after the first row in fluid view topic listing in your forum. This view is deactivated by default. To enable it in your AdminCP go to Communities -> Forums -> Settings. You see three different options for Default forum view. You can change the view here and/or allow Members can choose?. Fluid must be selected to test ads in this ad location. When you select this ad location in the ad settings, you will see two additional setting fields. Show this advert after every X topic rows and Repeated 0 times. By default, the banner is shown after the first topic in fluid view. You can change this behaviour here and enter the number of topic row where the banner should appear. The second setting controls whether you would like to repeat the banner in the list. The best sizes for this location are: Desktop (Large): 970x90 or 970x250 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 Use this placement with caution, it can annoy your users. I do not recommend using it together with ad location Just below the page header as it can be a little overhead. It is up to you to find the best balance between usability and monetizing. After the first post in each topic This ad locations displays a banner after the first post in each topic. The best sizes for this location are: Desktop (Large): 970x90 or 970x250 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 As above, this placement can be very annoying, especially for the registered users. Consider displaying the ad to the guests only. After the first topic in each forum This ad locations displays a banner after the first topic in each forum. The best sizes for this location are: Desktop (Large): 970x90 or 970x250 Tablet (Medium): 728x90 Mobile/Phone (Small): 300x50 or 300x250 As above, this placement can be very annoying, especially for the registered users. Consider displaying the ad to the guests only. In the Gallery image lightbox This ad location allows to display ad just before the comments to the image in IPS Gallery. You see this location only if you purchased Gallery app from IPS. The Lightbox is not used on mobile, so that the ad is displayed just below the image on the smaller device. The best sizes for this location are: Desktop (Large): 300x250 Tablet (Medium): 300x50 or 300x250 Mobile/Phone (Small): 300x50 or 300x250 This location can work if you have large galleries with a lot of impressions. There is no default solution on what sizes should be used in each ad location. It depends on banner content and ad location, not only on device. Make experiments to find the best solution for your community, your advertisers, your money and usability. The next step would be to set up selling depending on IPS applications you have.
  22. Are you looking for the place to talk about IPS and Invision Community? Here we are. 😄
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Further information can be found in our Privacy Policy.