WordPressについて
- WordPressを使用して同好会のブログを作成する方法について、要約と導入時の問題点について説明します。
- WordPressを利用して同好会のブログを作成する際の構成やフォーマットについて、導入時の問題点も解説します。
- この記事では、WordPressを使用して同好会のブログを作成する方法と、導入時に注意すべき問題点について詳しく説明しています。
- ベストアンサー
WordPressについて
同好会でブログを作成してみようということになりました。 メカ経験者の私が管理者という形になりました。 こちらの要望としては以下の構成です。 要約 ( div abstract ) FLASH 記事 ( div xxx ) ( div article) 要約はこれで１つのブロック。 フラッシュと記事は必ず対で１つのブロックです。 １ページ内に複数の要約とフラッシュ＋記事の繰り返しです。構成としては単純なのですが、これをHTMLとして入力し、確認してもらうとなると素人ではなかなか大変です。 そこでフォーマットを決めたワードプレスなら、このサイトと同じように原稿を書いてアップロードしてもらえばと思ったのですが、発想はこれで合っていますか。 また、導入に当たり問題点などがあれば教えて下さい。
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
>そこでフォーマットを決めたワードプレスなら、このサイトと同じように原稿を書いてアップロードしてもらえばと思ったのですが、発想はこれで合っていますか。 半分は合ってます。 違うのは >そこでフォーマットを決めたワードプレスなら、 この部分です。 フォーマットが決まっているのは、「ヘッダー」「フッター」「メニュー等」「投稿文」であり、 （HTMLを知らない人が、誤ってヘッダー等を書き換えたりできなくしてあります。） 質問者さんがやろうとしている「投稿文」を分割することはできません。 ですが、記事の入力エリアに <div>要約</div> <div>FLASH</div> <div>記事</div> と入力することで、３つのパートを1カ所の入力欄で投稿できます。 ちなみにWordpressには抜粋記入欄が最初からありますが、 この抜粋は、RSSやカテゴリー一覧など、複数の記事を並べた時に表示するものです。 （ページ概要として、投稿本文に加えてページ上部に表示するなどの機能を作ろうと思えば作れますが。） >また、導入に当たり問題点などがあれば教えて下さい。 Wordpressを使うには、レンタルサーバーの契約や設定等も必要になってきます。 （すでに使用しているレンタルサーバーの空きスペース（空き容量）を使うのでなければ。） Wordpress自体は無料です。 一度、やってみたらどうでしょうか。 それでダメならアメブロやFC2ブログ等のブログサービスを使われてはいかがでしょうか。 （FLASHを投稿できるところとなると、かなり制限が入ると思いますが。）
関連するQ&A
- 最新情報10件を、mainコンテンツに読み込みたい
<トップページ構成> =========================== |header | =========================== |MENU |contants1 | | | | | |===================| | |contents2 | | | | =========================== のようなレイアウト構成で、ページを作成しております。 この時「contents2のdivブロック は、ニュース(最新情報)を表示する」ブロックにしたいのです。 参考：http://www.edia.co.jp/ (エディア様のニュースブロックみたいにしたいのです。) <今なんとなくつかめている内容> ・iframeではない。 ・エディア様の場合、http://www.edia.co.jp/news/ という別ページのニュース一覧から10件を抜粋し表示している。 また、ニュースページの記事一つ一つ(日付単位の記事)が、divブロック？ <質問> エディア様のような、ニュースページに記述されている最新の10個のdivブロックを抜粋し、 トップページのcontents2に、最新情報10件を表示するにはどのようにすればいいのでしょうか？ JQueryとかの利用によるものなのでしょうか？ 仕組み等を解説してくれているページは、ないでしょうか？ ご教授よろしくお願いします。
- ベストアンサー
- HTML
- ライブドアブログにおいて記事の横幅を広げるやり方
ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。 調べてみたんですが、CSSを書き換えればいいというところまでは、 わかったんですが、その先のカスタマイズのやり方がどうもわかりません。 使用しているテンプレートのCSSの全体の枠組みのところのコードは、 下記のようになっています。 /** 02. Layout - レイアウト（全体の枠組み） */ /* ----------------------------------------------- */ body { margin: 0 0 10px 0; padding: 0; min-width: 1030px; background: #FFFFCC; text-align: center; } div#container { margin: 0 auto; height: 1%; width: 100%; background: #fff; position: relative; } div#content { width: 1030px; margin: 0 auto; } div#main , div#sub , div#extra { overflow: hidden; } div#main { float: left; display: inline; width: 100%; } div#main div.column-inner { margin: 0 225px 20px 225px; } div#sub { float: left; display: inline; margin-left: -100%; } div#sub div.column-inner { width: 200px; padding-right: 15px; } div#extra { float: left; display: inline; margin-left: -215px; } div#extra div.column-inner { width: 200px; padding-right: 15px; } /* ----------------------------------------------- */ /** clearfix */ div#container:after , div#content:after , ul.article-navigator:after , ul.archives-navigator:after , div.article-body:after , div.article-body div.article-body-more:after , div#trackback-form ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /** hasLayout */ div.blog-title-outer , h2.archives-title , div.article-body , div.article-footer , h2.article-title , div.pager , ul , div.index-navigator-outer { height: 1%; } /** peek-a-boo bug */ div#trackback-form , div#trackbacks-list , div#comments-list , div#comment-form { height: 1%; } ここをどう変えれば記事の幅を広げることが出来るのか教えてください。 お願いします。
- ベストアンサー
- ブログ
- html5のマークアップについて
html5を勉強しはじめてまだ１週間くらいですがサイトを作成しています。 ただ正しいのか曖昧な感じで作成しており、詳しい方々にご教授頂ければと思います。 ★サイト構成サンプル画像 http://test.infinity-design.info/sample.png ■長くなりますが構成の説明 (1)基本的に外部へのリンク（他店舗へのリンク等） ⇒メインコンテンツほど重要な役割ないが、当サイトと関連はあるので、<aside>タグを使用。 (2)ページヘッダー部分⇒<header>を使用 ⇒ロゴ部分は見栄えの関係で<div>で、ロゴ画像は<h1>タグを使用 ⇒ロゴ下のナビ（グローバルナビ）⇒主要リンクなので<nav>で構成。 グローバルナビ下のエリア ⇒SEOテキスト部分<h2>タグで構成（<h2>じゃなく<p>が適切かも？） ⇒その右横のリンク（ローカルナビに相当のため）、<nav>で構成。 (3)レイアウト構成のため外枠を<div id="maincont">で構成。 ⇒パン屑部分、主要リンクのため<nav>で構成。 http://www.html5.jp/html5doctor/nav-element.html (4)ここ一番悩んでます、 コンテンツの内容によって適切なタグが変わってくると思いますが、今回は主に下記を加味して構成してみました。 http://www.html5-memo.com/new-element/aside/ ⇒メインコンテンツとは関連性が薄く、切り離すことができるコンテンツを表します。 http://design.kayac.com/topics/2010/12/post-42.php http://www.html5.jp/html5doctor/aside-revisited.html ⇒メインのコンテンツほど重要な役割を持たないコンテンツだけれども、それがページや記事に関連しているなら、ビジュアル・デザインの有無にかかわらず、aside が適切。 以上の２点を中心に考えてみました、 後はどこかで、「<aside>としてる部分を削除してもメインコンテンツが成り立つか？」という文面もどこかで見た気がしますが。 (7)は除いて考えると、外枠全部を<aside>で構成することできると判断し<aside>で構成しました。 上記の構成は正しいか？自分で自信がありません。 外枠を<div>にするか迷っている理由ですが、 http://design.kayac.com/topics/2010/12/post-42.php の、「ページや記事と関係ない物をサイドバーに置く事も考えられます(特に広告など)。 ページや記事と関係ない物を置く場合は、サイドバーをdivで囲ってコーディングしたほうが良いと思います。」というやつの例ですが、 全体を<div>に変更し広告部分も<div>となっています、が、これは外を<div>にし、<section>前を<aside>で囲ってはダメなのでしょうか？ あくまで例なのですが.. 様はサイドバーに配置されているコンテンツで、サイト（ページ）に全く関係ない広告（レンタルサーバーの広告とか？）を載せている場合、 全体は<div>で囲む必要がでてくる（絶対divという訳じゃないですが）？、 その他のコンテンツは<aside>として成り立つか上記の考え方で加味し、 適切なら適時<aside>で囲む、じゃなければその他のタグで構成ということになると思うのですが・・どうでしょうか？ 今回のサイトの様に左カラム全体が上記加味し<aside>として成り立つならば、 大枠を<aside>として囲み、配置しているコンテンツは適時適切なタグで構成するとなると思うのですが・・ (8)メインコンテンツ部分ですが、外枠は<div>で構成しました。 ⇒キャンペーンバナー（ライトボックス表示だったり、キャンペーン専用ページに遷移等） ⇒ニュース記事 フィードとして成り立つと考え<article>で構成、中身は記事となるため<section>により構成、 当エリアはスクロールで記事が何個か見える感じになります。 (9)⇒今月の新商品一覧 外枠を<div>か<section>で構成。レイアウトで<div>が必要な場合に限り、 <div> <section>とする感じになります。必要なければ<section id="XX">を大枠に。 (10)⇒当店のシステムについて 中身はさらに各セクションで分ける事ができるので、各セクション毎に分けて構成しました。 (11)フッター部分のため<footer>で構成。 長文、乱文ですいません、html5に詳しい方々。是非ご教授ください。
- 締切済み
- HTML
- drupalで特定カテゴリの最新記事の取得
ある制作会社でdrupalで作られたサイトを管理しています。 引き継ぎを行っていないため詳しい仕様がわからず、またdrupal自体の存在を知らなかったので四苦八苦しています。 ■やりたいこと drupalで制作したサイトのホーム（インデックス）に、「カテゴリA」と「カテゴリB」が付いた記事の中で最新1件を表示させたい（更新履歴的なものを想像していただければ大丈夫かと思います） ■わからないこと そもそも全てわからないのですがやったことを記述してみます。 ホーム自体は「page-front.tpl.php」というphpで書き出しているみたいなのですが、そこで扱っている変数やらデータは「views-view-list--home-xxx.tpl.php」というファイルで管理されているみたいでした（ファイル名は忘れてください＞＜） 下記のソースが書いてあり、このソースは「ニュース」カテゴリというものをすべて出している処理みたいです。 これを応用すればいいのかなと思ったのですがこのソース内の$rowとかがどこから来ているのかわからず、データの引っ張り方もわからずで悩んでいます。 <h3><a href="/taxonomy/term/4">ニュース</a></h3> <div class="article"> <?php $loop = 0; ?> <?php foreach ($rows as $id => $row): ?> <?php if($loop > 5):?> <?php break; ?> <?php else:?> <div class="li item-<?php $loop ++;print $loop; ?>"><?php print $row; ?></div> <?php endif?> <?php endforeach; ?> </div> </div> もしかしたら見当違いのことをしているかもしれませんが、 教えていただけないでしょうか？ よろしくお願いします。
- 締切済み
- SE・インフラ・Webエンジニア
- （HP作成）メニューバーのプルダウンの高さ分が下にずれる。
（HP作成）メニューバーのプルダウンの高さ分が下にずれる。 お世話になります。独学でHPの作成をはじめて３週間たらずの者です。 色々試行錯誤しているのですが分からず困っております。 どなたかご教授頂ければ幸いです。 (1)ヘッダー、(2)プルダウン形式のメニューバー、(3)フラッシュ、(4)コンテンツという構成のHPです。 ＜質問＞ メニューバーのプルダウンの高さ分が下にずれる。言い方を変えると、 本来、フラッシュやコンテンツを配置したい場所から、プルダウンの高さ分が下方へずれる。 恐らく、positionを利用すれば解決できると思うのですが、どこでどう使えば良いのかが、 分かりません・・・。不明な点がありましたら、質問ください。 下記がHTMLです。CSSは追加で掲載します。 <body> <div id="wrapper"> <div id="header"> <h1><img src="image/header.gif" width="960" height="100"/></h1> <!--/#header--></div> <!--[if IE 6]><div><![endif]--> <div id="navibar"> <ul> <li ><div id="btn01"><a href="#">ミッション</a></div></li> <li><div id="btn02"><a href="#">講師紹介</a></div></li> <li onmouseover="document.getElementById('pull').style.visibility='visible'" onmouseout="document.getElementById('pull').style.visibility='hidden'"> <div id="btn03"><a href="#">事業内容</a></div> <ul id="pull"> <li> <div id="pull01"><a href="#">各種セミナー・講演</a></div> </li> <li> <div id="pull02"><a href="#">コーチング</a></div></li> <li> <div id="pull03"><a href="#">カウンセリング</a></div></li> </ul> </li> <li><div id="btn04"><a href="#">お客様の声</a></div></li> <li><div id="btn05"><a href="#">よくある質問</a></div></li> <li><div id="btn06"><a href="#">お問合せ</a></div></li> </ul> <!--/#navibar--></div> <!--[if IE 6]><div><![endif]--> <div id="flash"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="350"> <PARAM NAME=movie VALUE="xxx.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <param name="BGCOLOR" value="#D6D6D6" /> <EMBED src="xxx.swf" width="960" height="350" quality="high" bgcolor="#D6D6D6" wmode="transparent"> </OBJECT> <!--/#flash--></div> <div id="contents"> <p><img src="image/topicbnr.gif" width="960" height="40" alt="新着情報" /></p> <!--/#content--></div> <!--/#wrapper--></div> </body>
- ベストアンサー
- HTML
- go in a line の意味を教えてください
先日の New York Times の記事"More Than Just Words" という記事の最後の部分で、"go in a line" という連語が出てきて上手く訳せませんでした。全体の要約としては、「『読む』という概念が変わってきていて、伝統的な方法（新聞、活字、書籍を読む）では読者は満足せず、現代はインターネットを通して、データや原稿をシェアしたり、読むことを通して交流できるような方法（TWITTERのような）が人気を集めている。『読む』とは何か、がいま改めて問われている」といった内容だと思います。 その最後の結末の部分が下です。 Rand J Spiro, a professor pf educational psychology at Michigan State University, told Ms. Rich that young people "aren't as troubled as some of us older folks are by reading that doesn't go in a line. That's a good thing, becuase the world doesn't go in a line, and the world isn't organized into separate compartments or chapters." "go in a line" はここで初めて出てきた連語です。 "read between the lines" のようにとらえていいのでしょうか。 「若者は、go in a lineのような文を読んでも、年配者ほど困らない。それは良いことだ、なぜなら世界はgo in a lineしないし、世界は分離された要素や区切りによって構成されているわけではないのだから」？？ 直訳的になってしまいましたが、どうしてもうまく訳せませんでした。 ヒントになるような発想でもかまいませんので、ご意見いただけると幸いです。 よろしくお願いします！
- ベストアンサー
- 英語
- htmlをwordpress同様にまとめられないか
wordpressでheader.php やfooter.phpのように通常のhtmlのウェブサイトを構築する際に各共通部分をCMS等を使わない通常のウェブサイト作成の際にまとめることはできませんか。 もちろん、これはwordpressのインクルードタグであることは承知ですが、要するに共通部分をphp等でまとめることはできないのでしょうか。 一つにまとめられるものであれば何でも構いません。 dreamweaverで編集しており、dreamweaverの機能も承知ですが、毎回更新する際に読み込むのに非常に時間がかかるため、他の方法を探しております。 ページ50ページ近くあり、共通部分を毎回手直ししてるのでかなり時間がとられます。 初心者なのですが、よろしくお願いします。
- ベストアンサー
- PHP
- Wordpressについて教えてください
私、HTML(タグ)の知識はある程度あるのですが、今回、初めて、Wordpressを使ってホー ムページを作成することを検討しています。（→無料で。） とあるWebサーバーで、アカウントとパスワードだけ戴いているのですが、現状、フ ァイルアップロードにWinSCPを使っています。Tera TermでのWebサーバーアクセスも可能で す。クライアント側PCでは、Windowsを使用しています。サーバーのOSは不明です。 上記の条件で、Wordpressを使用してホームページ作成するのに、どのような手順が必要なのか、詳しく教えていただけますでしょうか？ WordpressのHPを見ても、My SQLのインストールが必要だったり、そもそもHTMLタグと似た方法（クライアント側PCにWordpressをインストールしてそこでHPを作成し、ファイルをWinSCPを使ってサーバーにアップロード）が可能なのか否かとか、分からないことだらけです。 ご教授いただけましたら幸いです。
- ベストアンサー
- ホームページ作成ソフト
- WordPressについて
サーバを借りてホームページを作りたいと思い、 比較的簡単にできるwpを使おうと思いました。 そして、いくつかの疑問が浮かびました。 ・WordPress内でCGIはアップできるのでしょうか？ ・アップデートは簡単にでき、データ破損などはないのでしょうか？ ・サポートなどはきちんと対応してくれるのでしょうか？ ・ブログではなく、サイトのようにもできるのでしょうか？ ひとつでもお答えできるのであれば、おねがいします。
- ベストアンサー
- ブログ
- Wordpressについて困っています。
Absolute Privacyを使って、記事制限をかけたいのですが、 Allowed Pages:(許可するページ)の欄に、サイトのトップページを加えたいのですが、 トップページにはページIDがありません。 どうやれば、トップページを非ログインユーザーにも公開するようにできるのでしょうか？ wordpressに詳しい方、教えてください。 よろしくお願いします！
- 締切済み
- CSS
お礼
非常に親切なご解答どうも有り難うございます。どうもお話を聞いている限りでは１つのHTML内では１つの投稿欄しか設定できないようですね。 ３つのパーツを１つで投稿できるのでもいいのですが、できれば投稿欄は２つの形式が用意できればと思いました。そうすれば投稿者には記事にだけ専念してもらえます。 ３つのパーツを１つで投稿するとなると、HTMLの記述が必須になってくるみたいですね？まあ、それならそれで仕方がないかなとは思います。 サーバー側の契約の問題もあるのですね。プログラムが入るので当然何かしらあるかなとは思っていましたが。やはりサーバー側に問い合わせないとダメということですよね。 アメブロとかは索引をつけることができるのでしょうか？例えば地球、火星、木星のような感じで分類分けの索引は必須です。それぞれの項目に対して質問のような投稿を考えています。ブログというと日記というイメージがあるのですが、どんなものでしょう。
補足
便利だという評価やスキルが必要だという意見が多くて私にはピッタリなようです。取り敢えず試しにやってみることにしました。