Can I add link to my images from code on my own wordpress theme?
I am new to wordpress. I have started creating custom theme. I am getting my content via following method:
<?php
if ( have_posts() )
while ( have_posts() )
the_post();
//
the_content()
//
// end while
// end if
?>
I added lot of images on my website. These images are automatically sizing from wordpress. I want to add hyperlink (link of same image) to all images in a post. But I don't want to do this manually one by one.
Following is example of what I want to achieve:
<img src="sample.img" />
//to convert
<a href="sample.img" class="mycustomclass">
// Image link:
<img src="sample.img">
</a>
wordpress wordpress-theming
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
add a comment |
I am new to wordpress. I have started creating custom theme. I am getting my content via following method:
<?php
if ( have_posts() )
while ( have_posts() )
the_post();
//
the_content()
//
// end while
// end if
?>
I added lot of images on my website. These images are automatically sizing from wordpress. I want to add hyperlink (link of same image) to all images in a post. But I don't want to do this manually one by one.
Following is example of what I want to achieve:
<img src="sample.img" />
//to convert
<a href="sample.img" class="mycustomclass">
// Image link:
<img src="sample.img">
</a>
wordpress wordpress-theming
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09
add a comment |
I am new to wordpress. I have started creating custom theme. I am getting my content via following method:
<?php
if ( have_posts() )
while ( have_posts() )
the_post();
//
the_content()
//
// end while
// end if
?>
I added lot of images on my website. These images are automatically sizing from wordpress. I want to add hyperlink (link of same image) to all images in a post. But I don't want to do this manually one by one.
Following is example of what I want to achieve:
<img src="sample.img" />
//to convert
<a href="sample.img" class="mycustomclass">
// Image link:
<img src="sample.img">
</a>
wordpress wordpress-theming
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
I am new to wordpress. I have started creating custom theme. I am getting my content via following method:
<?php
if ( have_posts() )
while ( have_posts() )
the_post();
//
the_content()
//
// end while
// end if
?>
I added lot of images on my website. These images are automatically sizing from wordpress. I want to add hyperlink (link of same image) to all images in a post. But I don't want to do this manually one by one.
Following is example of what I want to achieve:
<img src="sample.img" />
//to convert
<a href="sample.img" class="mycustomclass">
// Image link:
<img src="sample.img">
</a>
wordpress wordpress-theming
wordpress wordpress-theming
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
edited Nov 13 '18 at 14:47
zipkundan
1,2661513
1,2661513
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
asked Nov 13 '18 at 13:07
Ramazan AlkanRamazan Alkan
279
279
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09
add a comment |
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09
add a comment |
1 Answer
1
active
oldest
votes
Follow These steps to link an image in Wordpress WYSIWYG editor.
https://en.support.wordpress.com/links/image-links/
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53281697%2fcan-i-add-link-to-my-images-from-code-on-my-own-wordpress-theme%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Follow These steps to link an image in Wordpress WYSIWYG editor.
https://en.support.wordpress.com/links/image-links/
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
add a comment |
Follow These steps to link an image in Wordpress WYSIWYG editor.
https://en.support.wordpress.com/links/image-links/
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
add a comment |
Follow These steps to link an image in Wordpress WYSIWYG editor.
https://en.support.wordpress.com/links/image-links/
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
Follow These steps to link an image in Wordpress WYSIWYG editor.
https://en.support.wordpress.com/links/image-links/
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
answered Nov 14 '18 at 8:49
Zainul AbideenZainul Abideen
1,161315
1,161315
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
add a comment |
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
Thank you for help :) and I am sory for late answer.
– Ramazan Alkan
Nov 19 '18 at 18:59
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53281697%2fcan-i-add-link-to-my-images-from-code-on-my-own-wordpress-theme%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
is it a featured image? or you added it manually in editor?
– Zainul Abideen
Nov 13 '18 at 13:13
@ZainulAbideen I am added in manually editor
– Ramazan Alkan
Nov 13 '18 at 14:13
So you can do it manually in the editor. Select the image and then click 'Link' icon in the toolbar.
– Zainul Abideen
Nov 14 '18 at 8:09