From: “Lindsay Brown” <email@example.com>
To: “Client with a private GitHub Repository” <firstname.lastname@example.org>
Subject: WordPress Inthenews – Merge to Master?
I pushed the finished WordPress site to staging on December 5th. Have you been able to view it yet? In case you have not, I pasted some screenshots below which basically provide you with a tour of the admin dashboard and the public-facing responsive, flexible grid.
I have since upgraded the WordPress site to v 4.7 and pushed that and some other admin dashboard customizations to the staging branch. The 4.7 upgrade does not change the look or functionality of the site
If the below looks okay, I would be happy to merge to master and make sure “email@example.com” can log in using a password that is auto-generated when the site is deployed on the production server. You should change that password the first time you log in by clicking on “Users,” then scrolling down to the “Generate Password” button.
Once the live site is configured correctly, you and other Co staff would log in by going to https://co.com/inthenews/login.
The only user who can create new users and update plugins is you, the administrator user, firstname.lastname@example.org. There are three installed plugins: Advanced Custom Fields (v 4.4.11), Podamibe Custom User Gravatar (v 1.0.3), and WordPress Database Backup (v 2.3.1), which will email you a database backup once a week.
By the way, you will know when a plugin needs to be updated when you see the pink circular arrow icon appear in the left corner of the admin bar as shown in the screenshot below. Click on the icon to go to the update plugin page and follow the prompts from there.
News Card screen:
The Edit | Trash | View submenu items appear when you or an editor user hover over or touch the title. The rows’ default order is reverse chronological order (most recent on top). You can change the sorting order by clicking on each header (Title or Date).
Edit or Trash News Cards screen:
Category name is a drop down menu and publication date is a “date picker” (like a mini calendar) that pops up when you click in the field.
Add a News Card screen:
Very similar to the Edit or Trash a News Card screen except fields haven’t been filled in yet by any user and the “Preview Changes” button is simply a “Preview” button. Placeholder text gives brief instructions for each field.
or instructions are just above the field.
Select Image screen:
Images need to be uploaded to the Media Library. The reason for keeping images on your own server is that images that sit on external websites are third party dependencies that you cannot control. Eventually they get moved to different URLs (I fixed a few that already have been) and the respective news card ends up with a missing picture icon in the corner of a mostly blank, gray news card. Images that you upload into the Media Library are in your control, plus they can be edited and cropped by clicking on the blue Edit Image link on the right side of the Select Image screen.￼
Edit Image screen:
To use the crop tool, click on the crop button all the way on the left (it will become darker, indicating it is active), then click and drag on the image to define the crop area, then click back on the crop tool again. The save button will then turn a brighter pink, meaning it can then be clicked.
Back on the Add or Edit or Trash News Cards screen, the news card preview button (upper right corner) will show you what the single news card you just worked on will look like at various screen sizes as you drag and resize your browser window. For example, the below screenshot shows a browser width of 1400px (each card column is narrow and so publisher and title cover four lines, and there is more white area under the image):
Below shows a browser width of 542px (the card column is wider and so publisher and title cover three lines as opposed to four, and there is less white area under the image):
The public-facing page looks almost identical to the original page except there is better centering and the View All News button has a white background that turns gray on hover like this:
Please let me know if I can go ahead and merge this to the master branch. The original inthenews web page will remain published until Sajad or someone in Dev Ops deals with removing “.html” from “https://co.com/inthenews.html.”
Thank you and I hope your holidays are going well,