ローカルサーバーにインストールしたWordPressをDreamweaverのライブビューを見ながら編集できるようにしてみました。 ＜実験環境＞ OS：Windows 7 64bit Dreamweaver:CS6 ローカルサーバー：XAMPP ver1.7.7 ステップ1 ↓「wordpress」フォルダー直下のindex.phpを開く ステップ2 ↓「このページにはサーバーのみによって検索される動的関連ファイルがある可能性があります」とメッセージが表示されるので「検索」をクリックします。 ステップ3 ↓「動的関連ファイルを関連ファイルツールバーにリストするには、それらのファイルを検索する必要があります。」とスクリプト警告が表示されるので「はい」を選択します。 ステップ4 ↓「このページには、デザインビューで表示できないサーバー処理ディレクティブがあります。ライブビューに切り替えてくださ
前回の記事までは、CSSを一切書かないで、CSSのプロパティを書く程度の作業だった。エディタ上でがつがつコードを書いていくのに比べて、楽に作業ができたと思う。今回、WordPressのテンプレートフレームワークのカスタマイズを行なうため、大部分をマウスだけでというわけにはいかないが、「Dreamweaver CS5」の恩恵を受けつつ、作業を進めていきたい。 「Adobe CS5」体験版はこちらから 今回行うのは下記のカスタマイズだ。 ・メインコンテンツ部分をmain-wrapperというidをつけたdivで囲う ・ロゴを画像にする 今までWordPressのテンプレートを多少いじったことがある人なら、「なんだそんなこと」と思うかもしれない。例えば、メインコンテンツ部分をdivタグで囲いたい場合は単にdivで囲えばいいし、ロゴを画像にしたければ、既存のロゴのテキスト部分をimgタグで置き換
世界でトップクラスのシェアを誇るCMS（コンテンツ管理システム）である「WordPress」が、最近日本でも注目されてきています。WordPressはオープンソースのCMSで、商用であっても無料で利用することができます。CMSとして無限の可能性を秘めたWordPressを利用することは、Dreamweaverを利用する上でも大きなメリットになり得るでしょう。本記事では、Dreamweaver CS5の新機能を活用してWordPressと連携させる方法について解説します。 作業前の準備 ローカルサーバーの構築 WordPressとの連携作業でライブビューや関連ファイルの参照など、CS5の新機能を活用するには、ローカル環境にWebサーバーを構築してそこにWordPressをインストールする必要があります。 統合パッケージ（無料）を利用すれば、簡単にローカル環境にWebサーバーを構築することがで
「Adobe Dreamweaver CS5」で加えられた新機能を、数回に渡り使い込んでいきたい。今回から数回に渡り、「WordPressのコード補完」、「CMS対応」、「CSSインスペクタ」などを活用しWordPressのテーマをカスタマイズしていく。 「Adobe CS5」体験版はこちらから 「Adobe Dreamweaver CS5」のレビュー記事でも紹介したが(※下部参照)、Dreamweaver CS5には新規に追加された便利な機能が多数存在する。その中でも特に便利なのが「WordPressのコード補完」、「CMS対応」、「CSSインスペクタ」の3つだ。今回はこれらの機能を使ってWordPressのテンプレートをカスタマイズするというサンプルを制作していく。今回は、Dreamweaver CS5上での、WordPressファイルの読み込みを試すことにする。 ●「Adobe Dr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
