Get data from PHP to JavaScript to set position of each post on front page

You could output them as inline CSS custom properties instead of left/top, and then use those to set the position in either CSS or Javascript.

PHP: 

<a class="project" href="https://wordpress.stackexchange.com/questions/345335/<?php the_permalink(); ?>" style="—-x-position: <?php the_field('x'); ?>; —-y-position: <?php the_field('y'); ?>;'">
    <p><?php the_field("title"); ?></p>
</a>

CSS:

.project {
    top: var(—-x-position);
    left: var(—-y-position);

    /* or CSS grid: */
    grid-row-start: var(—-x-position);
    grid-column-start: var(—-y-position);
}

They’re also accessible in JS, if you need them:

var x_position = element.style.getPropertyValue("--x- position");

This will be much more manageable for responsive design since you won’t have to override inline styles with !important, but inputting such specific x/y values is generally a bad idea and you’re probably better off not intermingling presentation quite so directly with your data.

Related Posts:

  1. Create a random unique 6 digit number as custom field for custom post type
  2. when looping through custom post data not appearing
  3. WordPress loop add heading before first of type
  4. How to make a shortcode for my WP_Query Loop? [duplicate]
  5. Order by custom field attribute
  6. How do I filter a custom post type loop by a field?
  7. Search that will look in custom field, post title and post content
  8. How to solve suspected memory issue in custom WordPress loop?
  9. List events by month
  10. WP_Query on custom post type not displaying, multiple loops & get_template_part
  11. Using new WP_Query in shortcode in a custom field causes the main post content to not display
  12. Using ‘strtotime’ function to convert a custom-meta-box to a date-stamp
  13. Custom post type loops with different page templates
  14. How do you output custom code between posts in the loop?
  15. Display custom field of specific post where post title matches variable
  16. Conditional to modify query results
  17. wp_query to find posts by year and month
  18. Custom Post Type Taxonomies -Posts not showing in Category or Tag pages
  19. How to insert content from another Custom Post type into Post?
  20. Using several custom fields as custom post title
  21. Very Slow Page – How to Optimize # of Queries?
  22. Custom Post Type Loop throws 500 error when used in widget
  23. How to make sure content doesn’t display if selection is empty
  24. Two near-identical custom field types – one works, the other doesn’t . What can cause this?
  25. Meta Key Value in current-user-only loop
  26. Push metadata in array
  27. CPT + CMB2: data not displaying for only first post in loop
  28. Replace text in post from cvs
  29. How do i calculate the total of values of custom fields in custom post types?
  30. Query & Order posts by custom fields
  31. What is the recommended / best way to do this: Event calendar post/type in a block-based theme?
  32. Custom Tag Description unable to display just below and outside of the Loop
  33. get_post_meta not working on publishing
  34. Store CPT ‘Reviews’ average ratings to a WordPress DB table or to a DB custom table?
  35. Using custom field content as expression in IF statement [closed]
  36. Multiple Frontend Filters Using Advanced Custom Fields
  37. Displaying custom field according to date
  38. Redirect to another page using contact form 7? [closed]
  39. Add additional field to custom post_type
  40. Loop increase number
  41. Using wp_query to modify the loop in index.php for a CPT
  42. Control content before and after custom post type loop
  43. How to conditionally add Custom Post Type to Front Page
  44. hide specific div on single.php [closed]
  45. Having Issue on Ordering CPT by Custom Field In Custom WP Query
  46. How do you output an unknown number of images in a custom post type with desired markup?
  47. Get post content from another section in custom single page
  48. How do I show my containing my custom field ONLY if there is a set value on that custom field? [closed]
  49. CPT Repeatable Fields + Undefined Index
  50. foreach loop inside the loop creating duplicates in output
  51. Let users upload image(s) to the post from front end
  52. Compare Two Custom Post Types Using The Same Custom Taxonomy
  53. Displaying information from custom field on custom post type
  54. Get post-meta value of all custom-posts – lowest to highest year-count?
  55. Need help with simple “if statement” checks to output particlular CPT data depending on what client uploads/fills out
  56. Displaying Posts Using a Custom Query with a Custom Field and a term_id
  57. How do I list a custom field and custom taxonomies for each result in a loop?
  58. How can I sort the order of multiple custom field values in a custom post type?
  59. Show the categories the current post has
  60. How do I ensure that post_type and Taxonomy use the same slug?
  61. Fetch data from two custom post types and create multidimensional array for output to html table
  62. Create a Dropdown Selector and Redirect for a Custom Taxonomy in WordPress?
  63. Create an user checklist system for a course plateform using ACF Pro and ACF Extended
  64. CPT loop doesn’t seem to account for post date?
  65. How to sort WP_Query by a custom text field (written as a date dd/mm/yyyy)
  66. Custom fields array to display it monthly
  67. Alike Shortcode using in Custom Shortcode
  68. Query custom post type that has a serialized relational advanced custom field value
  69. Pagination not working in custom post type. Help
  70. Sort custom post column by generated value?
  71. How to avoid duplicate posts queried from custom meta?
  72. How to use posts as tabs in a custom page?
  73. Accessing download link from the loop with WP Download Manager Pro
  74. Combine multiple separate lists into one
  75. Custom meta fields not showing up in WP_Response Object via custom endpoint
  76. Looping to organize and display custom posts by category using PHP and WordPress
  77. WordPress trying to query two custom types to get child from the parent
  78. sorting in wp query based on custom field value
  79. PHP Notice: Unidentified index
  80. Add active class to foundation 6 tabs while looping categories
  81. How to make sure, that only the selected post is changing?
  82. WordPress query in which condition uses custom field
  83. Error in WP Query. If variable is empty it is displaying previous post value
  84. Strange behavior on WP_query
  85. get_post_meta for Custom Post Type ( CPT )
  86. WordPress query posts by custom post type not workng
  87. How to display all custom fields associated with a post type – IN THE ADMIN AREA?
  88. Can’t pick up a field created with Advanced Custom Fields
  89. Get month and day from a Date Picker custom field
  90. Function not pulling image or text from custom post type
  91. Show Custom Post Type taxonomy term that matches custom field
  92. WordPress Custom Post Type and sort by Tags
  93. If i have custom post type with 5 custom fields do i have to create a new loop to reference each one?
  94. Select Menu for Custom post Type does not save
  95. Looping taxonomy in taxonomy?
  96. loop through custom post-type with two meta_keys
  97. Query Custom Post Type by Tag
  98. Loops running into each other
  99. Get custom post fields and display them
  100. I want to show image from custom field image on my custom page template
techhipbettruvabetnorabahisbahis forumutaraftarium24eduseduedusedueduedusedusedusedusedus