*

工数短縮。便利なワードプレスで地域紹介サイトを作る

公開日: : 最終更新日:2014/01/16 コーディング・ツール系 , , ,

ウェブ関係の方はもうご存知でしょうが、ワードプレスを使えば最低2ページをデザインするだけで、何百ページ以上のページを管理・更新できます。
そこで今、大船の地域紹介サイトを実際作りながらその制作メモを公開してみました。

今後、ポートフォリオサイト、ECサイトを制作する予定ですので、自分のためでもありますが…

よかったらひとつの例として参考にしてください。

制作しているサイトはこの『3倍楽しめる大船見所ガイド』です。

コンテンツはまだほとんど載ってませんがサイトの型ができているので公開しました。
基本的なことですがワードプレスは記事を追加できるので、これからお店や名所などを取材してどんどんコンテンツを充実させられます。
そして、そのページのレイアウトやタイプをどう振り分けるかなどを試してみたり、
他にtwitterボタンを表示させたり簡単なSEO対策や各プラグインを導入してみて試しています。

1.基本的なブログの作成
まず、さくらレンタルサーバーなど簡単にワードプレスをインストールできるところを選び、余計な作業短縮。バージョンは3.0.5です。
用意した書籍は基本と応用のため2冊で、WordPressレッスンブックと、WordPress3サイト構築スタイルブックです。
あとのカスタマイズなどはネットで補いました。
WordPressレッスンブックがあれば、簡単なブログが作れると思ってください。
ページのレイアウトがいくつかあるので、
header.php,sidebar.phpなどパーツテンプレート分けなどもしておきます。

2.ちょっとした応用
WordPress3サイト構築スタイルブックに掲載されていて、使ってみたのは下記の機能です。
・新着情報をトップページに表示
・カスタムフィールドの使い方(これで名所の住所・電話番号など詳細が入力しやすくなります)
・アイキャッチ画像の設定(各記事に画像を一つだけ設定できます。)

3.ネットでみつけた記事
そのほか、大体基本がわかってきたところで検索開始。
こちらの記事を参考にしました。
プラグインはこちら
・検索フォームの設置
その他、グーグルマップのマイマップ、twitter公式ガジェット、グーグルアドセンス(広告)などを使っています。

駆け足のまとめになりましたがいかがでしたでしょうか。

PR

関連記事

no image

新着情報・ニュースの区切り点線をCSSで

見て頂くと分かるんですが、単純にこちらの箇所のことです。 このまま表示するのは簡単ですが、文字サイ

記事を読む

no image

フリーの新世代HTMLエディタ、BlueGriffon

html5やcss3に対応してるHTMLコードエディタを知りました。 BlueGriffonっていい

記事を読む

no image

firefoxで印刷するとカラム落ち?…解消法

firefoxで左メニュー2カラムの2ページにまたがるサイトを印刷しようとすると、2ページ目以降、右

記事を読む

no image

flashを使わないスライドのサイト作ってみました

今更感もありますが、HTML5の初歩とJSでメインイメージのスライドを作ってみたくてサイ

記事を読む

no image

IE6の印刷対応

ie6にA4サイズの印刷対応をしたので 各バージョンのCSSハックをメモ。 印刷用CSSで横幅95

記事を読む

no image

ウィジェットを使わずtwitterをデザインして表示

忘備録的な記事です。 ツィッターのウィジェットは簡単に設置できるけど デザインを合わせづらいんですよ

記事を読む

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばってた情報をまとめましたので珍しく

記事を読む

no image

自己紹介に最適!1カラムでスクロールするシングルページ

ちょっと前に1ページで完結するサイトのデザインが海外で流行ってました。 なので、自分も試しに自己

記事を読む

no image

Windowsのフォントにお嘆きの方に朗報!

たまたま知ったのですがこんなフリーソフトが。 MacType インストールしてみたら良い感じです

記事を読む

no image

WordPressでページをカテゴリ別に分ける

ワードプレスで各ページのレイアウトをつくってるとき、たとえばこっちのカテゴリーは普通に文章を、こっち

記事を読む

PR

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


PR

no image
ムームードメイン

新たにドメインを取得することにしました。 コスト重視でサーバーは

ルーベンス デッサン模写

アトリエでの課題制作

色彩検定の復習しながらイラスツ

お久しぶりの更新です。 せっかく色彩検定を取ったので、 錆

イラスト フリー素材 円満退社

検索用のタイトルで始まりましたが、 イラスト素材を公開しますー!

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばって

→もっと見る

PAGE TOP ↑