wordpressでwebサイトの構築��
こんにちは！ほりぺーです！
wordpressといえばフリーのブログ構築パッケージとして使用しておられる方が多いかと思いますが、今回はwordpressを使って通常のhtmlやcssをバリバリ使ったwebサイトを構築する際のやり方について
まずは作成するwebサイト用にwordpressのテーマを作ってやります。いわゆるテンプレートですね
私がサイトを構築する際は以下のファイルは最低限用意します。
そして、中身のコンテンツ自体は管理画面の「新規ページ作成」から投稿します。
ちなみにwordpressではコンテンツを登録する際に「記事」と「ページ」に分かれますがどう違うのかというと
※記事
・時系列に存在する。
・階層構造はもたず、カテゴリーで分類される
※ページ
・時系列には存在しない
・カテゴリーでは分類されず階層構造で管理される
したがって通常のwebサイトはブログの記事のように時系列で存在せず、階層管理されるべきなのでページとしてコンテンツを投稿するのがよいでしょう。
しかし、お知らせやニュースなどのコンテンツのように時系列の概念を持つコンテンツについては記事に投稿してやります。
php wordpress オープンソース linux web
ブログランキングに参加してます。クリックよろしくお願いします。
おすすめリンク
wordpressといえばフリーのブログ構築パッケージとして使用しておられる方が多いかと思いますが、今回はwordpressを使って通常のhtmlやcssをバリバリ使ったwebサイトを構築する際のやり方について
まずは作成するwebサイト用にwordpressのテーマを作ってやります。いわゆるテンプレートですね
私がサイトを構築する際は以下のファイルは最低限用意します。
index.php : メインページ用のテンプレート
header.php : 共通ヘッダ用テンプレート
footer.php : 共通フッタ用テンプレート
sidebar.php : サイドバー用テンプレート
page.php : コンテンツ表示用テンプレート
style.css : css定義ファイル
そして、中身のコンテンツ自体は管理画面の「新規ページ作成」から投稿します。
ちなみにwordpressではコンテンツを登録する際に「記事」と「ページ」に分かれますがどう違うのかというと
※記事
・時系列に存在する。
・階層構造はもたず、カテゴリーで分類される
※ページ
・時系列には存在しない
・カテゴリーでは分類されず階層構造で管理される
したがって通常のwebサイトはブログの記事のように時系列で存在せず、階層管理されるべきなのでページとしてコンテンツを投稿するのがよいでしょう。
しかし、お知らせやニュースなどのコンテンツのように時系列の概念を持つコンテンツについては記事に投稿してやります。
php wordpress オープンソース linux web
ブログランキングに参加してます。クリックよろしくお願いします。 おすすめリンク jQueryの使い方〜入門編〜
こんにちは！ほりぺーです！
本日はjQueryの使い方について。
私はjQuery超初心者でありましてとりあえず、html内の要素へのアクセスの仕方からサンプルを作って試しました。
まず、jQueryを使ってタグへアクセスする際には
「$()」を使用してやります。
例えばdivタグに対してアクセスする場合は
$("div")のように書いてやります。
それでは具体的にタグにアクセスする方法を
パターン別に紹介していきます。
��タグのidを指定してアクセス
特定のid名を持つ要素に対してアクセスする場合には#の後ろにid名をつけてやります。
$("#id名")
id="testID"の
idが割り当てられたタグにアクセスする場合は$("#testID")とします。
��クラス名を指定してアクセス
次に特定のid名ではなく要素にクラス名が割り当てられている場合には
クラス名の前に「.」を付けてアクセスします。
$(".クラス名")
さらに特定のタグに割り当てられているクラスのみにアクセスしたい場合は
$("タグ名.クラス名")
とします。divタグのtestclassクラスにアクセスしたい場合は
$("div.testclass")とします。
��特定のタグにアクセス
特定のタグに一致させたい場合は
$("タグ名")
とします。pタグにアクセスしたい場合は$("p")とします。
また。複数のタグに同時にアクセスしたい場合には$("p,div")のように
カンマで区切ってタグを列挙すれば可能です。
��階層構造を持ったタグへのアクセス
<p><div></div""p"のように
タグがネストした構造になっている場合には
$("p div")
とすることでpタグ内のdivに対してアクセスが可能になります。
さらに子孫セレクタの子セレクタのみにアクセスしたい場合は
親タグ>子タグと指定します。
$("p>div")
こうしてやると<p><em><div></div></em></p>の孫セレクタであるdivにはアクセスできませんが<p><div></div></p>の
子セレクタであるdivにはアクセスできます。
��特定のタグの隣にあるタグへのアクセス
特定のタグと隣にあるタグを「+」で結びます。
例えば<div></div><p></p>の場合pタグにアクセスしたい場合には
$("div+p")
こうすることでdivタグの直後にあるpタグにアクセスが可能になります。
php wordpress オープンソース linux web
ブログランキングに参加してます。クリックよろしくお願いします。 おすすめリンク 
テーマ : JavaScript
ジャンル : コンピュータ
wordpressの記事でhtmlを挿入できるプラグイン
こんにちわ！ほりぺーです！
通常のwebサイトを構築する際、記事の中でバリバリhtmlを書いたり
場合によってはCSSを組み込みたいといった時もあるのですが
記事に投稿すると自動で改行を
に置き換えたり、
通常のwebサイトを構築する際、記事の中でバリバリhtmlを書いたり
場合によってはCSSを組み込みたいといった時もあるのですが
記事に投稿すると自動で改行を
に置き換えたり、
タグがいたるところに入れられてしまったり思い通りのデザインになりません。。
そんな時に便利なプラグインがraw-htmlというプラグイン
ここからダウンロード
これを使えばタグの自動整形機能をカットしてくれるので自由にデザインが組める代物です。
使い方は管理画面 > 投稿画面 の右下に以下のようなチェックボックスが現れるので
それにチェックを入れてそのまま記事を投稿すればオッケー
通常のwebサイトをwordpressで構築したいときには大変便利です。
php wordpress オープンソース linux webブログランキングに参加してます。クリックよろしくお願いします。おすすめリンク
動的にリンクのURLを変更する方法
こんにちは！ほりぺです！
セレクトボックスで選択した値に応じて
リンクのURLを動的に書き換えるjavascriptを作ったときのメモです。
セレクトボックスで選択した値に応じて
リンクのURLを動的に書き換えるjavascriptを作ったときのメモです。
