All posts tagged: wordpress

A Day in the Life of a Happiness Engineer by sarah.blog

A Day in the Life of a Happiness Engineer

I work at Automattic as a Happiness Engineer for WordPress.com. I’ve shared some details on what that’s like before (see here), but never a whole day play-by-play… until now! My day, as it happened on Wednesday, February 22, follows. This post is part of a series describing what Happiness Engineers at Automattic do each day. Read more like it by checking #a8cday on WordPress.com and Twitter. 7:30am – This is when my husband says goodbye and heads to work, so I start thinking I should probably get up too. I rest a while longer, then grab my phone and check Slack to catch up on my team’s channel plus a few others, and see what happened on Twitter overnight. I’m still not quite ready to get up, so I read a few chapters of a historical romance novel I’m in the middle of in the Kindle app. (Book: A Duchess in Name, The Grantham Girls #1 by by Amanda Weaver.) 8:50am – I jump out of bed and get dressed in real-ish clothes so I’m video-worthy, then I finger …

Better Blogging: CSS Image Swap on Hover

Just in case you ever want to display one image and have it swap to another one when someone hovers on it, here’s how! Hover your mouse over the image below (Yay, Bitmoji!) and you’ll see what I mean. I came across this method for swapping images on hover here and it worked better (and on more browsers) than methods I’ve previously tried, so it’s the one I’d use for now. (Note: The directions here work if your site is on WordPress.com and has an upgrade that allows Custom CSS.) In the Text Editor on a page or post or a Text Widget, paste the following HTML where you want your image to appear: Edit the HTML to include the URLs to your images in the two spots designated in the code above. Save/publish. Then go to Customize > CSS and add this: (If you’re using your own install of WordPress, you can do this with the Jetpack plugin with the Custom CSS module activated. Once activated, paste the CSS in Appearance > Edit CSS.) …

Additional Notes for my Session at NTC’s WordPress Day

Hi, WordPress Day-ers! As promised, here are the additional notes to accompany my slides from my session, “From Sharing to Hashtags: Social Media Musts for Your WordPress Site.” Slides are shared here. (And thanks for joining me!) Everyone else: I made this presentation for WordPress Day at the Nonprofit Technology Conference in San Jose on March 22. Some of the information is geared specifically toward nonprofits, but lots of it is pretty universal for using WordPress & social media together, so enjoy! 🙂 Note: I’m not rehashing all of the text on the slides, so look at those for the main ideas and images. These notes include the additional things I said and things I wish I would’ve had time to say.

Achievement Unlocked

WordPress Day was a success! I talked about social media and WordPress: @sarahblackstock talking about where to find your supporters on social media at #16ntcwp #16ntc pic.twitter.com/3TxrueCooj — Ira Horowitz (@ira_horowitz) March 22, 2016 And then I celebrated with a milkshake for dinner: Celebratory milkshake for dinner! Also: fries & hotel lounging. #mymilkshakesj A post shared by Sarah Blackstock (@sarahblackstock) on Mar 22, 2016 at 6:54pm PDT   It feels good to be flying home tomorrow having accomplished a goal I set for 2016. And it’s only March! 😀

NTC’s WordPress Day

I’m speaking at the Nonprofit Technology Conference’s WordPress Day tomorrow (March 22) in San Jose, California. 11:30-12:10pm From Sharing to Hashtags: Social Media Musts for Your WordPress Site – Social media is a must for every organization in 2016. We’ll check out the sharing features built right into WordPress, as well as top plugins, apps, and tips, to update your social media strategy and extend your reach even further this year.   My slides are posted here. Additional notes to accompany them will be up by Wednesday. Wish me luck! 🙂

WordPress.com on Instagram

New @wordpressdotcom @instagram account is looking pretty sweet, follow for inspiration: https://t.co/XOq21AXBLL — Matt Mullenweg (@photomatt) March 18, 2016 I recently started a side project at work. We had an Instagram account but weren’t using it, so I wrote up a proposal with content ideas and Instagram best practices and… ta-da! I’m sharing standout WordPress.com content there now, like quotes from pieces on Discover, beautiful photos from blogs, and screenshots of great looking websites. Follow: @wordpressdotcom. Sidenote: Add this to the list of why I love working at Automattic. It’s a real do-ocracy. If you see something that needs working on and want to be the one to do it, you can go for it and I love that.

Better Blogging: Notes on a Design Change

Today I’ve got more notes on my blog’s recent theme change. This time, we’ll be checking out how to add a credit to the footer, and also change the look of the existing credits down there too. If you missed a previous CSS post, browse my blogging tips tag, or check out these posts: Fix Up Your Blockquotes Dress Up Your Highlighted Text Notes on a Design Change, Part 1 (Site Header) Notes on a Design Change, Part 2 (Round Image & Social Media Icons) Add a Credit to the Footer I added CSS so I could have my own credit down in the footer next to the existing two. See: Here’s the CSS I used to make that happen: Notes: Different themes label the footer credit area differently, but Edin (and several others) will use this selector to target it. Use the right-click Inspect method again (here!) in Chrome to find the correct selector for your theme. Switch “before” to “after” to move your credit to the end. Edit the Size & Color of the Footer Credits You can also use CSS to …