Simple Post Page Customization

Ask the community
,
1

I want to simply customize a post page with an elegant image, title, category, and tags. Nothing fancy.
I have scoured the web, and this forum, but nothing really comes up, and the example one that Wix has done, has an extra post merge that I do not want or need right now. And every time I try to customize that code to be simpler, it gives me a bug.

Does anyone have a very simple code, that I can use to getPost() and then assign UI Elements to the correct item. I know how to collapse and hide the #post1 on the original Post page generated.

For example:

$w('#text1').text = post.title

Any help is appreciated!
Thanks

2

These type of requests will probably never be replied because you are almost asking for a small project and you ask it for free. And you will never gonna find exact needed code that you want to use for your case not just at Wix at anywhere with any language otherwise everyone would be developer.

To do this I can tell you what you can do.

  1. Use wixdata apis to get the right post data or user getPost API in frontend both would work.

  2. Create your own elements and pass the data that you got from APIs .

Then you will probably fix some issues and problems but it’s not very hard if you know a bit JS

learn Wix Velo JS at codecademy.

3

So I probably could have explained a little better. I am not looking for someone to do a project for me. I was looking to see if anyone else had figured out the examples for a custom blog feed. Seems to me that they have an example up, for something that should be fairly simple, but it is vague, and there is not much on the web in regards to something that probably a lot of people have done. I did figure it out and have it working, but not finished yet. This is what I have so far. Just working on the date portion now to get it formatted.

$w . onReady ( function () {

$w ( “#post1” ). getPost ()
. then ( ( post ) => {
let postTitle = post . title ;
let postContent = post . plainContent ;
let postImage = post . coverImage ;
$w ( “#textTitle” ). text = post . title ;
$w ( ‘#image5’ ). src = post . coverImage ;
let newDate = Date ( post . publishDate );
$w ( “#publishDate” ). text = newDate
// see example post object below
} )

});

4

@robertbarker2008 .toLocaleString Date.prototype.toLocaleString() - JavaScript | MDN (mozilla.org)

5

You can format date with this or similar methods. And you can console post to see which datas you have in your hand: console.log(post) after .then