PHP; Link invoegen

Moderators: Polly, Dani, khirshanta, Leo, Shanna, Hanmar

Antwoord op onderwerpPlaats een reactie
 
 
magda_90
Berichten: 29221
Geregistreerd: 24-09-06
Woonplaats: Leeuwarden

PHP; Link invoegen

Link naar dit bericht Geplaatst door de TopicStarter: 18-12-13 21:34

Omdat ik er met behulp van Google niet uitkom, hoop ik dat jullie mij kunnen helpen. :)

Dit is de situatie:

Afbeelding

Code
<?php if( of_get_option('foto_rss_custom') ) { ?>
               <span class="feed"><a href="<?php echo esc_url( of_get_option('foto_rss_custom') ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a><?php echo "Biografie & Contact" ?></span>
            <?php } else { ?>
               <span class="feed"><a href="<?php echo get_feed_link( '?page_id=74' ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a></span>
            <?php }


Van oorsprong een codering voor RSS Feed maar via WordPress en Dreamweaver ongebouwd tot een link naar mijn "Biografie & Contact" pagina.

Voor de duidelijkheid heb ik de teksten "Biografie & Contact" en "Fotoreportages" toegevoegd achter de pictogrammen. Echter alleen de pictogrammen zijn momenteel als link in werking gesteld, de toegevoegde teksten nog niet. Dit krijg ik helaas ook niet voor elkaar.

Ik heb nu verschillende mogelijkheden geprobeerd die ik vond op Google, maar helaas het lukt niet.

Hoe moet ik hier dus een link aan toevoegen? Weet iemand dat?


De sleutel tot de waarheid is voortdurend vragen stellen, want twijfel leidt tot vragen en vragen leiden ons tot de waarheid.


Shadow0

Berichten: 36238
Geregistreerd: 04-06-04
Woonplaats: Utrecht

Link naar dit bericht Geplaatst: 18-12-13 21:45

De tekst moet tussen <a ...> en </a>. (Dat zijn namelijk de tekens om een link aan te geven.)

Dat wordt dan:

Code
<?php if( of_get_option('foto_rss_custom') ) { ?>
               <span class="feed"><a href="<?php echo esc_url( of_get_option('foto_rss_custom') ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?><?php echo "Biografie & Contact" ?></a></span>
            <?php } else { ?>
               <span class="feed"><a href="<?php echo get_feed_link( '?page_id=74' ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a></span>
            <?php }


Ik heb dus </a><?php echo "Biografie & Contact" ?></span> veranderd in <?php echo "Biografie & Contact" ?></a></span> op de 4e regel (op mijn scherm)

magda_90
Berichten: 29221
Geregistreerd: 24-09-06
Woonplaats: Leeuwarden

Re: PHP; Link invoegen

Link naar dit bericht Geplaatst door de TopicStarter: 18-12-13 21:49

Ik dacht dus dat dat inderdaad de oplossing was, maar dan verdwijnt mijn tekst ineens en schuift het icoontje op naar rechts. Vandaar dat ik het niet snap, want zo wordt het wel aangegeven. -O-


De sleutel tot de waarheid is voortdurend vragen stellen, want twijfel leidt tot vragen en vragen leiden ons tot de waarheid.

Shadow0

Berichten: 36238
Geregistreerd: 04-06-04
Woonplaats: Utrecht

Re: PHP; Link invoegen

Link naar dit bericht Geplaatst: 18-12-13 21:51

Wat zegt je css daarover? Heb je een link?

magda_90
Berichten: 29221
Geregistreerd: 24-09-06
Woonplaats: Leeuwarden

Link naar dit bericht Geplaatst door de TopicStarter: 18-12-13 21:54

Code
.header-right-area {
  text-align: right;
}

.site-social {
  padding-top: 20px;
  font-size: 10px;
  font-family:Verdana, Geneva, sans-serif;
  vertical-align:bottom;
}
.site-social span {
  display: -moz-inline-stack;
  -moz-box-orient: vertical;
  display: inline-block;
  *display: inline;
  vertical-align: bottom;
  *zoom: 1;
  margin-right: 1px;
  margin-left: 10px;
}
.site-social span a {
  height: 26px;
  display: -moz-inline-stack;
  -moz-box-orient: vertical;
  display: inline-block;
  *display: inline;
  vertical-align: bottom;
  *zoom: 1;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  width: 26px;
}
.site-social span.feed a {
  background: url('img/sprite-icons.png') no-repeat -10px -12px;
   height: 27px;
  width: 26px;
}
.site-social span.feed a:hover {
  background: url('img/sprite-icons.png') no-repeat -10px -46px;
   height: 27px;
  width: 26px;


Van oorsprong was het dus de RSS feed, maar dat heb ik omgebouwd naar "Biografie en contact", maar qua programmeren heb ik de naam op feed gelaten.

Dit is overigens alles wat over de feed gaat en in de css staat.


De sleutel tot de waarheid is voortdurend vragen stellen, want twijfel leidt tot vragen en vragen leiden ons tot de waarheid.

Shadow0

Berichten: 36238
Geregistreerd: 04-06-04
Woonplaats: Utrecht

Re: PHP; Link invoegen

Link naar dit bericht Geplaatst: 18-12-13 21:58

Die width klopt in elk geval niet: 26px is alleen het plaatje. Wat gebeurt er als je dat laatste stukje vervangt door:
Code
.site-social span.feed a {
  background: url('img/sprite-icons.png') no-repeat -10px -12px;
   height: 27px;
  width: auto;
}
.site-social span.feed a:hover {
  background: url('img/sprite-icons.png') no-repeat -10px -46px;
   height: 27px;


magda_90
Berichten: 29221
Geregistreerd: 24-09-06
Woonplaats: Leeuwarden

Link naar dit bericht Geplaatst door de TopicStarter: 18-12-13 22:01

Dan krijg ik een hele creatieve header, alle sprite-icons zijn dan zichtbaar en gelinkt aan biografie en contact. :+ Terwijl wederom de tekst dan foetsie is.

Afbeelding

En bij de a:hover
Afbeelding

Met die waarden had ik inderdaad ook al geƫxperimenteerd.

Ik kan anders de betreffende bestanden even op de mail zetten?


De sleutel tot de waarheid is voortdurend vragen stellen, want twijfel leidt tot vragen en vragen leiden ons tot de waarheid.


Antwoord op onderwerpPlaats een reactie

Wie is er online

Gebruikers op dit forum: blue_sky, C_estmoi, Es_ther, flettie, Froukje, GoogleAdsense, HelmerG, kayleigh92, LouLouB, mindful, mmajar, Nozidia, senna21, WietskeK en 99 bezoekers