Most of the examples in the referenced web page are not pcb mount but wires (and the referenced Fritzing part looks to have holes suitable for wires.) If you want a pc mount connector you likely need to select it and provide a data sheet with a mechanical drawing so a custom part could be made. With wires male or female doesn’t matter, nor usually will it matter with pc mount (but the spacing and size of the necessary holes does matter!) As to what a part needs to look like these two tutorials apply to the current version of Fritzing: