いつも皆様にお世話になっております。
私の初歩的過ぎる質問にお答えいただき本当に感謝しております。
今回の質問なのですが、この前の質問に続くのですが、
説明させていただきます。
以下以前の質問です。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
現在、HTMLで作ったサイトをWordpressに切り替える作業をしております。
やりたいことは、HTMLとCSSで作ったものの一部にWordpressを使って
口コミを3件ほど、ページ下部分に付けるというものです。
(口コミは普通の投稿したものを使います)
Wordpressは初めてでして、
Wordpress トップページ index.htmlなどと検索してみたのですが
なかなか理解できず作業が止まったままなのです。
一つ
http://www.jiriki.co.jp/blog/wordpress/wordpress-indexhtml
こちらのサイト様を参考に作ったのですが、
WordPress側の設定をしようのところの時点で、TOP PAGEという項目が出てこず
なかなか進めていません。
お手数なのですが、初心者の私にもできそうなやり方はありますでしょうか?
ご回答いただければ幸いです。
よろしくお願いします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
この前の回答してくださった方のおかげで、無事設置することが
できました。
今作業しているサイトはここに載せることができないのですが、
以下の点でなかなか進めないでいます。
○ http://www.jiriki.co.jp/blog/wordpress/wordpress-indexhtml
のサイト様のやり方で読み込むがcssを操作してもcssが適用されない。
→cssを組み込む方法がありますでしょうか?何か別に方法があるでしょうか?
○ 記事が2重で表示される
→こちらもjavascriptの書き方で変更方法がありますでしょうか?
この2点で行き詰っています。
自分でも、いろいろ考えて、javascriptでcssを変更できないかいろいろ
調べたのですが、なかなか理解できず今回お力を借りたいと思っております。
大変申し訳ありません。
ご回答いただければ幸いです。
よろしくお願いします。
追記です。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
cssを変更したい部分ですが、
http://www.jiriki.co.jp/blog/wordpress/wordpress-indexhtml
上記のサイト様の
index.htmlにWordpressの新着を表示する場合の部分の
<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load("feeds", "1"); //APIを読み込みます function initialize(){ var feed = new google.feeds.Feed("http://www.jiriki.co.jp/blog/feed"); var noPhoto = ("<img src='img/logo-dark.png' />"); feed.setNumEntries(3); feed.load(dispfeed); function dispfeed(result){ if(!result.error){ var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var entryDate = new Date(entry.publishedDate); var entryYear = entryDate.getYear(); if (entryYear < 2000){ entryYear += 1900; } var entryMonth = entryDate.getMonth() + 1; if (entryMonth < 10) { entryMonth = "0" + entryMonth; } var entryDay = entryDate.getDate(); if (entryDay < 10) { entryDay = "0" + entryDay; } var date = entryYear + "/" + entryMonth + "/" + entryDay; var entryImg = ""; var imgCheck = entry.content.match(/(src="http:)[\S]+((\.jpg)|(\.JPG)|(\.jpeg)|(\.JPEG)|(\.gif)|(\.GIF)|(\.png)|(\.PNG))/); if(imgCheck){ entryImg += '<img ' + imgCheck[0] + '" width=\"200px\">'; } else { entryImg += noPhoto; } container.innerHTML += '<div class=\"3col\"><p class=\"sub alt-font\">' + date + '</p><h3><a href="' + entry.link + '">' + entry.title + '</a></h3>' + entryImg + '<p>' + entry.contentSnippet.substring(0,120) + '<br><a href="' + entry.link + '" class=\"link-text\">Read more</a></p><hr></div>'; } } } } google.setOnLoadCallback(initialize); </script> <p id="feed"></p>
の中の
container.innerHTML += '<div class=\"3col\"><p class=\"sub alt-font\">' + date + '</p><h3><a href="' + entry.link + '">' + entry.title + '</a></h3>' + entryImg + '<p>' + entry.contentSnippet.substring(0,120) + '<br><a href="' + entry.link + '" class=\"link-text\">Read more</a></p><hr></div>';
の部分であるclass="3col"の中をcssを適応したいと思っています。
またPHPですが、
<?php /* Template Name: Top Page */ readfile(ABSPATH . '/index.html'); ?>になります。
初心者で、情報がうまく伝えきれていないところがあり、
申し訳ございません。
回答2件
あなたの回答
tips
プレビュー