====== Check List for Adding Virtual Host ====== From: * Add database * Add dns entry to registrar nameserver * Add dns name to hosts * Add files * Add Apache2 virtualhost configuration /etc/apache/sitesavailable * Add service to Apache2 * Start service ====== Apache Main Conf ====== ServerAdmin you@example.com # ServerName gives the name and port that the server uses to identify itself. ServerName 0bf0b12d169b # Virtual hosts #Include conf/extra/httpd-vhosts.conf ====== Sample Virtual Hosts ====== # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName localhost ServerAdmin madmin@madmin.yall DocumentRoot /var/www/html ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined ServerName drupy.madmin.yall ServerAlias *.madmin.yall ServerAdmin madmin@madmin.yall DocumentRoot /var/www/html/web/ ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined ServerName services.madmin.yall ServerAlias *.madmin.yall ServerAdmin madmin@madmin.yall DocumentRoot /usr/share/wordpress ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined Alias /blog /usr/share/wordpress Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all Options FollowSymLinks Order allow,deny Allow from all ====== Common Apache Misconfigurations ====== From: https://wiki.apache.org/httpd/CommonMisconfigurations NameVirtualHost *:80 # This is wrong. No matching NameVirtualHost some.domain.com line. # Options and stuff defined here. # This would be correct. ServerName some.domain.com # Options and stuff defined here. ====== Setup up Apache2 for multiple virtual hosts (websites) ====== From: https://httpd.apache.org/docs/trunk/vhosts/examples.html Also: https://httpd.apache.org/docs/trunk/vhosts/examples.html Remember to add or remove site with sudo a2ensite sudo a2dissite Name-based hosts on more than one IP address. Note Any of the techniques discussed here can be extended to any number of IP addresses. The server has two IP addresses. On one (172.20.30.40), we will serve the "main" server, server.example.com and on the other (172.20.30.50), we will serve two or more virtual hosts. Listen 80 # This is the "main" server running on 172.20.30.40 ServerName server.example.com DocumentRoot "/www/mainserver" DocumentRoot "/www/example1" ServerName www.example.com # Other directives here ... DocumentRoot "/www/example2" ServerName www.example.org # Other directives here ... Any request to an address other than 172.20.30.50 will be served from the main server. A request to 172.20.30.50 with an unknown hostname, or no Host: header, will be served from www.example.com. ====== correct file permissions for wordpress ====== From: https://stackoverflow.com/questions/18352682/correct-file-permissions-for-wordpress When you setup WP you (the webserver) may need write access to the files. So the access rights may need to be loose. chown www-data:www-data -R * # Let Apache be owner find . -type d -exec chmod 755 {} \; # Change directory permissions rwxr-xr-x find . -type f -exec chmod 644 {} \; # Change file permissions rw-r--r-- After the setup you should tighten the access rights, according to Hardening WordPress all files except for wp-content should be writable by your user account only. wp-content must be writable by www-data too. (sudo chown www-data:www-data -R /usr/share/wordpress) chown : -R * # Let your useraccount be owner chown www-data:www-data wp-content # Let apache be owner of wp-content ====== Wordpress Changing_The_Site_URL note addition of Port to site url ====== From: http://codex.wordpress.org/Changing_The_Site_URL Thsi re-writes the url that is sent to wordpress. must send back a compatible url for source of browser request ====== Setup Virtual hosts Ubuntu LAMP Wordpress ====== From: https://help.ubuntu.com/14.04/serverguide/serverguide.pdf htaccess: https://www.askapache.com/htaccess/#Htaccess_Evolved VirtualHosts: https://httpd.apache.org/docs/trunk/vhosts/examples.html ApacheCoreFeatures: https://httpd.apache.org/docs/2.4/mod/core.html#serveralias For configuring your first WordPress application, configure an apache site. Open /etc/apache2/sites-available/wordpress.conf and write the following lines: Alias /blog /usr/share/wordpress Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all Options FollowSymLinks Order allow,deny Allow from all Enable this new WordPress site sudo a2ensite wordpress etc/wordpress/ config-10.211.55.50.php, /etc/wordpress/config-hostalias1.php, etc. These instructions assume you can access Apache via the localhost hostname (perhaps by using an ssh tunnel) if not, replace /etc/wordpress/config- localhost.php with /etc/wordpress/config-NAME_OF_YOUR_VIRTUAL_HOST.php Setup Database for each instance For remote accress had to run on Separate port (3221) # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName services.domain.com ServerAlias *.domain.com ServerAdmin bob@youruncle DocumentRoot /usr/share/wordpress # Available loglevels: trace8, ..., trace1, debug, info, notice, warn, # error, crit, alert, emerg. # It is also possible to configure the loglevel for particular # modules, e.g. #LogLevel info ssl:warn ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined # For most configuration files from conf-available/, which are # enabled or disabled at a global level, it is possible to # include a line for only one particular virtual host. For example the # following line enables the CGI configuration for this host only # after it has been globally disabled with "a2disconf". #Include conf-available/serve-cgi-bin.conf Alias /blog /usr/share/wordpress Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all Options FollowSymLinks Order allow,deny Allow from all BindPorts: https://httpd.apache.org/docs/2.4/bind.html example change /etc/apache2/ports.conf # If you just change the port or add more ports here, you will likely also # have to change the VirtualHost statement in # /etc/apache2/sites-enabled/000-default.conf Listen 3321 TCP Listen 80 Listen 443 Listen 443 # vim: syntax=apache ts=4 sw=4 sts=4 sr noet # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName localhost ServerAdmin mzztop@zzgxg.ubow DocumentRoot /var/www/html # Available loglevels: trace8, ..., trace1, debug, info, notice, warn, # error, crit, alert, emerg. # It is also possible to configure the loglevel for particular # modules, e.g. #LogLevel info ssl:warn ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined ServerName drupal.zzgxg.ubow ServerAlias *.zzgxg.ubow ServerAdmin mzztop@zzgxg.ubow DocumentRoot /var/www/html/web/ ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined # Wordpress Site ServerName services.zzgxg.ubow ServerAlias *.zzgxg.ubow ServerAdmin mzztop@zzgxg.ubow DocumentRoot /usr/share/wordpress ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined Alias /blog /usr/share/wordpress Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all Options FollowSymLinks Order allow,deny Allow from all ====== PHP Information Page ====== From: https://mediatemple.net/community/products/dv/204643880/how-can-i-create-a-phpinfo.php-page Also: http://php.net/manual/en/function.phpinfo.php PHP information test page ====== Sample Websites ====== From: http://leggettwiregroup.com/ From: https://www.stagedoortransportation.com/ ====== Beautify CSS ====== From: http://www.cleancss.com/ Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes. ====== Header Samples ====== ====== H1-steps-to-take-when-you-discover-malware ====== From: http://www.makeuseof.com/tag/10-steps-to-take-when-you-discover-malware-on-your-computer/ From: http://support.mozilla.org/en-US/questions/955005 ===== H2-steps-to-take-when-you-discover-malware ===== From: http://www.makeuseof.com/tag/10-steps-to-take-when-you-discover-malware-on-your-computer/ From: http://support.mozilla.org/en-US/questions/955005 ==== H3-steps-to-take-when-you-discover-malware ==== From: http://www.makeuseof.com/tag/10-steps-to-take-when-you-discover-malware-on-your-computer/ From: http://support.mozilla.org/en-US/questions/955005 === H4-steps-to-take-when-you-discover-malware === From: http://www.makeuseof.com/tag/10-steps-to-take-when-you-discover-malware-on-your-computer/ From: http://support.mozilla.org/en-US/questions/955005 == H5-steps-to-take-when-you-discover-malware == From: http://www.makeuseof.com/tag/10-steps-to-take-when-you-discover-malware-on-your-computer/ From: http://support.mozilla.org/en-US/questions/955005 ====== Using a pre-existing subdirectory install ====== From: http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory If you already have WordPress installed in its own folder (e.g., http://example.com/wordpress), then the steps are as follows: Go to the General panel. In the box for Site address (URL): change the address to the root directory's URL. Example: http://example.com Click Save Changes. Copy (NOT MOVE!) the index.php and .htaccess files from the WordPress (wordpress in our example) directory into the root directory. If you are not using pretty permalinks, then you may not have a .htaccess file. If you are running WordPress on a Windows (IIS) server and are using pretty permalinks, you'll have a web.config rather than a .htaccess file in your WordPress directory. Edit your root directory's index.php. Open your root directory's index.php file in a text editor Change the line that says: require( dirname( __FILE__ ) . '/wp-blog-header.php' ); to the following, using your directory name for the WordPress core files: require( dirname( __FILE__ ) . '/wordpress/wp-blog-header.php' ); Save the file. Login to your site. The URL should still be http://example.com/wordpress/wp-admin/ If you have set up Permalinks, go to the Permalinks panel and update your Permalink structure. WordPress will automatically update your .htaccess file if it has the appropriate file permissions. If WordPress can't write to your .htaccess file, it will display the new rewrite rules to you, which you should manually copy into your .htaccess file (in the same directory as the main index.php file.) ====== Moving WordPress ====== From: https://codex.wordpress.org/Moving_WordPress ====== Wordpress Theme enfold ====== From: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 Tutorial: https://ferdykorpershoek.com/how-to-create-a-website-enfold-2017/ ====== Wordpress Theme TwentyThirteen Automatic Resizing of Header for Phone ====== From: https://wordpress.org/support/topic/twenty-thirteen-making-header-image-scalable Yes, I am using a child theme for my custom CSS and php templates. The site is in beta; just getting started: http://drkidbrain.com/ rchasin From: http://drkidbrain.com/ ====== How to Find Out What Theme And Plugins a WordPress Site Is Using ====== From: https://codeable.io/find-out-what-theme-plugins-wordpress/ Also: http://whattheme.com/ Also: https://theseotools.net/wp-theme-detector Visit the desired website with your browser Right-click anywhere on the page and select "Inspect" to get the specific source code of that page Look for the CSS file, usually called style.css and normally located in /wp-content/themes folder. To do it easily: just click cmd + F on Mac or ctrl+F on Windows and type "style.css" Double click and copy the whole link in which the style.css is located in a new tab/window on your browser (see the image above) You should now be on the style file with the name of WordPress theme right at the top, like this: ====== Wordpress - 3.8.1 missing Editor under Appearance (9 posts) ====== From: https://wordpress.org/support/topic/381-missing-editor-under-appearance My fix: I had installed Sucuri Security plugin. Under their “Hardening” :-————- Plugin & Theme editor Occasionally you may wish to disable the plugin or theme editor to prevent overzealous users from being able to edit sensitive files and potentially crash the site. Disabling these also provides an additional layer of security if a hacker gains access to a well-privileged user account. ————- If you select “harden” this will disable “Editor” in Appearance. I reverted it and got my Editor back!!! You might have another security plugin installed which is doing the same thing. There was code "define( 'DISALLOW_FILE_EDIT', false );" defined on Wp-config.php which led me to Sucuri plugin. You could just remove that code. bonnar - Member - Posted Wp-config.php in root folder ====== Absolute Center ====== From: http://codepen.io/shshaw/pen/gEiDt .Center-Container { position: relative; } .Absolute-Center { width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } ====== Instant Eyedropper - pick color from screen ====== color picker From: http://instant-eyedropper.com/ Identification the color code of an object on the screen is usually an involved, multistep process: You press the Print Screen key to copy a screenshot to the clipboard, load a graphics-editing program, create a new file, paste the screenshot from the clipboard, zoom in on the object, use the "Pick Color" tool, and finally copy the HTML code of the color to the clipboard. Webmasters may repeat this operation many times a day. Just imagine how much time can be saved by using Instant Eyedropper to do the same thing With a Single Click! ====== ColorPic ====== From: http://www.iconico.com/colorpic/ Ever tried using a color picker on a high resolution monitor? It's impossible. That's why this color picker has a magnifier attached. Grab palettes of up to 16 colors at once and use four advanced color mixers to select a spectrum of possibilities. ====== Wordpress Form Builder ====== === gravity forms === From: http://www.gravityforms.com/?rel=google&gclid=COnAjKSPtcECFaIF7AodlC4AmA Quickly build and design your WordPress forms using the form editor. Select your fields, configure your options, and easily embed forms on your WordPress powered site using the built in tools. === Contact From 7 === From: https://wordpress.org/plugins/contact-form-7/ Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. === Visual Form Builder === From: https://wordpress.org/plugins/visual-form-builder/ Visual Form Builder is a plugin that allows you to build and manage all kinds of forms for your website in a single place. Building a fully functional contact form takes only a few minutes and you don't have to write one bit of PHP, CSS, or HTML! === Form Maker === From: https://wordpress.org/plugins/form-maker/ The Form Maker is one of the best responsive form builders in WordPress Plugin Directory. WordPress Form Builder allows you to set all the parameters such as colors, fonts and dimensions to best fit all form standards. If you want to make minimalistic forms, you can build forms with pre-filled texts, avoiding long form field labels. ====== Picture slide show for home page of website ====== nivo slider From: http://webdesignrecipes.com/sample/jquery-bx-slider-plugin/ interesting display of bx-slider three wide sliding pictures From: http://bxslider.com/ Free slider From: http://www.jqueryscript.net/slider/nivo-slider.html Nivo Slider is considered as a most popular jQuery slider plugin in the world. It is beautiful and very easy to use, more over, it is full free! Nivo Slider includes 16 Beautiful Transition Effects that makes displaying your gallery of images a beautiful experience as well as designed to be as simple to setup and use. From: http://www.jqueryscript.net/slider/Animated-Image-Slider-Plugin-iView.html iView is a beautiful and easy-to-use jQuery Image Slider Plugin with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. ====== Website Wordpress Total Slider ====== http://peter.upfold.org.uk/ Total Slider is a plugin for WordPress from Van Patten Media that will transform your experience with sliders forever. Build your own templates in PHP and CSS, then preview the output in a beautiful WYSIWYG interface designed to blend seamlessly with the WordPress core. ====== How to Display a Random Image ====== From: http://www.mediacollege.com/internet/javascript/image/random.html ====== HTTP Proxy Capture ====== From: http://fiddler2.com/ The free web debugging proxy for any browser, system or platform ====== Wordpress Shopping Cart Pluggins ====== https://shopplugin.net/ Shopp is built to belong in WordPress: seamless administration tools, widgets, shortcodes, custom menus, post types and taxonomy support – take your pick. Shopp is the WordPress e-commerce plugin that sets the bar for a natural WordPress experience. http://wp-events-plugin.com/features The most popular Events Management plugin for WordPress Quickly and easily create events, accept bookings, and manage attendees with one plugin A free and regularly maintained plugin with a Pro add-on for additional support and features http://wordpress.org/support/plugin/events-manager ====== Flash Effect Generator ====== http://alternativeto.net/software/free-flash-effect-generator/ http://alternativeto.net/software/-flashdevelop/ http://www.flashdevelop.org/ FlashDevelop offers first class support for ActionScript (2 & 3) and HaXe development. Great completion & code generation, projects compilation & debugging, plenty of project templates, ====== Capture Webpage ====== http://www.httrack.com/ It allows you to download a World Wide Web site from the Internet to a local directory, building recursively all directories, getting HTML, images, and other files from the server to your computer. HTTrack arranges the original site's relative link-structure. Simply open a page of the "mirrored" website in your browser, and you can browse the site from link to link, as if you were viewing it online. HTTrack can also update an existing mirrored site, and resume interrupted downloads. ====== Wordpress Themes ====== From: http://wpthemes.co.nz/ WP Themes is a specialist WordPress design shop. We are based in Auckland, New Zealand ====== website building ====== From: http://wikis.healthwealthandmusic.co.uk/worldwideweb.html everything to do with web site editing and the world wide web ====== how-to-move-a-wordpress-site ====== http://www.semiologic.com/resources/wp-basics/how-to-move-a-wordpress-site/ ====== IntraLaunch ====== http://www.particlesoftware.com/en/ IntraLaunch is an ActiveX control for Internet Explorer & Netscape. It's primarily designed for corporate Intranets with Windows based workstations that need to use a web browser to present menus to their end users or employees. It allows web page links to execute anything from applications to associations such as Word or Acrobat PDF documents both locally and across a network without prompts or security warnings. ====== www.tomschaefer.org Web Tools ====== http://www.tomschaefer.org/web/wordpress/?p=428 ====== Button Gadget ====== http://www.altuit.com/webs/hemingway/AltuitCover/default.htm About Altuit Altuit. New breed design. Next step technology. Located in the outskirts of Austin, Texas, Altuit, Inc. conjures internet software magic through the disciplines of design, extreme programming, rapid product development and proven entrepreneurial skills. Bootstrapped in 2001 by seasoned entrepreneurs with over 25 combined years of experience in software and interactive media devekopment, Altuit's flagship contact management software is currently shipping with over 400 satisfied customers and 5000+ operating webs deployed. ====== CSS Color Names ====== http://www.crockford.com/wrrrld/color.html ====== Webpage example ====== http://perldoc.perl.org/perldebug.html http://www.gimp.org/tutorials/Perl-Debugged/ ====== Artistic-Software ====== http://linux.softpedia.com/get/Artistic-Software/ ====== wordpress-vs-joomla-vs-drupal ====== http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html n Conclusion There is not just one system available for us to build our websites with, and so we should never limit ourselves to just one either. With so many different uses and ideas and opportunities that can be found in each, why should we anyone try so hard to make those CMS's that they dislike seem worst than their own. I remember at an event two years ago that both a Joomla and Drupal team went to, and the members of the teams actually swapped shirts - with the Drupal team wearing Joomla shirts and vice-versa. I believe that it's time for us to start looking forward to a new future - where we use these different systems to better our own, and to continually build upon the awesome code, and knowledge, that has preceded where we are today. There will come a day when we are staring at three completely different pieces of software and trying to decide which one is the best - but in that day we will also look back to the year 2009 and remember that it was Joomla, Wordpress and Drupal that pushed us continually forward. Not just one of them, but all three - in that perfect, open-source way. What do you think? Have you found a system that is more reliable than the others? Do you stick to using all three depending on the project that needs completing? Tell us in the comments! ====== drupal-vs-joomla-frank-comparison-ibm-consultant ====== http://www.topnotchthemes.com/blog/090224/drupal-vs-joomla-frank-comparison-ibm-consultant I’l recommend use **Xcloner** from Joomlaplug — this product will work with Drupal and does backup and restore of the site and the SQL db. Summary to Date - Use Joomla if you want to get nice looking site up quickly and can deal with a slower system, rigid content categorization and limited design/configuration options. - Use Drupal if you want high performance, scalability, good content management and significant design flexibility. But, be prepared to spend a lot of time/money to get the site to look professional. ====== Bootstrap ====== From http://getbootstrap.com/ Example: https://blackrockdigital.github.io/startbootstrap-modern-business/index.html Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Also: https://www.w3schools.com/bootstrap/