Pricode
Pricode
  • 41
  • 39 365
WordPress Headless with Astro - Creating an Astro Theme Compatible with WP ( Homepage & Single )
In this video we continue our journey with WordPress and Astro, right here we are going to start the WordPress theme creation. So we are going to bring an HTML theme and convert it in a compatible version, first the home page, single page and so on.
This opens a new series of videos to setup the whole theme, so stay tuned with all the tricks and lessons we are going to share here.
Again several tricks involved, so hope you enjoy it.
I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!.
Stay tuned to the channel for more useful content.
//Project Repo
github.com/Pricoders/astro-wp-headless
//Github
github.com/Pricoders/
//Pricode Website
pricode.io
//Twitter
pricoders
//Instagram
aldinomad
//LinkedIn
linkedin.com/company/pricode
//Twitch
twitch.tv/pricoders
#wordpress #wordpresstutorial #developers #development #contentcreation #contentstrategy #contentwriting #buildinpublic
#headless #ssr
Tokio Music Walker - One summer's eve
Переглядів: 524

Відео

Blue Screen Of Death In Millions of Computers. What really happened ? The Crowdstrike Fail
Переглядів 1685 місяців тому
In the morning of 19th of July in 2024, 8 millions of computers, were showing the blue screen of death in airports, banks and even azure services. The reason was an update from a very well known Crowdstrike's product which caused a massive downs in many windows computers. The update was installing a file that was causing the error, and the easiest way to clean it was to manually starting the co...
WordPress Headless with Astro - Dynamic Blog Post Render with SSR
Переглядів 2735 місяців тому
In this video we continue our journey with WordPress and Astro, similar to what we did in the last video, we are going to render a post but using the Server Side Rendering functionality. This creates a static version of the pages, and we are going to understand it better in the upcoming videos, but is crucial to know how to attack the rest of the theme and functionalities we will be using in th...
WordPress Headless with Astro - Rendering blog posts dynamically
Переглядів 4669 місяців тому
In this video we continue our journey with WordPress and Astro, rendering the posts individually that we left not working in the last video. Several tricks involved, so hope you enjoy it. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!. Stay tuned to the channel for more useful content. //Project R...
WordPress Headless with Astro - Installing Astro and Fetching posts with WP-GraphQL
Переглядів 2,2 тис.11 місяців тому
In this new series we are going to connect WordPress in headless mode with Astro ( astro.build/ ). In this video we are going to install astro in our computers (pretty basic install) and trying to fetch the information from the WordPress installation using WP-GraphQL. This is going to be the initial step for all the info that we are going to be bringing from the backend. I would like to know yo...
WordPress Headless with Astro - What is GraphQL?
Переглядів 801Рік тому
In this new series we are going to connect WordPress in headless mode with Astro ( astro.build/ ). In this initial video we are going to try to explain what is GrahpQL, the basic concepts and usage of WP-GraphQL (wordpress.org/plugins/wp-graphql/), with this base we are going to be able to request and get several info in just 1 request. I would like to know your opinions, leave a comment and cl...
WordPress plugin for ChatGPT - Custom topic panel finished
Переглядів 68Рік тому
Finishing our panel we are going now to add the field where we can type as much topics as we desire. This is the last video of this series, but I am going to keep updating the plugin over github, don't forget to follow it and let ur comments. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!. Stay tu...
WordPress plugin for ChatGPT - Custom topic system for auto publish
Переглядів 134Рік тому
Similar to what we did with the custom post type "topic", we are going to create a custom system that allow us to setup these topics and for example the last published date column which will allow us to know when it was published about that topic and not repeat it. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more cont...
WordPress plugin for ChatGPT - Adding a tracking log system
Переглядів 63Рік тому
So what happens if something goes wrong ? How we know it happened ? In this video we are adding a new table in the database using the WordPress' dbDelta function to add it, and set the events that have happened in our system. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!. Stay tuned to the channe...
WordPress plugin for ChatGPT - Random topic system
Переглядів 95Рік тому
To Continue with the series, in this video we are adding a custom post type called "Topics" and with this we are going to be able set random posts. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!. Stay tuned to the channel for more useful content. // ChaGPT WordPress Plugin github.com/Pricoders/pri...
WordPress plugin for ChatGPT - Email notification for post review
Переглядів 101Рік тому
To Continue with the series, in this video we are adding an e-mail notification tool that makes the system warns you about a new post ready to review and publish it. I would like to know your opinions, leave a comment and click on the like button and share this video so we can bring you more content like this!. Stay tuned to the channel for more useful content. // ChaGPT WordPress Plugin github...
WordPress plugin for ChatGPT - Cronjob to Publish Automatically
Переглядів 130Рік тому
WordPress plugin for ChatGPT - Cronjob to Publish Automatically
WordPress plugin for ChatGPT - Adding an image to the Post
Переглядів 262Рік тому
WordPress plugin for ChatGPT - Adding an image to the Post
WordPress plugin for ChatGPT - Settings and Prompt panels
Переглядів 232Рік тому
WordPress plugin for ChatGPT - Settings and Prompt panels
WordPress plugin for ChatGPT - Connecting WordPress with ChatGPT
Переглядів 316Рік тому
WordPress plugin for ChatGPT - Connecting WordPress with ChatGPT
WooCommerce Development - How to add an extra field on register form
Переглядів 2772 роки тому
WooCommerce Development - How to add an extra field on register form
WordPress Plugin Development Tutorial - Code Comments and File structure - Pricode
Переглядів 1592 роки тому
WordPress Plugin Development Tutorial - Code Comments and File structure - Pricode
WordPress Plugin Development Tutorial - Code Standards - Pricode
Переглядів 3402 роки тому
WordPress Plugin Development Tutorial - Code Standards - Pricode
WordPress Plugin Development Tutorial - Adding PHP Unit Tests - Pricode
Переглядів 4,5 тис.2 роки тому
WordPress Plugin Development Tutorial - Adding PHP Unit Tests - Pricode
WordPress Plugin Development Tutorial - Adding languages and Internationalization - Pricode
Переглядів 3,2 тис.2 роки тому
WordPress Plugin Development Tutorial - Adding languages and Internationalization - Pricode
WordPress Plugin Development Tutorial - Creating custom widget (legacy) - Pricode
Переглядів 8632 роки тому
WordPress Plugin Development Tutorial - Creating custom widget (legacy) - Pricode
WordPress Plugin Development Tutorial - Creating custom shortcode - Pricode
Переглядів 2,6 тис.2 роки тому
WordPress Plugin Development Tutorial - Creating custom shortcode - Pricode
Adding a coupon code to WooCommerce cart using a GET parameter - Pricode
Переглядів 2642 роки тому
Adding a coupon code to WooCommerce cart using a GET parameter - Pricode
WordPress Development - Adding custom rewrite rules to WordPress
Переглядів 2,4 тис.2 роки тому
WordPress Development - Adding custom rewrite rules to WordPress
WooCommerce Development - Adding a product to cart using the SKU
Переглядів 9052 роки тому
WooCommerce Development - Adding a product to cart using the SKU
Scrum & Agile methodologies are NOT agile
Переглядів 672 роки тому
Scrum & Agile methodologies are NOT agile
WordPress Plugin Development Tutorial - Adding Thumbnails to a Custom Post Type - Pricode
Переглядів 2352 роки тому
WordPress Plugin Development Tutorial - Adding Thumbnails to a Custom Post Type - Pricode
WordPress Plugin Development Tutorial - Saving external API info into Custom Post Types - Pricode
Переглядів 1,4 тис.2 роки тому
WordPress Plugin Development Tutorial - Saving external API info into Custom Post Types - Pricode
WordPress Plugin Development Tutorial - Creating a Plugin From Scratch - Pricode
Переглядів 1,3 тис.2 роки тому
WordPress Plugin Development Tutorial - Creating a Plugin From Scratch - Pricode
WordPress Development - WP-CLI basic commands
Переглядів 1723 роки тому
WordPress Development - WP-CLI basic commands

КОМЕНТАРІ

  • @Erfaninvokers
    @Erfaninvokers Місяць тому

    Thank you

  • @SofiDev
    @SofiDev 3 місяці тому

    Did you know how we can create a table of content from the wordpress post with Astro? Great vid.

    • @Pricoders
      @Pricoders 3 місяці тому

      glad u liked the video! what u mean table of content?

    • @SofiDev
      @SofiDev 3 місяці тому

      @@Pricoders Yeah, but how can I get the headings of content? it is RENDERED I can access to it as an object

    • @SofiDev
      @SofiDev 3 місяці тому

      @@Pricoders Table of c9ntent is taht one when it's displayed the subtitles so you can see it as a menu and navigate to taht sections

    • @Pricoders
      @Pricoders 3 місяці тому

      Hmm in the other videos I explain how can setup a non rendered page, so you have rendered pages and non rendered. And regarding the object you can fix the object ( in the graphql example ), to add titles, excertps or custom fields that you an setup for the "table of contents" you want

    • @Pricoders
      @Pricoders 3 місяці тому

      and if you list the values in the page, you can simple add a #div-id-name to the links and then it should take it. to the paragraph. at the end you are making Html with astro, so it should work the same way

  • @robertostringa9254
    @robertostringa9254 3 місяці тому

    Good video, but take off your gloves to write... joke

    • @Pricoders
      @Pricoders 3 місяці тому

      Glad you liked it!

  • @watamatafoyu
    @watamatafoyu 5 місяців тому

    That's some sexy jazz lounge music for a nightcap with WordPress PHPunit plugin testing.

  • @Deficard
    @Deficard 5 місяців тому

    oof, lucky i didn't even touched my computer before july 20

  • @albertouribe2249
    @albertouribe2249 5 місяців тому

    Legit

    • @Pricoders
      @Pricoders 5 місяців тому

      our pleasure!

  • @ep4r4
    @ep4r4 6 місяців тому

    Chevere, de casualidad en este momento me toco un reto con WP y Astro y contigo espero repasar lo aprendido.

    • @Pricoders
      @Pricoders 6 місяців тому

      Sera un placer guiarte y aprender yo tambien en el camino

    • @ep4r4
      @ep4r4 6 місяців тому

      @@Pricoders Gracias por responder y espero ver más de tus videos; también te comento que quise revisar el repo que tienes con respecto a esta sección de aprendizaje headless con wp y astro y no aparece tu repo, es posible que este en modo privado, podrías compartirlo por favor?

  • @BakiGoxhaj
    @BakiGoxhaj 7 місяців тому

    Great tutorial, well done! You could try to keep a faster pace - it would help I think.

    • @Pricoders
      @Pricoders 7 місяців тому

      I am doing my best, I hope the upcoming times I can really add a good pace. Thanks for the comment!

    • @accuratecalcs
      @accuratecalcs 2 місяці тому

      You can control the speed of delivery under settings for any UA-cam video. I suggest you try it. 🙂

    • @Pricoders
      @Pricoders 2 місяці тому

      thanks!!

  • @A1_TR_812
    @A1_TR_812 7 місяців тому

    Hello! I'm making a forms plugin. I can’t figure out which command can be used to write the created form in custom post type f, please help

    • @Pricoders
      @Pricoders 7 місяців тому

      Maybe creating a shortcode?

    • @A1_TR_812
      @A1_TR_812 7 місяців тому

      @@Pricoders no no, look. Let's say I make a form in a plugin with certain parameters (for example, Name, Mail and a submit button), and it is stored as an array of data for rendering. How can I pass this array to the database as a custom post type? But at the same time, if I click on this entry, I should go to my plugin to edit this form. I'm not asking you to write code, please tell me what command is needed or where I can read about it - link my form.php file and custom post type?

    • @Pricoders
      @Pricoders 7 місяців тому

      I think all the form info (inputs types, values etc) you can save them as a post_meta , so the whole data gets saved and linked to that specific post, update_post_meta is the key function there

    • @A1_TR_812
      @A1_TR_812 7 місяців тому

      @@Pricoders Thank you very much, I’ll definitely read it!

  • @bilalmalkoc
    @bilalmalkoc 8 місяців тому

    A summary of why not everyone should make a UA-cam video

    • @Pricoders
      @Pricoders 8 місяців тому

      thanks for the comment

    • @BiggiDroid
      @BiggiDroid 6 місяців тому

      Totally agree

  • @onelook1870
    @onelook1870 9 місяців тому

    Thanks for the tutorial

    • @Pricoders
      @Pricoders 8 місяців тому

      Our pleasure

    • @onelook1870
      @onelook1870 8 місяців тому

      @@Pricoders Did my first translation watching the tutorial. Thank you!

  • @daviamerico2268
    @daviamerico2268 11 місяців тому

    i'd like to regard existing attributes, no attributes is shown for this product in frontend $product = new WC_Product_Variable(); $product->set_name( 'Variable Product Example 2' ); $product->set_description( 'This is a variable product example.' ); $product->set_status( 'publish' ); $product->set_catalog_visibility( 'visible' ); $attributes = array( 'pa_at-cor' => array( 'name' => 'pa_at-cor', 'value' => 'Azul', 'position' => 1, 'is_visible' => 1, 'is_variation' => 1, 'is_taxonomy' => 1, ), 'pa_at-tamanho' => array( 'name' => 'pa_at-tamanho', 'value' => 'EGG', 'position' => 2, 'is_visible' => 1, 'is_variation' => 1, 'is_taxonomy' => 1, ), ); // Set attributes to the product $product->set_attributes($attributes); $product_id = $product->save();

  • @r.v5005
    @r.v5005 Рік тому

    tienes pensado subir alguno integrando woocommerce con graphql?

    • @Pricoders
      @Pricoders Рік тому

      No lo había pensado pero pega hacerlo

  • @NagatoKamiPain
    @NagatoKamiPain Рік тому

    how can you translate JS file that have hardcoded values in it? for example line 51 (lets pretend you cant use php tag)

    • @Pricoders
      @Pricoders Рік тому

      You can look on Google "JS unobfuscation"

    • @Pricoders
      @Pricoders Рік тому

      For some reason I totally misunderstood the question, the way to do this is either setup the value by php or by i18n.js file

  • @irving.torres3
    @irving.torres3 Рік тому

    muy buen video justo me interesaba empezar un proyecto con astro y wordpress ojalá sigas con la serie

    • @Pricoders
      @Pricoders Рік тому

      Seguiré, solo he Estado ocupado un poco, pero saco los demás en las semanas siguientes, de hecho he pensado en hacer un Twitch del mismo

  • @AlisterWilliams-h1s
    @AlisterWilliams-h1s Рік тому

    Does this work with the custom gpts you can make and image generation that they do now?

    • @Pricoders
      @Pricoders Рік тому

      Yeap, you just need to modify to post the post_type => 'name' for the cpt you created

  • @jaykukadia
    @jaykukadia Рік тому

    thank you for this video

  • @youssefdouiri8943
    @youssefdouiri8943 Рік тому

    Amazing, i don't know anything about the code but i'm going to try to take you're work and polish this diamant. can you make a little video so how i can use you're deposit on git ? Pls. Really good job its so simple for you i loose my time in web designer ahahaah

  • @davidpelaez647
    @davidpelaez647 Рік тому

    What a good series compilation!!! Waiting for More great content.

  • @ThePajaro88
    @ThePajaro88 Рік тому

    Great video! Thanks alex for sharing!

  • @dharmendrasharma9317
    @dharmendrasharma9317 Рік тому

    This video is very very helpful ❤❤

  • @bernyghaor8734
    @bernyghaor8734 Рік тому

    'promo sm'

  • @solar-promax
    @solar-promax Рік тому

    No entendí nada pero muchas bendiciones mi hermano je je

  • @visualmodo
    @visualmodo Рік тому

    Top top top! =D

  • @AbdulKader-hk1yl
    @AbdulKader-hk1yl Рік тому

    Thank you, very interesting this series. I love it. Want more series like this.❤

  • @TheShawn_v
    @TheShawn_v Рік тому

    i exactly need this content for undrestand wordpress, thanks man

    • @Pricoders
      @Pricoders Рік тому

      It is a pleasure to share knowledge

  • @摇曳的大茶壶
    @摇曳的大茶壶 Рік тому

    Thank you so much dude. Pls keep up your videos they’re very helpful.

  • @junwong9503
    @junwong9503 Рік тому

    that's really great tutorial ! may i know how to add the quantity by sku ?

    • @Pricoders
      @Pricoders Рік тому

      Thanks! Qty is the parameter for the quantity. So something in the url like &qty=5 u can take that value to add it to the cart. Let me know if it works!

  • @visualmodo
    @visualmodo Рік тому

    Very good video!

    • @Pricoders
      @Pricoders Рік тому

      Wait Tomorrow for the second part, and keep track of the code on GitHub!

  • @ameyislive
    @ameyislive Рік тому

    can we do direct without adding /profile

    • @Pricoders
      @Pricoders Рік тому

      the profile is just an example, you can do it in another example, like a product page, a specific name for a page etc

  • @raphaelkuhn203
    @raphaelkuhn203 Рік тому

    Thanks for this great tuto. Could you add an example to include subdomain to add_rewrite_rule() ? Would that be it: ^([^.]+)\ ? Otherwise does Wordpress add automatically subdomains with add_rewrite_rule ? Also do you have an example how to redirect permanently and automatically default website (in your case localhost), including subdomain, to "profile" query_var ?

    • @Pricoders
      @Pricoders Рік тому

      I don't think you can add the subdomain to the rewrite rules, because the rewrite works under the wp app. if you explain me better your approach I can try to give u a hand. thanks for the comment and sorry I didn't answer before!

  • @jcc5018
    @jcc5018 Рік тому

    First, thank you for showing these rewrite rules in action, it helps to make sense of what people have been trying to help me with. But this video was a bit difficult to watch with you mumbling to yourself and the constant back typing. If you make future videos, it may be a good idea to have it typed out ahead of time- commented out, then uncomment to explain each step. Regardless, thanks.

    • @Pricoders
      @Pricoders Рік тому

      Thank. you so much for your feedback is something pretty natural for me so I haven't noticed till now you bring it. We will do our best in the upcoming videos!

  • @azziameurr
    @azziameurr Рік тому

    do i need use the both codes that u provide in guithub ? where put the the php file ?

    • @Pricoders
      @Pricoders Рік тому

      you can add it to your function.php in your theme folder, and of course you need to some customizations to the code, depending on your needs

  • @azziameurr
    @azziameurr Рік тому

    i did the same thing but didn't wwork out .... is this active when i create new product ?

  • @rajon_kobir
    @rajon_kobir Рік тому

    nice!

  • @olegkapkaev6911
    @olegkapkaev6911 Рік тому

    what about post meta? what about protected meta? THAT would be interesting... but not what you showed...

    • @Pricoders
      @Pricoders Рік тому

      if you would like I can make another video about it, and extend this one

  • @hieutongdang3149
    @hieutongdang3149 Рік тому

    With this way can I translate the data from the database out?

    • @Pricoders
      @Pricoders Рік тому

      no, this is a cached laguange translation

    • @hieutongdang3149
      @hieutongdang3149 Рік тому

      @@Pricoders Is there a way to translate language data stored in phpmyadmin?

  • @jayroo10
    @jayroo10 Рік тому

    are you able to fix my code? for a fee? I've been trying to save a response text that gets generated via another API call, in my wordpress site via rest API, but it won't save, I've been trying to diagnose the problem to no avail for 2 weeks. Let me know if that is something you can do? thank you

    • @Pricoders
      @Pricoders Рік тому

      hey J, that's what we do on pricode, you can contact us and we can help you

    • @jayroo10
      @jayroo10 Рік тому

      @@Pricoders ok will do, thanks

  • @MahaLakshmi-xs4sf
    @MahaLakshmi-xs4sf Рік тому

    💯UseFul... Thank You For The helpful video...

    • @Pricoders
      @Pricoders Рік тому

      is a pleasure to help !

  • @hieutongdang3149
    @hieutongdang3149 Рік тому

    Thank you , I have created my own plugin , but I want Adding languages ​​and Internationalization for my javascript file ? Do you have any ideas for me?

    • @Pricoders
      @Pricoders Рік тому

      You can either create a backend in ajax that allows you to setup the localization with WordPress. or you can simply setup an array with your languages and get the lang of the browser

    • @hieutongdang3149
      @hieutongdang3149 Рік тому

      @@Pricoders thanks you

    • @Pricoders
      @Pricoders Рік тому

      Our pleasure

  • @dungnt1
    @dungnt1 Рік тому

    thanks sir

  • @杨志-n6z
    @杨志-n6z Рік тому

    how do i know chose admin-post.php or admin-ajax.php?

    • @Pricoders
      @Pricoders Рік тому

      You can use both but normally you use admin-ajax.php for ajax calls, like something that should be handled with javascript, admin-post.php for handlings were you reload the page itself

  • @mohamedelabi1794
    @mohamedelabi1794 Рік тому

    Can you share a sample ofctge variable list

    • @Pricoders
      @Pricoders Рік тому

      I hope to be able to organize all the code and publish it on github next week

  • @kunduz2652
    @kunduz2652 2 роки тому

    if you had made it a little smaller, you would have made the codes too big

    • @Pricoders
      @Pricoders 2 роки тому

      I just hope you have learned something !

  • @BasDeBom
    @BasDeBom 2 роки тому

    Thanks man! I used your vid to translate a plugin and it works. Side note: I did get a fatal error while creating a .pot file due to memory shortage. I fixed that by increasing the PHP_MEMORY in the php.ini file from WP_CLI. It could be helpful for other programmers. Thanks again!

    • @Pricoders
      @Pricoders 2 роки тому

      It is my pleasure, the idea is that everybody learn something, thanks for the comment!

  • @martinkaspar5095
    @martinkaspar5095 2 роки тому

    Yeah - code provided in github would be great: we could follow better: but besides this: this is a awesome work you Keep on making vids like this 💖😇🙏👼💖🇻🇦💖- love to see more Vids covering WordPress.

    • @Pricoders
      @Pricoders 2 роки тому

      Cuenta con ellos Martin, solo que he estado un poco ocupado y no he poddio organizarlos como quisiera

  • @rjtkatoch007
    @rjtkatoch007 2 роки тому

    use acf fields within the plugin

  • @rjtkatoch007
    @rjtkatoch007 2 роки тому

    use acf within the plugin

    • @Pricoders
      @Pricoders 2 роки тому

      I can create videos showing Extensions for act and using it's API, do u want them?

  • @terciotales18
    @terciotales18 2 роки тому

    Thank you for the explanation! 😄🇧🇷

  • @tonyg_nerd
    @tonyg_nerd 2 роки тому

    Text size? Readability?