Mobile responsiveness GPT

Working on the TechBBQ website using Elementor can sometimes be time-consuming, especially when adjusting content for mobile and tablet versions after placing it. To streamline this process, I took a different approach, focusing on text elements first.

Instead of manually resizing everything, I created a mini GPT assistant. Whenever I place a text element, I copy it into my GPT, which generates the appropriate CSS options. Since the text is usually wrapped in a <p> tag, it’s easy to target and style it from the start.

This simple solution speeds up the workflow significantly. While you could apply these changes globally in the root or WordPress CSS sections, targeting individual elements can sometimes offer more flexibility and precision.

Looking ahead, I plan to expand this GPT’s capabilities to handle colors, animations, hover effects, font families, and other behaviors. For now, it’s working as intended, helping me achieve quicker results, which was the primary goal.

Step 1

Step 3

Behind the configuration

Step 2

SEO for Images

At TechBBQ, we handle an overwhelming number of images from our events—last year alone, we collected over 4,000 pictures. These images need to be carefully organized into categories like "People," "Stages," and "Partners" before being uploaded to our website. To improve our SEO, every image requires a description, an Alt tag, and a caption. Even for obvious images, manually inputting this information is time-consuming.

To solve this, I created a small GPT assistant that automates the process. Whenever you upload an image, the assistant generates:

  • An Alt tag (up to 125 characters)

  • A description (up to 125 characters)

  • A caption (up to 50 characters)

This information is based on best practices from Harvard’s accessibility guidelines, along with my own prompt configurations. Now, it’s as simple as copying and pasting the generated information into the appropriate fields. Voilà!

Currently, this tool is configured specifically for TechBBQ images, but it can easily be adapted for other media types. There's potential to create a more extensive library that automates metadata for a wide variety of images—definitely a project for the future. For now, it’s a huge time-saver and significantly boosts our website’s SEO.

Step 1

Behind the configuration

PiPoster Impersonate ME!

Since I’ve always felt that words aren’t my strong suit and I tend to think in multiple directions, I needed some assistance. To adapt better to social platforms like LinkedIn, I created a mini GPT that impersonates me. I uploaded my posts and profile details so it could analyze my communication style for future use.

Once the GPT understood my voice, the next step was making the process of writing posts easier. It starts by asking a few key questions based on successful LinkedIn post structures:

  1. What is the key event or accomplishment you want to highlight?

  2. Who are the 3-5 key collaborators you'd like to tag?

  3. What is the main takeaway from the event in one sentence?

  4. Would you like to include any specific hashtags? If not, suggest 3-4 relevant ones.

After I answer these, the GPT organizes my thoughts and presents them in a more polished, professional way. Of course, I still make my own edits at the end—it’s important that the final post sounds like me—but having this structure really simplifies the process.

This approach can be further automated. For example, if you have events or portals featuring your work, tools like Zapier can take data from those sources, send it to the GPT for post generation, and then, through Zapier again, schedule those posts on platforms like HubSpot for the coming weeks or months.

It’s a flexible system that keeps me organized while maintaining a personal touch in my posts.

Step 1

Behind the configuration