合併并且集成亞馬孫aStore與Wordpress頁
aStore是給會員能力創造一家專業網上商店在幾分鐘和，不用對知識或技能的需要先進HTML編程的一個新的亞馬孫產品為亞馬孫同事。 最好所有，亞馬孫aStore可以直接地從您的網站不僅連接，可以也埋置它內和集成您的網站或blog。 如此您能開始您的網上事務賣亞馬孫或它的夥伴產品和贏得會員提及委員會，无需甚而讓您的留下您的網站的訪客。
亞馬孫提供了3種選擇和方式集成和出版亞馬孫aStore，即。 直接地與您的aStore連接作為一個獨立站點，使用一個軸向框架埋置您的aStore并且使用一frameset集成您的aStore為使用框架佈局結構的網站。 如果您擁有一個正常基於HTML的網站， aStore的綜合化和並網到網站裡是非常容易和直接向前。 請創造一個鏈接直接地對aStore網上商店或者創造新的頁并且插入由亞馬孫提供給新的頁的I幀或框架佈局embeding的代碼，然後鏈接對新的頁從您的主要索引頁。 然而，如果您在Wordpress平臺blogging，集成亞馬孫aStore的步與Wordpress不是那麼直接的。 然而， aStore和Wordpress罐頭通過使用Wordpress頁模板仍然集成，因此aStore將出現在Wordpress裡面框架或佈局，不用所有Wordpress的需要插入式。
要插入和埋置亞馬孫aStore入Wordpress，以便aStore集成與Wordpress，遵守這些指示：
- 加入并且報名參加作為 Amazon.com同事.
- 由亞馬孫建立aStore通過跟隨產品類別和子範疇在側杆將顯示，定做aStore顏色和設計和通過使用側杆裝飾物定做aStore側杆的4簡單的步，您能選擇您的特色亞馬孫產品訪客對您的網上商店首先將看見，選擇。
- 在大廈和定做aStore以後，得到您的個人鏈接代碼為aStore。 選擇使用一個軸向框架選擇埋置我的商店得到鏈接出版在Wordpress頁。
- 創造一塊習慣頁模板為Wordpress根據您現有的頁模板，但，不用側杆通過刪除 <？php get_sidebar (); ？> 線。
這是，因為寬800個映像點，和為大多題材為Wordpress， aStore不會合適在頁內，如果有任何側杆。 As Wordpress templates are heavily aligned and positioned by using CSS DIV tags, you may need to remove DIV in CSS layout that restrict the width of the layout in your aStore page template. Generally, a aStore page template would like similarly like this (comments on template code in italic, can be safely ignored):
<?php
/*
Template Name: aStore Page
*/
?>
The above section is important so that Wordpress will identify the new theme’s php file as a Page template. You can change the template name though.<?php get_header(); ?>
In Wordpress theme’s header, there may be also DIV tag that controls the width in the Page layout. If it’s the case, the remove this line, the copy and paste the everything from Header template, and modify accordingly.<div class=”content”>
Again, this may restrict the width of layout, if so, replace it with your own DIV structure, or simply with <center></center> (which I used) or just remove the line.<iframe src=”http://astore.amazon.com/techgadgetrev-20″ width=”90%” height=”1000″ frameborder=”0″ scrolling=”yes”></iframe>
Replace above line with your own Amazon aStore link, unless you want to donate your commission to me. I personally found that the height is too big, so I reduced it and modified the scrolling to yes. If your layout is just 800 pixels, you might need to modify the width to 100% too.</div>
If you don’t use any DIV above, just remove this line too. If you use <center>, replace with </center>.<?php get_footer(); ?>
Note: You can also exclude the theme’s header and footer (basically mean empty template file just just a line of aStore affiliate link, but that defeat the purpose of integration with Wordpress.
- Upload the new template with aStore code to your Wordpress theme’s directory. So if you’re using Blogsome or Wordpress.com, you may be out of luck.
- Create a new Wordpress static Page by clicking on “Write” then “Write Page”.
- Key in any Title you like, then on the Page Template at the side, choose aStore Page (or whichever name you gave to the new template).
Then save the page. - You’re done. Your integrated Wordpress aStore page has been published.
IMPORTANT: This is a machine translated page which is provided "as is" without warranty. Machine translation may be difficult to understand. Please refer to original English article whenever possible.
Share and contribute or get technical support and help at My Digital Life Forums.
Related Articles
- Integrate and Display Google AdSense for Search and Co-Op Custom Search Engine Results in WordPress Blog Page Template
- Paginating or Split WordPress Post or Page with NextPage in WordPress Not Working
- Integrate WordPress including Comments with bbPress Forum using bbSync
- Adding Extra More Fields to WordPress Write/Edit Post/Page Right Column
- How to Change the Frequency or Interval WordPress Auto Saves An Editing Post or Page
- Enable Gzip Compress on Wordpress with WP-Cache 2.x
- Must Have WordPress Plugins
- Download Previous or Old Version of WordPress
- WordPress 2.1.1 Critical Security Alert - Download Upgrade to 2.1.2
- Disable and Turn Off Post Revisions Tracking in WordPress 2.6 or Above
Entries (RSS)
August 11th, 2008 07:32
Hi there.
After hours of mulling over the issue, I finally got my aStore integrated into my site. One thing, though. You can set the scrolling to “auto” so that the scrollbars appear only when needed.
In addition, Amazon makes customizing various colors via the CSS for the aStore a snap.
Thanks again!
May 28th, 2008 05:59
Thank you, thank you, thank you!!! I have been trying to figure out how to do this for weeks. I learned a lot and made quite a nice store I think. Thanks again!
May 14th, 2008 09:43
Hello,
I’ve taken a look at your tutorial here for embedding my aStore into my Wordpress.org website, but I have to admit that I am a bit confused.
I’ve included my site in the website link for reference.
What I’d like to do is create a new page on my site, between the page tabs Join and Artwork called Shop.
Inside of the page Shop, I’d like to embed my aStore.
However, as you mentioned, the storefront is too wide to be adequately placed within the margins of the post area. So I am wondering how do I remove the sidebars from showing just on the Shop page while keeping them as they are on other pages of my site?
I also notice, from looking at a few blog sites listed in some of the comments, that some users have a sidebar option that shows a preview of a few of their shop items and once a user clicks on that sidebar preview, they are taken into a page on their Wordpress site without sidebars that showcases the shop entirely. This is another option I am interested in for my website.
If you can help me with this issue, I’d greatly appreciate it and any time you take out of your schedule to do so.
Warmest Regards,
Allyson N. Jason
March 12th, 2008 11:46
There are a few limitations with iframe based astores. These are listed at astoreproxy.com
and also the solution.
February 26th, 2008 22:05
Hi, thanks for this great tutorial.
Our site is live in 20 minutes
(for anyone struggling - don’t just copy the code above - you need to change the “” - otherwise your server will return a 404)
February 3rd, 2008 01:31
[...] The way to integrate Job-A-Matic in your WordPress blog is the same as how you go about integrating Amazon aStore in a WordPress page. ORMSblog has written a similar tutorial for embedding Job-A-Matic in your WordPress blog [...]
January 21st, 2008 05:08
Thanks for this article, it will help a lot of people.
Do you know a way to easily add links to blog posts that link to items in your aStore within your iframe? Does that make sense?
December 27th, 2007 07:17
[...] Incorporate and Integrate Amazon aStore with Wordpress Page » My Digital Life (tags: amazon wordpress astore embed iframe) [...]
October 11th, 2007 20:46
Thanks for the tip. I was stumped until you pointed out the need to create a new template for the page - after that it was easy. Up til that point I was having all kinds of nightmares about having to hack the existing templates…
July 17th, 2007 04:48
Thanks for the instructions I am SOOOOO happy with my store integration!
July 1st, 2007 05:18
Your instructions worked and I now have an Amazon aStore within my WordPress site at http://www.afloat.org.uk.
Thanks for the advice!
May 29th, 2007 19:06
Do you know of a blog where it’s used?
I ask because I have some problems making an iframe myself but showing a map like this http://www.tinemuller.dk/new_wordpress/another-test-map/.
I have now deleted from the code because of too many problems but would really like to have this above the map but can’t get it to functioning.
May 29th, 2007 03:47
aStore used to on this blog, but now been taken down.
May 28th, 2007 19:25
Am I blind or don’t you have this used on this Blog?