Adding Social Media Posts To My Website?
NOTE: We require all social media accounts to be registered with the PRMC social media team. Their email address socialmedia@gsu.edu
Social media posts are added to the website using a third-party application called Juicer (https:/juicer.io). Juicer lets you embed social media posts from your account on the website without conflicting with your theme's CSS and JavaScript.
Social media posts are added to the website using a third-party application called Juicer (https:/juicer.io). Juicer lets you embed social media posts from your account on the website without conflicting with your theme's CSS and JavaScript.
The goal of this feed is to get visitors to view your social media profile and follow you. This allows visitors to stay up to date on events in your department. Therefore, we recommend showing only your latest 3-4 posts to entice visitors to follow you. All social media feeds must meet the Georgia State color and typography standards. You can change the color and style of your feed with the premium version of Juicer.
To adhere to color and typography standards, we require the use of the paid version of Juicer. If you'd like to test Juicer before committing to the monthly price, you can sign up for a trial version. However, the trial version does NOT work with Twitter. To test with Twitter, you must purchase a monthly subscription. These subscriptions can be purchased using your department's P-card. Contact your HR specialist for specific instructions and guidelines regarding your department's P-card.
After you've purchased a premium Juicer, you're ready to add it to your site. Juicer offers feed customization options, and most are available in the dashboard. Basic color and text changes can be made directly from the "Custom Design" panel of your dashboard.
Templates
We recommend that you use a SLIDER Template for your Juicer feed -- they fit our theme better and present your feed articles in a clearer and easier-to-read manner. Choose either "Slider Default" or "Slider Minimal."
Next, add CSS styles to the DESIGN > CUSTOM CSS section under the "paint pallet" icon.
Add the following CSS:
.swiper-button-prev,
.swiper-button-next {
top: 40% !important;
width: auto;
height: auto;
background: none !important; /* remove circle */
}
/* Horizontal placement */
.swiper-button-prev { left: 10px !important; }
.swiper-button-next { right: 10px !important; }
/* Arrow icon styling */
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 22px !important;
color: #0039a6;
font-weight:bold !important; /* default color */
transition: color .2s ease;
background: #fff;
border: 1px solid #0039a6;
padding: 15px 12px
}
/* Hover + focus color */
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after,
.swiper-button-prev:focus-visible:after,
.swiper-button-next:focus-visible:after {
background: #0071ce;
color:#fff; /* hover color */
}
.jcr-post-overlay {
background: #fff !important;
}
/* Basic text stylings */
.jcr-text-\[14px\] {
font-size: 14px;
line-height: 1.5em !important;
}
Embedding Juicer feed on your page
After creating your feed on Juicer and adding the styles listed above, click on the SAVE and then the EMBED buttons at the top of the Juicer page. Copy the STANDARD code.
Go to your site's CSS & JS Toolbox PLUS plugin and then place the Standard Code in a new code block. Save it. Then place the code block on your page where you need it to appear.
Keywords: social media, social media team, register, juicer, color, typography, standards, georgia state standards, georgia state university social media