Ondersteuning » Algemeen WordPress » WYSIWYG problemen

  • Opgelost MrHankey

    (@mrhankey)


    Hallo!

    Ik sinds enige tijd bezig met WordPress, fantastisch CMS.
    Maar er is een ding waar ik helemaal niets van snap, de WYSIWYG-editors, ik heb er al meerdere geprobeerd.
    Ik denk dat mijn WYSIWYG editor problemen kunnen te maken hebben met CSS, ik ben nog niet bekend met CSS. (ben net begonnen met CSS)

    Als ik een artikel schrijf en enkele foto’s toevoeg gaat het altijd mis.
    In de editor ziet het er allemaal uit zoals ik zou willen dat het wordt.
    Maar als ik dan save en naar de front-end ga, het ziet er heel anders uit.
    Voorbeeld van het probleem:

    Dit is het artikel dat ik zojuist schreef in de editor.

    Dit is wat ik zien krijgen in de front-end.

    Het probleem is erg frustrerend, ik ben er al vele dagen mee bezig.
    Als iemand weet wat ik verkeerd doe hoor ik het erg graag.
    Elke vorm van hulp is zeer welkom!

    Groetjes,

    MrHankey

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    je WYSIWIG is in die zin enigszins beperkt, maar je probleem komt voort uit het feit dat de CSS in je stylesheet niet volledig genoeg is gedefinieerd.

    Wat je kan doen om in je WYSIWIG omgeving wat realistischer te maken is het toevoegen van een editor-styles.css stylesheet. Hier staat hoe.

    Thread starter MrHankey

    (@mrhankey)

    Bedankt voor je hulp!

    Handleiding is duidelijk, maar ik kom er helaas niet uit, mijn theme zit anders in elkaar.
    Ik gebruik skyline, dit is de Skyline styles.css;

    /*
    Theme Name: Skyline
    Theme URI: http://www.aplusthemes.com/free-wordpress-theme/skyline/
    Description: Skyline is cool web 2.0 style theme, two columns and valid xhtml. This theme have option to use either default blog title or image for logo. Compatible with wordpress 2.8, 2.7 and 2.5.
    Version: 1.0.1
    Author: A Plus Themes
    Author URI: http://www.aplusthemes.com/
    Tags: two-columns, threaded-comments, sticky-post, left-sidebar, fixed-width, green
    */
    
    /* Begin Typography & Colors */
    
    small {
    	font-family: Arial, Verdana, tahoma;
    	font-size: 0.9em;
    	line-height: 1.5em;
    	}
    
    h1, h2, h3 {
    	font-family: Arial, Verdana, tahoma;
    	font-weight:normal;
    	}
    
    h1 {
    	font-size:22px;
    	line-height:24px;
    	}
    
    h2 {
    	font-size: 20px;
    	line-height:22px;
    	}
    
    h2.pagetitle {
    	font-size: 20px;
    	line-height:22px;
    	}
    
    #sidebar h2, #sidebar2 h2{
    	font-family:Arial, Verdana, tahoma;
    	font-weight:bold;
    	}
    
    #sidebar ul li h2, #sidebar2 ul li h2 {
    	font-family:Arial, Verdana, tahoma;
    	font-size: 12px;
    	font-weight:bold;
    	padding-bottom: 5px;
    	height:30px;
    	color: #ffffff;
    	text-transform:uppercase;
    	padding-left:38px;
    	padding-top:5px;
    	background-image:url(images/bg_title_sidebar.gif);
    	background-repeat:no-repeat;
    	}
    
    h3 {
    	font-size: 18px;
    	line-height:20px;
    	}
    
    h1, h1 a, h1 a:hover, h1 a:visited{
    	text-decoration: none;
    	color:#ffffff;
    	}
    
    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    	color: #ffffff;
    	}
    
    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite {
    	text-decoration: none;
    	}
    
    .entry{
    	padding-top:4px;
    	padding-bottom:10px;
    	}
    
    .sticky {
    	background: #04627d;
    	padding: 10px 10px 10px 10px !important;
    	border:solid 1px #0a4254;
    	margin-bottom:10px !important;
    	}
    
    .sticky .postmetadata{
    	border-bottom:0px;}
    
    .sticky h2 {
    	padding-top: 10px;
    	}
    
    .commentlist li, #commentform input, #commentform textarea {
    	font-size: 0.9em ;
    	font-family:Arial, Verdana, tahoma;
    	}
    
    .commentlist li ul li {
    	font-size: 1em;
    	}
    
    .commentlist li {
    	font-weight: bold;
    	}
    
    .commentlist li .avatar {
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	background: #fff;
    	}
    
    .commentlist cite{
    	font-weight: bold;
    	font-style: normal;
    	font-size: 15px;
    	padding-left:5px;
    	}
    
    .commentlist cite a {
    	font-weight: bold;
    	font-style: normal;
    	font-size: 15px;
    	}
    
    .commentlist cite a.url{
    	margin:0px;
    	}
    
    .commentlist p {
    	font-weight: normal;
    	line-height: 1.5em;
    	text-transform: none;
    	}
    
    #commentform p {
    	font-family: Arial, Verdana, tahoma;
    	}
    
    .commentmetadata {
    	font-weight: normal;
    	}
    
    code {
    	font: 1.1em  Arial, Verdana, tahoma;
    	}
    
    acronym, abbr, span.caps
    	{
    	font-size: 0.9em;
    	letter-spacing: .07em;
    	}
    
    #wp-calendar #prev a, #wp-calendar #next a {
    	font-size: 9pt;
    	}
    
    #wp-calendar a, #wp-calendar a:visited {
    	text-decoration: none;
    	text-decoration:underline;
    	}
    
    #wp-calendar caption {
    	font: bold 1.3em  Arial, Verdana, tahoma;
    	text-align:center;
    	}
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    	}
    /* End Typography & Colors */
    
    /* Begin Structure */
    
    .narrowcolumn {
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    
    	}
    
    .widecolumn {
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    .post {
    	margin: 0px 0px 0px 0px;
    	padding:10px 0px 15px 0px;
    	text-align: justify;
    	}
    
    .post hr {
    	display: block;
    	}
    
    .widecolumn .post {
    	margin: 0;
    	}
    
    .narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
    	padding-top: 5px;
    	}
    
    .widecolumn .postmetadata, .widecolumn .postmetadata1 {
    	margin: 0px 0;
    	}
    
    .widecolumn .smallattachment {
    	text-align: center;
    	float: left;
    	width: 128px;
    	margin: 5px 5px 5px 0px;
    	}
    
    .widecolumn .attachment {
    	text-align: center;
    	margin: 5px 0px;
    	}
    
    .postmetadata {
    	clear: left;
    	line-height:20px;
    	color:#fc5902;
    	background-repeat:no-repeat;
    	padding:10px 0px 10px 0px;
    	margin:0px 0px 0px 0px;
    	text-align:right;
    	border-bottom:solid 1px #063b4c;
    	}
    
    /* End Structure */
    
    /*	Begin Headers */
    h1 {
    	padding:0px;
    	margin: 0;
    	}
    
    h2 {
    	margin: 0px 0 0;
    	}
    
    h2.pagetitle {
    	padding-top: 10px;
    	text-align: center;
    	padding-bottom:15px;
    	}
    
    #sidebar h2 ,#sidebar2 h2{
    	margin: 0px 0 0;
    	padding: 0;
    	}
    
    h3 {
    	padding: 0;
    	margin: 0px 0 0;
    	}
    
    h3.comments {
    	padding: 0;
    	margin: 0px auto 20px ;
    
    	}
    /* End Headers */
    
    /* Begin Images */
    p img {
    	padding: 0;
    	max-width: 100%;
    
    	}
    
    /*	Using 'class="alignright"' on an image will (who would've
    	thought?!) align the image to the right. And using 'class="centered',
    	will of course center the image. This is much better than using
    	align="center", being much more futureproof (and valid) */
    
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	}
    
    .alignright {
    	float: right;
    	}
    
    .alignleft {
    	float: left
    	}
    
    .spacer{
    	line-height:0px;
    	margin:0px;
    	padding:0px;
    	}
    /* End Images */
    
    /* Begin Lists */
    
    html>body .entry ul {
    	margin-left: 0px;
    	padding: 0 0 0 30px;
    	list-style: none;
    	padding-left: 10px;
    	text-indent: -10px;
    	} 
    
    html>body .entry li {
    	margin: 0px 0 0px 10px;
    	}
    
    .entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before,  #sidebar ul ul li, #sidebar2 ul ul li {
    	background-position:0 4px;
    	padding:0px 0px 0px 0px;
    	margin:0px;
    	}
    
    div.entry ul{
    	margin:0px;
    	padding:0px 0px 0px 20px;
    	}
    
    div.entry ul li{
    	background-repeat:no-repeat;
    	background-position:0 6px;
    	padding:0px 0px 0px 25px;
    	margin:0px;
    	list-style-type:disc;
    	list-style-position:inside;
    	}
    
    .entry ol {
    	padding: 0 0 0 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    .postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {
    	display: inline;
    	list-style-type: none;
    	list-style-image: none;
    	}
    
    #sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul li, #sidebar2 ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 30px;
    	}
    
    #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
    	margin: 5px 0 8px;
    	}
    #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
    	margin: 5px 4px 0 0px;
    	}
    
    #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
    	margin: 5px 0 0 0px;
    	}
    
    ol li, #sidebar ul ol li, #sidebar2 ul ol li{
    	list-style: decimal outside;
    	}
    
    #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
    	margin: 0px 0 0;
    	padding: 0px 0px 0px 0px;
    	}
    
    #sidebar ul li a:link, #sidebar ul li a:visited{
    	color:#fff !important;
    	}
    
    #sidebar ul li  {
    	list-style-type: none;
    	list-style-image: none;
    	}
    
    #sidebar ul li li{
    	padding:2px 5px 4px 15px;
    	border-bottom:solid 1px #0f4254;
    	}
    
    #sidebar ul li li li{
    	border-bottom:none;
    	background-image:none;
    	}
    
    #sidebar ul ul ul li a, #sidebar ul ul ul li a:visited{
    	border-bottom:0px;
    	padding:2px 0px 2px 10px!important;
    	text-decoration:none;
    	background-image:url(images/arrow.gif);
    	background-position:0 5px;
    	background-repeat:no-repeat;
    }
    
    .textwidget{
    	padding-left:10px;
    	text-align:left;
    	padding-right:10px;
    	padding-top:5px;
    	}
    
    .widget_tag_cloud div{padding:5px 10px;}	
    
    /* End Entry Lists */
    
    /* Begin Form Elements */
    #searchform {
    	margin: 0px auto;
    	padding: 0px 0px 0px 0px;
    	text-align: center;
    	}
    
    #sidebar #searchform #s, #sidebar2 #searchform #s  {
    	width: 108px;
    	padding: 2px;
    	}
    
    #searchsubmit, #sidebar #searchsubmit, #sidebar2 #searchsubmit  {
    	padding: 4px 0px 4px 0px;
    	font-size:10px;
    	width:46px;
    	border:0px;
    	background-color:#f55602;
    	color:#fff !important;
    	}
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
    	text-align:center;
    	}
    
    #commentform{
    	}
    
    #commentform input {
    	padding: 2px;
    	margin: 5px 5px 1px 0;
    	}
    #commentform {
    	margin: 5px 0px 0 0px;
    	}
    
    #commentnavi{
    	margin:0px 0px 0px 15px;
    	}	
    
    #respond h3{
    	margin:10px 0px 0px 0px;
    	font-size:20px;
    	}		
    
    #commentform textarea {
    	width: 90%;
    	padding: 2px;
    	}
    
    #commentform #submit {
    	margin: 0px;
    	width:170px;
    	}
    
    /* End Form Elements */
    
    .even, .alt {
    	border-left: 1px solid #ffffff;
    	}
    
    .thread-alt {
    	background-color: transparent;
    	}
    
    .thread-even {
    	background-color: transparent;
    	}
    
    .depth-1 {
    	border: 1px solid #ffffff;
    	}
    
    /* Begin Comments*/
    .alt {
    	margin: 0;
    	padding: 10px;
    	}
    
    .commentlist {
    	padding: 0;
    	text-align: justify;
    	}
    
    ol.commentlist{
    	padding:0px;
    	margin:0px 0px 0px 0px;
    	}
    
    .commentlist li {
    	margin: 15px 0 10px;
    	padding: 5px 10px 10px 10px;
    	list-style: none;
    	}
    
    .commentlist li ul{
    	padding:0px;
    	margin:0px;
    	}
    
    .commentlist li ul li {
    	margin-right: -5px;
    	margin-left: 15px;
    	}
    
    .commentlist p {
    	margin: 10px 5px 10px 5px;
    	}
    .children { padding: 0; }
    
    #commentform p {
    	margin: 5px 0;
    	}
    
    .nocomments {
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	}
    
    .commentmetadata {
    	margin: 0;
    	display: block;
    	}
    /* End Comments */
    
    /* Begin Sidebar */
    #sidebar
    	{
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    #sidebar2
    	{
    	padding: 0px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	}
    
    #sidebar form, #sidebar2 form {
    	margin: 0;
    	}
    /* End Sidebar */
    
    /* Begin Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 100%;
    
    	}
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    	}
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    	}
    
    #wp-calendar a {
    	display: block;
    	}
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    	}
    
    #wp-calendar td.pad:hover { /* Doesn't work in IE */
    	background-color: transparent; }
    /* End Calendar */
    
    /* Captions */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	}
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    	}
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    	}
    /* End captions */
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
    	cursor: help;
    	}
    
    acronym, abbr {
    	border-bottom: 1px dashed #999;
    	}
    
    blockquote {
    	margin: 15px 30px 10px 10px;
    	padding:0px 20px;
    	border: 1px dashed #ffffff;
    	}
    
    blockquote cite {
    	margin: 5px 0 0;
    	display: block;
    	}
    
    .center {
    	text-align: center;
    	}
    
    hr {
    	display: none;
    	}
    
    a img {
    	border: none;
    	}
    
    .navigation {
    	display: block;
    	text-align: center;
    	margin-top: 0px;
    	padding-bottom: 20px;
    	}
    .navigation2 {
    	display: block;
    	text-align: center;
    	margin-top: 0px;
    	padding-bottom: 20px;
    	}
    /* End Various Tags & Classes*/
    
    /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    	It won't be a stylish marriage, I can't afford a carriage.
    	But you'll look sweet upon the seat of a bicycle built for two." */
    
    .postmetadata a{
    	text-decoration: none;
    	}
    
    .postmetadata a:hover{
    	text-decoration: underline;
    	}
    
    .narrowcolumn h2, .narrowcolumn h3 {
    	color:#ffffff;
    	margin-top:0px;
    	}
    
    label small{
    	color:#ffffff;
    	  }
    
    #comments, #respond{
    	color:#ffffff;
    	padding:0px 0px 8px 5px;
    	 }
    
    h3#respond{
    	font-size:25px;
    	font-weight:lighter;
    	}
    
    span.author{color:#fc5902 !important;}
    .search_result .post{padding:0px;}
    div.search_result  h2 a{font-size:18px !important;text-transform:capitalize;}
    div.title h2, div.title h2 a, div.title h2 a:visited{
    	color:#fff;
    	font-family:Arial, Verdana, tahoma;
    	font-size:18px;
    	font-weight:lighter;
    	text-transform:uppercase;
    	padding:0px 10px 5px 0px;
    	}
    
    div.title h2 a:hover{
    	color: #fc5902;
    	}
    
    /*=========================FRAME HTML=========================*/
    body{
    	font-family:Verdana, arial, tahoma;
    	font-size:12px;
    	color:#ffffff;
    	margin:0px;
    	padding:0px;
    	background-image:url(images/bg_body.gif);
    	background-repeat:repeat-x;
    	background-color:#005067;
    	line-height:20px;
    	}
    
    form{padding:0px;margin:0px;}
    a, a:visited{color:#fc5902;text-decoration:none;}
    a:hover{color:#fc5902;text-decoration:underline;}
    
    #container{width:100%;}
    #frame{width:900px; margin:0px auto;}
    
    /*=========================================TOP=========================================*/
    #top{width:900px;height:107px;padding-top:13px;}
    #logo{
    	padding:15px 0px 0px 20px;
    	}
    
    #logo h1{font-size:50px; line-height:52px;}
    /*#logo a{display:block;width:270px;height:105px;}*/	
    
    /*=========================================TOP MENU=========================================*/
    #top_menu{background-image:url(images/bg_topmenu.gif);background-repeat:no-repeat;height:52px;}
    #top_menu ul{margin:4px 0px 0px 0px;padding:0px;list-style-type:none;}
    #top_menu ul li{
    	margin:0px 0px 0px 0px;
    	padding:0px 30px 0px 30px;
    	list-style-type:none;
    	display:block;
    	float:left;
    	text-transform:uppercase;
    	color:#ffffff;
    	font-weight:bold;
    	}
    #top_menu ul li.end{border-right:none;}
    #top_menu ul li a, #top_menu ul li a:visited{color:#ffffff;text-decoration:none;}
    #top_menu ul li a:hover{color:#cccccc;text-decoration:none;}
    
    #dropmenu, #dropmenu ul {
    	margin:0;
    	padding:0;
    	list-style-type:none;
    	position:relative;
    	line-height:1.5em;
    	z-index:500!important;
    	font-weight:normal;
    	float:left;
    	}
    
    #dropmenu a {
    	display:block;
    	padding:13px 10px 18px 10px;
    	color:#fff;
    	text-decoration:none;
    	font-family:Arial, Verdana, tahoma;
    	font-size:12px !important;
    	border:0px ;
    	text-transform:uppercase;
    }
    #dropmenu a:hover {color:#fff;}
    #dropmenu li {float:left; position:relative; background-position:0px 12px;  background-image:url(images/line_ver.gif); background-repeat:no-repeat; }
    #dropmenu li.noborder {float:left; position:relative; border-left:none; background-image:none !important;}
    #dropmenu ul {position:absolute; display:none; top:48px; left:0px; cursor:pointer;}
    #dropmenu ul a { z-index:500; }
    #dropmenu li ul {list-style: none;float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;}
    #dropmenu li li{border:0px; border-width:1px; float: left; padding:0px 0px 0px 0px !important;  display:block;   z-index:500;}
    #dropmenu li ul a, #dropmenu li ul a:visited {color:#fff; border:solid 1px #063b4c; border-width:0px 0px 1px 0px; width:120px; font-size:12px; text-transform:capitalize; padding:7px 0px 7px 13px; background-color:#114050; line-height:18px !important;  }
    #dropmenu li ul a:hover{color:#fc5902; background-color:#1b576b }
    #dropmenu ul ul {top:0em;}
    #dropmenu ul ul li ul li{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; display:block; float:left;}
    #dropmenu li ul ul {left:11em; margin:0px 0 0 0px;}
    #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
    #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
    
    /*=========================================HEADER=========================================*/
    #header{width:900px;height:1px;}
    #top_search{background-image:url(images/bg_repeatgrey.gif);background-repeat:repeat-x;height:43px;width:900px;text-align:right;}
    #top_search .inputbox{vertical-align:top;width:150px;margin-right:5px;}
    #icon_search{background-image:url(images/icon_search.gif);background-repeat:no-repeat;background-position:left top;padding-left:30px;}
    #box_search{padding:10px 10px 0px 0px;float:right;}
    .button{vertical-align:middle;}
    .inputbox{border:solid 1px #b5b5b5;}
    
    /*=========================================CONTENT=========================================*/
    #main{float:left;width:900px;padding-bottom:20px;background-color:#005067;}
    #main_left{width:269px;float:left;}
    #block_sidebar{padding:10px;}
    #main_right{width:625px;float:left;}
    #main_content{padding:10px 10px 0px 10px;}
    
    /*=========================================FOOTER=========================================*/
    #footer{
    	width:900px;
    	float:left;
    	text-align:center;
    	background-repeat:no-repeat;
    	background-image:url(images/bg_footer.gif);
    	padding:10px 0px 0px 0px;
    	height:54px;
    	}
    #footer a, #footer a:visited{color:#ffffff;text-decoration:none;}
    #footer a:hover{text-decoration:underline;}

    Waar moet ik wat kopiëren weghalen om in de nieuwe editor-style.css te plaatsen?

    Thread starter MrHankey

    (@mrhankey)

    Als iemand een idee heeft waar ik wat moet kopieren uit styles.css om het daarna in editor-styles.css te plakken hoor ik het HEEL erg graag, ik ben er vanaf 18:00uur mee bezig geweest en ga nu maar knarsetandend naar bed.
    Indien er een andere editor is of een andere oplossing hoor ik het ook erg graag!
    Bedankt voor de hulp tot op dusver, jammer dat ik er niet uitkom.

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    Ik kan alleen maar zeggen, kijk en vergelijk goed hoe ze het in Twenty Ten hebben gedaan…

    Thread starter MrHankey

    (@mrhankey)

    Ik snap het niet.
    WYSIWYG betekend What You See Is What You Get.
    Wordpress heeft een visuele editor, er staat bij dat het een WYSIWYG editor is.
    Maar het is geen WYSIWYG editor, je krijgt niet wat je ziet.

    Mijn kennis van CSS is nog te beperkt om dit probleem aan te pakken.
    Wat kan een beginner nou het beste doen om dit soort dingen op te lossen?
    Ik heb er inmiddels al 35 uur aan besteed en wordt er helemaal moedeloos van.
    Ben juist op WordPress overgestapt omdat het zo gebruiksvriendelijk leek.
    Wat moet ik nou doen?

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    35 uur om je afbeeldingen goed te krijgen?? WordPress is gebruikersvriendelijk, maar het theme waar je gebruik van maakt is dat niet. Dit maakt het ongetwijfeld een stuk lastiger, maar elke andere beginner van WordPress die wat meer wil zal zich zelf moeten verdiepen in de CSS en PHP wil je er meer mee kunnen doen … tis dat of iemand inhuren het voor je te doen.

    Thread starter MrHankey

    (@mrhankey)

    Dan geef ik het theme maar op.
    Een standaard theme grafisch wat aanpassen met Photoshop kost me een halve dag, met CSS ben ik nog wel een paar maanden bezig.
    Geld voor een programmeur of webdeveloper is er niet.

    Bedankt voor je advies, het beste voor 2011!

    Thread starter MrHankey

    (@mrhankey)

    Opgelost, hoe weet ik niet meer, ik heb al 3 dagen niet geslapen.
    Kunnen jullie de standaard WP WYSIWYG editor niet hernoemen?
    “Not-A-WYSIWYG editor” lijkt me erg passend…

    Bedankt voor de hulp, opgelost, dan ga ik nou maar eens naar me nest.

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘WYSIWYG problemen’ is gesloten voor nieuwe reacties.