Pricode
Pricode
  • 41
  • 37 033
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
Переглядів: 280

Відео

Blue Screen Of Death In Millions of Computers. What really happened ? The Crowdstrike Fail
Переглядів 167Місяць тому
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
Переглядів 2012 місяці тому
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
Переглядів 3576 місяців тому
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
Переглядів 1,8 тис.8 місяців тому
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?
Переглядів 7079 місяців тому
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
Переглядів 6510 місяців тому
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
Переглядів 13010 місяців тому
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
Переглядів 6210 місяців тому
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
Переглядів 9410 місяців тому
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
Переглядів 9811 місяців тому
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
Переглядів 11811 місяців тому
WordPress plugin for ChatGPT - Cronjob to Publish Automatically
WordPress plugin for ChatGPT - Adding an image to the Post
Переглядів 24011 місяців тому
WordPress plugin for ChatGPT - Adding an image to the Post
WordPress plugin for ChatGPT - Settings and Prompt panels
Переглядів 20011 місяців тому
WordPress plugin for ChatGPT - Settings and Prompt panels
WordPress plugin for ChatGPT - Connecting WordPress with ChatGPT
Переглядів 299Рік тому
WordPress plugin for ChatGPT - Connecting WordPress with ChatGPT
WooCommerce Development - How to add an extra field on register form
Переглядів 2622 роки тому
WooCommerce Development - How to add an extra field on register form
WordPress Plugin Development Tutorial - Code Comments and File structure - Pricode
Переглядів 1532 роки тому
WordPress Plugin Development Tutorial - Code Comments and File structure - Pricode
WordPress Plugin Development Tutorial - Code Standards - Pricode
Переглядів 3222 роки тому
WordPress Plugin Development Tutorial - Code Standards - Pricode
WordPress Plugin Development Tutorial - Adding PHP Unit Tests - Pricode
Переглядів 4,1 тис.2 роки тому
WordPress Plugin Development Tutorial - Adding PHP Unit Tests - Pricode
WordPress Plugin Development Tutorial - Adding languages and Internationalization - Pricode
Переглядів 3,1 тис.2 роки тому
WordPress Plugin Development Tutorial - Adding languages and Internationalization - Pricode
WordPress Plugin Development Tutorial - Creating custom widget (legacy) - Pricode
Переглядів 8302 роки тому
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
Переглядів 2512 роки тому
Adding a coupon code to WooCommerce cart using a GET parameter - Pricode
WordPress Development - Adding custom rewrite rules to WordPress
Переглядів 2,2 тис.2 роки тому
WordPress Development - Adding custom rewrite rules to WordPress
WooCommerce Development - Adding a product to cart using the SKU
Переглядів 8342 роки тому
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
Переглядів 2222 роки тому
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,2 тис.2 роки тому
WordPress Plugin Development Tutorial - Creating a Plugin From Scratch - Pricode
WordPress Development - WP-CLI basic commands
Переглядів 1713 роки тому
WordPress Development - WP-CLI basic commands

КОМЕНТАРІ

  • @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 23 дні тому

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

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

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

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

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

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

    Legit

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

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

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

      Sera un placer guiarte y aprender yo tambien en el camino

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

      @@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 4 місяці тому

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

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

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

  • @A1_TR_812
    @A1_TR_812 4 місяці тому

    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 4 місяці тому

      Maybe creating a shortcode?

    • @A1_TR_812
      @A1_TR_812 4 місяці тому

      @@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 4 місяці тому

      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 4 місяці тому

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

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

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

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

      thanks for the comment

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

      Totally agree

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

    Thanks for the tutorial

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

      Our pleasure

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

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

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

    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 9 місяців тому

    tienes pensado subir alguno integrando woocommerce con graphql?

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

      No lo había pensado pero pega hacerlo

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

    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 9 місяців тому

      You can look on Google "JS unobfuscation"

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

      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 9 місяців тому

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

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

      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 9 місяців тому

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

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

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

  • @jaykukadia
    @jaykukadia 10 місяців тому

    thank you for this video

  • @youssefdouiri8943
    @youssefdouiri8943 10 місяців тому

    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

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

      Of course I can

    • @youssefdouiri8943
      @youssefdouiri8943 10 місяців тому

      Thank you a lot. you're the best@@Pricoders

  • @davidpelaez647
    @davidpelaez647 10 місяців тому

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

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

      our pleasure!

  • @ThePajaro88
    @ThePajaro88 10 місяців тому

    Great video! Thanks alex for sharing!

  • @dharmendrasharma9317
    @dharmendrasharma9317 10 місяців тому

    This video is very very helpful ❤❤

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

      Be sure u follow us for more content like this!

    • @dharmendrasharma9317
      @dharmendrasharma9317 10 місяців тому

      @@Pricoders sure ❤️🙏

  • @bernyghaor8734
    @bernyghaor8734 10 місяців тому

    'promo sm'

  • @solar-promax
    @solar-promax 10 місяців тому

    No entendí nada pero muchas bendiciones mi hermano je je

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

      Gracias a ti!!!

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

    Top top top! =D

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

      Our pleasure!

  • @AbdulKader-hk1yl
    @AbdulKader-hk1yl 11 місяців тому

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

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

      More will come!

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

    i exactly need this content for undrestand wordpress, thanks man

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

      It is a pleasure to share knowledge

  • @摇曳的大茶壶
    @摇曳的大茶壶 11 місяців тому

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

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

      Is my pleasure

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

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

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

      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 11 місяців тому

      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 Рік тому

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

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

      I just hope you have learned something !

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

    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 Рік тому

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

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

    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 Рік тому

      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?

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

    Bro, is plug in free?, i want to paste my adsense code but i go to wedpress plug, i only see upgrade membership and install, iam using mobile.., what should i do

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

      What u mean? U want to add your AdSense code there? I think u can get banned from AdSense. Explain better what u wanna do

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

      No bro, i can't install plugin, only see need membership

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

      Upgrade membership and install plug in

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

      But which plugin? Any link?