Jason Jalbuena https://jasonjalbuena.com Web Developer & WordPress Specialist Sun, 01 Oct 2017 02:59:39 +0000 en-US hourly 1 78717694 Install Let’s Encrypt SSL on Free Plan of ServerPilot on a Site Already Active on Cloudflare https://jasonjalbuena.com/free-ssl-lets-encrypt-serverpilot-cloudflare/ https://jasonjalbuena.com/free-ssl-lets-encrypt-serverpilot-cloudflare/#respond Tue, 05 Sep 2017 05:03:38 +0000 https://jasonjalbuena.com/?p=903 Back when Cloudflare announced free SSL, I tried to use their flexible SSL option, which is suitable for when: You cannot configure HTTPS support on your origin, even with a certificate that is not valid for your site. Visitors will be able to access your site over HTTPS, but connections to your origin will be […]

The post Install Let’s Encrypt SSL on Free Plan of ServerPilot on a Site Already Active on Cloudflare appeared first on Jason Jalbuena.

]]>
Back when Cloudflare announced free SSL, I tried to use their flexible SSL option, which is suitable for when:

You cannot configure HTTPS support on your origin, even with a certificate that is not valid for your site. Visitors will be able to access your site over HTTPS, but connections to your origin will be made over HTTP.

I don’t remember the exact issues I faced, but I concluded that I wouldn’t try again until I had a proper SSL certificate installed on my server.

I’d pretty much forgotten all about getting SSL, but Google’s push for all websites to have SSL has urged me try again. A lot has changed since then, including the launch of Let’s Encrypt and my now using Serverpilot.

I manage a couple of websites using the free plan of Serverpilot, which doesn’t provide a way to automatically configure SSL certificates on your servers. So, here’s how I managed to install Let’s Encrypt SSL certificates on my servers on the free Serverpilot plan on sites already active on Cloudflare.

But first, a brief introduction to those services in case you don’t know what they are:

Let’s Encrypt – provides free, automated SSL certificates.

Serverpilot – is a secure control panel optimized for hosting WordPress and PHP websites on cloud servers.

Cloudflare – is a CDN & security provider that protects and accelerates any website online.

All of these services have tiers that are free and paid.

Ok, let’s start:

For your own purposes, please change the following when applicable:
appname to your own Serverpilot app’s name
user@domain.com to your email address
example.com to your domain name

1. Sign in as root using SSH:

ssh root@yourserverip

2. Download the Let’s Encrypt client from its GitHub repository:

git clone https://github.com/letsencrypt/letsencrypt

3. Enter the newly downloaded directory:

cd letsencrypt

4. Execute the downloaded client and set a couple of flags:
To add additional domains/subdomains, add an additional -d www.example.com

./letsencrypt-auto certonly --webroot --webroot-path /srv/users/serverpilot/apps/appname/public --renew-by-default --email user@domain.com --text --agree-tos -d example.com

Ok, you should have your SSL certificates ready to use. You should’ve received an onscreen confirmation message like so:

Congratulations! Your certificate and chain have been saved at:
/etc/letsencrypt/live/appname/fullchain.pem
Your key file has been saved at:
/etc/letsencrypt/live/appname/privkey.pem
Your cert will expire on YYYY-MM-DD. To obtain a new or tweaked
version of this certificate in the future, simply run
letsencrypt-auto again. To non-interactively renew *all* of your
certificates, run “letsencrypt-auto renew”

Now, we need to configure the server to use the SSL certificates:

5. Go to the nginx configuration directory:

cd /etc/nginx-sp/vhosts.d

6. Create/edit a new configuration to use:

sudo nano appname.ssl.conf

7. Paste the following in:

server {
	listen 443 ssl http2;
	listen [::]:443 ssl http2;
	server_name example.com;

	ssl on;

	# letsencrypt certificates
	ssl_certificate      /etc/letsencrypt/live/appname/fullchain.pem;
	ssl_certificate_key  /etc/letsencrypt/live/appname/privkey.pem;

        #SSL Optimization
	ssl_session_timeout 1d;
	ssl_session_cache shared:SSL:20m;
	ssl_session_tickets off;

        # modern configuration
	ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

        ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!3DES:!MD5:!PSK'; 

        # OCSP stapling 
        ssl_stapling on; 
        ssl_stapling_verify on; 

        # verify chain of trust of OCSP response 
        ssl_trusted_certificate /etc/letsencrypt/live/appname/chain.pem;

        #root directory and logfiles 
        root /srv/users/serverpilot/apps/appname/public; 

        #index files
        index index.php index.html index.htm;

        access_log /srv/users/serverpilot/log/appname/appname_nginx.access.log main; 
        error_log /srv/users/serverpilot/log/appname/appname_nginx.error.log; 

        #proxyset 
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-SSL on; 
        proxy_set_header X-Forwarded-Proto $scheme; 

        #includes 
        include /etc/nginx-sp/vhosts.d/appname.d/*.nonssl_conf; 
        include /etc/nginx-sp/vhosts.d/appname.d/*.conf; 
}

Note:
A) This configuration is copied from https://bjoernfranzen.com/how-to-set-up-a-letsencrypt-ssl-certificate-for-your-wordpress-website-on-a-digital-ocean-server-managed-with-a-serverpilot-free-account/, an excellent write-up and a worthwhile read.
B) I added the #index files section as my server was causing index files to save on my browser’s downloads folder and was not simply opening them in the browser.
C) to add additional domains/subdomains, simply list them on the server_name line, like so: server_name example.com www.example.com;

8. Restart nginx

service nginx-sp restart

On the cloudflare side, be sure to switch SSL on via the Crypto tab, like so:

And that’s it! Go to the https:// version of your website to test. If you’re using WordPress, the Really Simple SSL pluginis an excellent plugin to use to rewrite all your URLs and generally use SSL on your website.

Renewing all your certificates is as easy as SSH’ing as root again and using:

cd letsencrypt
./letsencrypt-auto renew

The post Install Let’s Encrypt SSL on Free Plan of ServerPilot on a Site Already Active on Cloudflare appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/free-ssl-lets-encrypt-serverpilot-cloudflare/feed/ 0 903
WordPress Plugin: Simple Bulk Episodes https://jasonjalbuena.com/simple-bulk-episodes/ https://jasonjalbuena.com/simple-bulk-episodes/#respond Sat, 23 Apr 2016 16:57:12 +0000 http://jasonjalbuena.com/?p=864 Simple Bulk Episodes provides a simple way to add a bulk of episodes for use by the Seriously Simple Podcasting plugin. Seriously Simple Podcasting (SSP) is an awesome podcasting plugin that provides everything you’d need to publish a podcast. I’ve been using it extensively and it is truly simple and very straight-forward to use. What […]

The post WordPress Plugin: Simple Bulk Episodes appeared first on Jason Jalbuena.

]]>
Simple Bulk Episodes provides a simple way to add a bulk of episodes for use by the Seriously Simple Podcasting plugin.

Seriously Simple Podcasting (SSP) is an awesome podcasting plugin that provides everything you’d need to publish a podcast. I’ve been using it extensively and it is truly simple and very straight-forward to use.

What problem does this plugin address?

The only issue I had was that adding multiple podcast episodes at a time is a time-consuming and laborsome process. This isn’t really an issue with SSP as it uses the standard WordPress admin. This also may not be an issue for most podcasters as they probably record and publish no more than one episode per day at a time. As for myself, I upload and publish/schedule a months’ worth of daily episodes at a time. The actual process for me to add episodes with SSP is:

  1. click add new episode from within the WordPress admin
  2. Wait for the add episode page to load
  3. Copy episode title from spreadsheet
  4. Paste it to WordPress
  5. Open a Word/text document with the post content of the episode
  6. Copy content from the document
  7. Paste it to WordPress
  8. Copy URL of MP3 file
  9. Paste it to WordPress
  10. Enter length of episode (my episodes are uploaded outside the WP install and thus SSP is unable to auto-detect this)
  11. Edit the publish date-time to a specified date using the admin UI
  12. Schedule (publish in the future) the episode
  13. Wait for the page to process your episode and reload
  14. Repeat everything above for every episode needed for the month (20-22 times for a weekday only podcast)

Simple Bulk Episodes aims to speed up that process!

It’s as simple as entering all your relevant podcast episode information to a spreadsheet, copying the info and pasting it into the plugin’s Bulk Episodes page in the WordPress Admin.

For my process, I already receive a spreadsheet with the month’s worth of episodes that includes episode info such as the title, publish date, and MP3 Url. I need to add the episode length and copy / paste episode text content (html formatted, in one line – no spaces). Once all the podcast episode information is ready on the spreadsheet, adding all the episodes thru the plugin’s admin page is as simple as:

1. Copy all data from the spreadsheet and paste it to the plugins text field. Click on Continue

2. The next screen that loads is the verification screen. If all the data is displayed properly, click on Verify and Submit near the page bottom to submit the data and add all episodes to WordPress/Seriously Simple Podcasting. If data isn’t correct, click on start over near the top so you can repaste your spreadsheet data – this essentially takes you back to step 1.

 

 

 

3. If everything was good to go on step 2 and you clicked on Verify and Submit on step 2, you are taken to the confirmation screen. Done!! This screen gives you a listing of all the episodes added as well the links to edit and view each one of them.

How to get it

You can install the plugin thru the WordPress Plugins -> Add New page and searching for Simple Bulk Episodes or download it at the WordPress.org repository here: Simple Bulk Episodes.

You can contribute to or fork the plugin thru its project page on GitHub: Simple Bulk Episodes.

The post WordPress Plugin: Simple Bulk Episodes appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/simple-bulk-episodes/feed/ 0 864
Google search operator bookmarklets https://jasonjalbuena.com/google-search-bookmarklets/ https://jasonjalbuena.com/google-search-bookmarklets/#respond Thu, 07 Jan 2016 18:56:54 +0000 http://jasonjalbuena.com/?p=860 Bookmarklets have been around for a looong time and I’ve used more than a few over the years, however am a newcomer when it comes around to making my own. What’s a bookmarklet you ask? Simply, it’s a browser “bookmark” that extends the use of your browser. More technically, when a bookmarklet is clicked on […]

The post Google search operator bookmarklets appeared first on Jason Jalbuena.

]]>
Bookmarklets have been around for a looong time and I’ve used more than a few over the years, however am a newcomer when it comes around to making my own.

What’s a bookmarklet you ask? Simply, it’s a browser “bookmark” that extends the use of your browser. More technically, when a bookmarklet is clicked on it runs javascript on the browser – which could be programmed to do a huge variety of different things.

With that in mind, I decided to make a few of my own to simplify a couple of SEO research related tasks that I do from time to time.

To make these bookmarklets your own, drag the corresponding bookmarklet icon from below to your browsers bookmark area. If that doesn’t work on your browser, check out this guide from marklets.com. I’ve tested these on the following browsers: Chrome 46, Firefox , IE , and Safari.

Link:

Link bookmarklet

when clicked on this bookmarklet will search Google for the current displayed URL using the link: search operator. In effect, it will return pages that link to the URL you are on when clicked.

Site:

Site bookmarklet

when clicked on this bookmarklet will search Google for all URLs found in Google’s index for the current website. It uses the site: search operator and works best when used on a website’s home page.

Related:

Related bookmarklet

When used this bookmarklet will return a google search page showing other URLs that Google thinks is related to the current URL. This uses the related: search operator.

Info:

Info bookmarklet

This bookmarklet when clicked will return information regarding the currently displayed URL. It basically provides links to other URL related search results for the current URL. This uses the info: search operator.

For a full list of Google’s “official” search operators click here.

The post Google search operator bookmarklets appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/google-search-bookmarklets/feed/ 0 860
Summit Sounds Studio https://jasonjalbuena.com/summit-sounds-studio/ https://jasonjalbuena.com/summit-sounds-studio/#respond Thu, 24 Dec 2015 03:33:39 +0000 http://jasonjalbuena.com/?p=857 Summit Sounds Studio is the recording studio of Summit International School of Ministry. It is used to teach their students about music technology and for rent for sessions or recording projects. Summit needed a new website to showcase their studio and contracted my great designer friends Hybrid Studios for the overall visual design and I […]

The post Summit Sounds Studio appeared first on Jason Jalbuena.

]]>
Summit Sounds Studio is the recording studio of Summit International School of Ministry. It is used to teach their students about music technology and for rent for sessions or recording projects.

Summit needed a new website to showcase their studio and contracted my great designer friends Hybrid Studios for the overall visual design and I took care of turning their design, a custom implementation of a premium WordPress theme, into the final website.

Project Highlights

Server setup and WordPress installation

A new installation of WordPress was needed for this project. Summit’s existing web server was prepped for this new website and WordPress, the theme, and required plugins were installed.

Photoshop PSD of customized WordPress theme to working website

Hybrid provided me with PSDs of their design and the theme with which to do the work with. Some WordPress themes are very intuitive and straight-forward to install, properly set-up, and customize. Other themes, including this one, was not. It had way too many confusing options, used language and grammar that was not user-friendly for most users, and required a number of plugins installed and used in a particular way. I was able to properly set-up and customize the website to their specifications.

The post Summit Sounds Studio appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/summit-sounds-studio/feed/ 0 857
Disable WordPress update notifications and nags, properly https://jasonjalbuena.com/disable-wordpress-update-notifications/ https://jasonjalbuena.com/disable-wordpress-update-notifications/#comments Wed, 12 Aug 2015 15:09:57 +0000 http://jasonjalbuena.com/?p=852 So, I needed to disable all upgrade notifications and nags in a WordPress install. Searching the web yielded many results, most of which work and are pretty similar. What doesn’t work Some of what I found included code to remove wp_version_check and pre_option_update_core, like: add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 ); […]

The post Disable WordPress update notifications and nags, properly appeared first on Jason Jalbuena.

]]>
So, I needed to disable all upgrade notifications and nags in a WordPress install. Searching the web yielded many results, most of which work and are pretty similar.

What doesn’t work

Some of what I found included code to remove wp_version_check and pre_option_update_core, like:

add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );

and

add_filter('pre_option_update_core', create_function( '$a', "return null;" ));

…but neither alone nor together work to remove WordPress Update notifications.

What Works

A lot of what I found look something like this:

function remove_core_updates () {
     global $wp_version;
     return(object) array(
          'last_checked'=> time(),
          'version_checked'=> $wp_version
     );
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

This works well to remove all WordPress update notifications.

Since there is more than one way to achieve the same goal, other code samples would attempt to remove core (not theme or plugin) update notifications by using variations on pre_site_transient_update_core, such as:

add_filter( 'pre_site_transient_update_core', create_function( '$a', "return null;" ) );

or

add_filter('pre_site_transient_update_core','__return_null');

They all work to remove update notifications. There are also plugins available to achieve the same goal, but they contain the same code.

The problem with what works

Now, the code above works, but there is a problem. In an environment where debugging is turned on (such as on a local testing environment or server), the code produces a bunch of error notices in the Updates page, like so:

disable wp update notifications error notices

I aim to ship error-free code, so seeing any number of error notices is unacceptable.

The fix is to set an empty array to the updates property of the object returned by the filter to pre_site_transient_update_core, like so:

'updates' => array()

So all the code you would need to properly remove all update notifications from a WordPress install is:

function remove_core_updates () {
     global $wp_version;
     return(object) array(
          'last_checked'=> time(),
          'version_checked'=> $wp_version,
          'updates' => array()
     );
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

And it results in a clean, error-free Updates page.

disable-wp-update-notifications-no-errors

Notes:
1. The code should go into your theme’s functions.php file or in a plugin.

2. It is a good idea to wrap everything in an if statement, that way you could disable the notifications for certain users, environments, or whatever criteria you may have. In my case, notifications are disabled in the live/production environment but is present in local testing.

The post Disable WordPress update notifications and nags, properly appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/disable-wordpress-update-notifications/feed/ 2 852
South Bronx Early College Academy Charter School https://jasonjalbuena.com/sbecacs/ https://jasonjalbuena.com/sbecacs/#respond Tue, 02 Jun 2015 01:14:13 +0000 http://jasonjalbuena.com/?p=834 The South Bronx Early College Academy Charter School is a NYSED authorized New York State charter school. They had an almost complete website, but needed help in getting the last leg of work done to get it ready for their website’s launch. They had purchased a premium WordPress theme and needed help with changes that […]

The post South Bronx Early College Academy Charter School appeared first on Jason Jalbuena.

]]>
The South Bronx Early College Academy Charter School is a NYSED authorized New York State charter school.

They had an almost complete website, but needed help in getting the last leg of work done to get it ready for their website’s launch. They had purchased a premium WordPress theme and needed help with changes that the theme’s options didn’t provide.

Project Highlights

Website design layout

sbecacs-home-oldsbecacs-home-new
SBECACS wanted to change their website’s layout changed on site-wide. They needed changes to their site’s header/navigation area and to remove their content’s “floating page” appearance. The images above compare their previous homepage (left) and the homepage after changes were complete (right).

Homepage Options Admin

SBECAC homepage adminSBECACS also asked for the ability to have a rotating banner carousel and an announcements area on their homepage. To make it easy for them to update their requested homepage features, I made a custom, easy-to-use admin page with which they could quickly add or remove announcements and add or remove rotating banners.

The post South Bronx Early College Academy Charter School appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/sbecacs/feed/ 0 834
WordPress Plugin: WP-phpMemcachedAdmin https://jasonjalbuena.com/wordpress-plugin-wp-phpmemcachedadmin/ https://jasonjalbuena.com/wordpress-plugin-wp-phpmemcachedadmin/#respond Sat, 30 May 2015 04:41:08 +0000 http://jasonjalbuena.com/?p=830 Use the excellent web-based stats viewer for memcache, phpMemcachedAdmin, within your WordPress admin. This plugin serves as a wrapper for phpMemcachedAdmin. From its homepage, phpmemcacheadmin is a: Graphic stand-alone administration for memcached to monitor and debug purpose This program allows to see in real-time (top-like) or from the start of the server, stats for get, […]

The post WordPress Plugin: WP-phpMemcachedAdmin appeared first on Jason Jalbuena.

]]>
Use the excellent web-based stats viewer for memcache, phpMemcachedAdmin, within your WordPress admin. This plugin serves as a wrapper for phpMemcachedAdmin.

From its homepage, phpmemcacheadmin is a:

Graphic stand-alone administration for memcached to monitor and debug purpose

This program allows to see in real-time (top-like) or from the start of the server, stats for get, set, delete, increment, decrement, evictions, reclaimed, cas command, as well as server stats (network, items, server version) with googlecharts and server internal configuration

WP-phpMemcachedAdmin adds phpMemcachedAdmin to the wp-admin’s Tools menu. Only logged-in WP admins, or a user with the manage_options capability, can view and use it. Attempts to directly view phpMemcachedAdmin by viewing its index.php file in a browser will fail.

The proper use of this plugin requires that memcached is installed on the server.

Download WP-phpMemcachedAdmin

The link above is a direct link to the downloadable .zip file available from its Github home WP-phpMemcachedAdmin.

Because I wanted to touch the phpMemcachedAdmin code as little as possible, I run phpMemcachedAdmin thru an iframe. For this reason, this plugin is not available in the WordPress plugin repository.

Lastly, this plugin is released under GPLv3, making it compatible with WordPress (GPLv2 or later) and phpMemcachedAdmin (Apache 2).

The post WordPress Plugin: WP-phpMemcachedAdmin appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/wordpress-plugin-wp-phpmemcachedadmin/feed/ 0 830
twelv2athlete.org https://jasonjalbuena.com/twelv2athlete/ https://jasonjalbuena.com/twelv2athlete/#respond Thu, 28 May 2015 03:59:33 +0000 http://jasonjalbuena.com/?p=814 Twelv2Athlete is a sports ministry program that focuses on the development of endurance and skill training as well as providing scholastic, social, and spiritual development through Christian mentorship. The Twelv2Athlete website was already up and running when I started working with them. They purchased a WordPress theme and had it customized for their needs. However, […]

The post twelv2athlete.org appeared first on Jason Jalbuena.

]]>
Twelv2Athlete is a sports ministry program that focuses on the development of endurance and skill training as well as providing scholastic, social, and spiritual development through Christian mentorship.

The Twelv2Athlete website was already up and running when I started working with them. They purchased a WordPress theme and had it customized for their needs. However, they had design ideas the theme just didn’t accommodate for and needed a developer to program their design ideas and make them a website reality.

Project Highlights

Finalizing Design Ideas and Work Process

Twelv2Athlete had design ideas, they aren’t web designers and thus didn’t have Photoshop mock-ups of what they wanted. What they did have was clear ideas of what changes they wanted – which was great for me because although I can do some design work, am not a designer and I do my best work with code (not Photoshop). Our work process was them saying: “we like feature A from website 1 and feature C from website 5. Will that work?” I would then make a JPG mockup or a working HTML prototype. Because they were clear with what they wanted, revisions were minimal and I would then WordPress-ize the idea. The process was repeated until the project was complete.

Homepage Redesign

122-home-old122-home-new

The homepage was the first area of focus. It required site-wide changes to their header and footer areas, adding a search box, moving some elements around like their logo and social media links, making their banners and images larger, adding a rotating text carousel, and a one line site tag-line. And making all of that responsive, so that everything looks good and is readable in any device, regardless of its screen size. As seen from the before (1st image) and after (2nd image) screenshots above, the changes did a lot to modernize their homepage and highlight their images more.

Homepage Admin Settings Page

122-home-adminAlthough they did not request an admin, they did have the need to be able to update the homepage content on their own. Rather than making the homepage admin be, to them, a complex maze of HTML and CSS – I made the admin be a one-stop admin page for changing everything on their homepage (rather than have separate options pages for every homepage feature) and made sure it is easy to use and intuitive.

Inside Pages Redesign

122-inside-page-old122-inside-page-new

The website’s internal pages also needed a design facelift. Comparing the old design (1st image) to the update (2nd image), the pages incorporated the site-wide header & footer changes and big changes to their layout, presentation of content, a friendlier & more complete sidebar navigation, and the addition of the full-width image banner on top. All the changes made are responsive, so they are usable when viewed in either a desktop computer, mobile phone, or any size of device. All the changes were made to the WordPress theme templates, so all the Twelv2Athlete team had to do was add the banner image (and optionally update their content).

The post twelv2athlete.org appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/twelv2athlete/feed/ 0 814
sistercor.com https://jasonjalbuena.com/sistercor/ Sat, 28 Feb 2015 19:06:10 +0000 http://jasonjalbuena.com/?p=736 The Sister Cor website needed an update and my great designer friends at Hybrid Studios needed some customizations made to a purchased WordPress theme. Project Highlights Server setup, theme installation and customization Besides Sistercor.com’s design update needs, it also required a new server. I found a new hosting plan for them and setup a server […]

The post sistercor.com appeared first on Jason Jalbuena.

]]>
The Sister Cor website needed an update and my great designer friends at Hybrid Studios needed some customizations made to a purchased WordPress theme.

Project Highlights

Server setup, theme installation and customization

sistercor.com blogBesides Sistercor.com’s design update needs, it also required a new server. I found a new hosting plan for them and setup a server that met their needs and budget, installed WordPress, their theme, and entered all their content – making sure each page matched the design they wanted. Also, although most WordPress themes provide ways to customize its appearance, some design customizations outside what the theme provided were also made.

Custom Portfolio Integration

sistercor portfolioThe design called for a third-party portfolio to be used instead of what the WordPress theme came with. The portfolio was integrated with a few minor design & functional tweaks to make it work seamlessly with the rest of the website.

Custom Admin Plugin

sistercor custom portfolio pluginThe custom portfolio that was integrated was not a WordPress plugin and thus did not come with a WordPress admin interface. A custom plugin was made to easily modify and edit the portfolio thru the WordPress admin area. Great care was taken to make sure that editing the portfolio was easy and simple to use.

The post sistercor.com appeared first on Jason Jalbuena.

]]>
736
SummitPA.org https://jasonjalbuena.com/summitpa/ https://jasonjalbuena.com/summitpa/#respond Sat, 28 Feb 2015 04:35:23 +0000 http://jasonjalbuena.com/?p=804 Mount Zion International School of Ministry went thru major changes and rebranding. They went thru a lot of changes not only in terms of management and the student experience but they also changed their identity including (but not limited to) their name to Summit International School of Ministry, redesigned their logo (by my great designer […]

The post SummitPA.org appeared first on Jason Jalbuena.

]]>
Mount Zion International School of Ministry went thru major changes and rebranding. They went thru a lot of changes not only in terms of management and the student experience but they also changed their identity including (but not limited to) their name to Summit International School of Ministry, redesigned their logo (by my great designer friends at Hybrid Studios), and needed a totally new website.

Project Highlights

Photoshop PSD to WordPress

Coy Lothrop did their new website’s design and provided me with layered Photoshop PSD files, from which the entire WordPress theme for Summit was custom coded. The entire site was made as a dynamic, customizable website using WordPress’ features such as pages, posts, widgets, menus and plenty more were incorporated into the theme.

WordPress as CMS

summitpa custom post type edit screenWordPress is a full and proper Content Management System (CMS), and this site proves it. Everything is 100% dynamic. Multiple custom post types were used, each with their own set of custom meta boxes (custom fields), custom admin views, options pages and more.

Custom Media Center

summitpa-media-center-messagessummitpa-media-center-videos
The design called for a media center able to handle videos and mp3s of messages recorded from the sunday messages from the school’s church. I was unable to find a suitable WordPress plugin to be able to handle both media types seamlessly and work with the design they wanted to have. A custom media center plugin was developed for them that meet their needs and was easy for them to use and keep updated.

Custom Photo Gallery

Summitpa student life housing galleryThe website’s Housing page in the Student Life section was in need of a custom gallery to be implemented. A custom plugin was made that aesthetically integrates the housing page’s design on the public, front-facing views of the website, while the admin back-end was made to be simple & intuitive and integrates with galleries created by the awesome & priceless NextGen Gallery plugin.

Student Blog

summitpa.org student blogPart of the website redesign/school rebranding project included the creation of a student blog: Summit Up. Design-wise, the blog is made to look like the Student Life section of the overall site, but with a few unique elements to make it more blog-like, so a separate custom theme was created to facilitate this requirement.

Lots of Other Features

A ton of other features were made for Summit’s website. They include features such as a parents section, alumni section, paypal powered payment & donation pages, several forms, custom archive presentation of different content/post types, a central admin/back-end calendar that displays varying events among a number of differing calendars, and many more.

The post SummitPA.org appeared first on Jason Jalbuena.

]]>
https://jasonjalbuena.com/summitpa/feed/ 0 804