ほぼDreamweaverだけでWordPressのテーマ制作をしてる話 | Cherry Pie Web
（2018年11月1日追記：CSSプリプロセッサ―の設定で複数フォルダへの出力方法を追記しました） ※この記事は「WordPress Advent Calendar 2017」の17日目のエントリーです。 2017年の WordPress Advent Calender はQiitaだからか、参加者はプログラマ・エンジニアの方が多いようですね。 私は正直言って半分くらいの記事は内容が全然理解できません・・・私が使ってるWordPressと他の方が使ってるWordPressって本当に同じものなんだろうかと思っています（笑）。 さて、この記事は2017年10月に行った「WordBench京都 in 舞鶴」での私のセッションの後半部分を抜き出して詳しくしたものになります。 WordBenchではDreamweaver愛を語り過ぎましたので、今日は時間が無くなって駆け足になった後半の運用部分を詳し
DreamweaverにBracketsが入ることで何が変わるのか | Adobe Blog
先日アドビから発表されたDreamweaverベータ版には、エディターのコードビューの箇所に、同じくアドビが開発しているオープンソースのコードエディター「Brackets」が組み込まれています。これがどういうことなのか、この記事ではBrackets自体のことも交えて解説します。 Bracketsとは 皆さんご存知のWebオーサリングツールであるDreamweaverは、様々な機能が詰まった統合制作環境であるため、ちょっとしたWebサイト制作の作業にはちょっと重たく感じる場合もあります。そうした小さなプロジェクト向きの軽快なHTML/CSS/JSエディターとしてBracketsは生まれました。 Brackets トップページ Bracketsはそれ自体がHTML/CSS/JSで記述されています。そのため例えばChromeのような開発者ツールを使ってスタイルを上書きしたり、実行されているスクリ
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
Dreamweaver「ファイル比較」を設定する（Mac編） : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 Dreamweaver「ファイル比較」を設定する（Windows編）と合わせてご覧ください。 「ファイル比較」をMacで使う場合ですが、Dreamweaver「ファイル比較」を設定する（Windows編）にも取り上げたT-STUDIOの神森さんのコラム・雑感の記事「Dreamweaver 8 レビュー 4 / ファイル比較機能２」のの記事が特に参考になります。 ちなみにAdobeのDreamweaver8の頃のリリースノートで、以下のような記事があります。 Dreamweaver 8 および Dreamweaver 8
Movable Type タグライブラリ for Dreamweaver 機能拡張を ver 1.0.0にアップデートしました 【 gabs.log｜おしゃべり好きなWEB制作者のたわごと 】
Movable Type タグライブラリ for Dreamweaver 機能拡張を ver 1.0.0にアップデートしました 以前の記事( Movable Type 5.0 対応、Dreamweaver機能拡張をベータ公開してみます )でご案内していた、コードビューでMovable Type 5.0のコードヒントを表示できるDreaweaver 機能拡張を 本日アップデートしました。 下記URLより、ダウンロードしてください。 Movable Type タグライブラリ for Dreamweaver 機能拡張(MT5対応版) http://download.d-s-b.jp/MovableType50_TagLibrary_v100.zip このバージョンより、「アンインストールの際、ファンクションタグに関するtaglibrary要素が削除されない」問題が解決されています。 既に導入いた
Dreamweaver から Subversion を利用する
Dreamweaver から Subversion を利用する Dreamweaver は CS4 から Subversion によるバージョン管理に対応しています。 社内のデザイナさん達に、Subversion 管理を布教したいので、まずは評価してみる事にしました。 とはいえ、結構めんどくさかったです…。 社内にある Subversion は、SVN+SSH 以外のアクセス方法を提供していません。 数年前までは WebDAV もあったのですが、諸般の事情で無くなったままです。 Dreamweaver で SVN+SSH を利用するには、割と手がかかります。 以下のような情報を教科書にして設定を行ないました。 Subversioning in Adobe Dreamweaver CS4 Dreamweaver CS4でのSubversionの使用 – パート１: Subversionの紹介
Dreamweaverの拡張機能まとめ
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー：全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 （CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
RedLine Magazine : DW用 CSS3対応セレクタコードヒント
DW用 CSS3対応セレクタコードヒント 2010.04.04追記 このエントリ書いて寝て起きたら修正版が出てた！仕事速い！このエントリの下の方で属性セレクタがなんたらかんたら…と書いてる部分に対して、修正してくださってます。 CSSセレクターコードヒント修正 - dwlog.net （「 [ 」 を入れたら属性セレクタが出てくるようになったバージョン） が、しかし、今度は「：」を押しても反応がなくなったので作者さんのブログにコメント送ってみたところなう。(2010.04.04 10:58) 2010.04.04 12:19 さらに追記 自己解決 上に書いた「：」を入れても反応しないの件、Configuration/CodeHints/css_selector.xmlの50行目辺りに<menu pattern=":" DOCTYPES="CSS">に対する閉じタグ</menu>を追加したら
zen codingは超便利！Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ！とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ！知らなかった！無知って怖い！＞＜ Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい！感動！ 展開はcontrolキーと,(カンマ)キ
Movable Type 5.0 対応、Dreamweaver機能拡張をベータ公開してみます 【 gabs.log｜おしゃべり好きなWEB制作者のたわごと 】
gabs.logの更新を楽しみにしていただいたみなさん、 すっかりご無沙汰しております(苦笑) お詫びの気持ちも込めて、 Movable Type 5.0.1で利用できるMT タグとモディファイアをコードヒントに表示できる、Dreamweaver 機能拡張をベータ公開します。 Movable Type タグライブラリ(MT5対応版) http://download.d-s-b.jp/MovableType50.zip 追記 2010.10.29 Movable Type タグライブラリ for Dreamweaver 機能拡張をver 1.0.0にアップデートしました。 上記のリンクからダウンロードしたZipファイルを解凍すると、MovableType50.mxpができます。 ダブルクリック、もしくは、Adobe Extension Managerでインストールしてください。 インストール
Adobe - デベロッパーセンター : Movable Type連携でソート可能なテーブルを自動更新
鷹野雅弘（Masahiro Takano） 株式会社スイッチ 目次 はじめに Spry フレームワーク for Ajaxについて XMLファイルを関連づけてソート可能なテーブルを作成する 奇数・偶数行、選択した行、マウスオーバーした行にカラーリングを行う XMLファイルの更新を、Movable Type 4.1を使って行う 印刷用に表示 作成日:2008年２月22日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 この記事では、Adobe® Dreamweaver® CS3から組み込まれたSpryフレームワーク for Ajaxを利用して、ソート可能なテーブルを作成する方法をご紹介します。テーブルに表示するデータは、外部XMLファイルを参照します。 CSSを使って奇数・偶数行にカラーリングを行うとソートを行っても自動的にカラーリングし直されるだけでなく、クリックした行
Adobe - デベロッパーセンター : Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて
Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて はじめに ブログが注目されている理由は、以下に挙げられるように、ウェブにおける表現の自由が個人レベルまで高められた点にあります。 誰もがカンタンに投稿し即時にウェブ公開できる ウェブサイトの更新情報を RSS 技術により効率的に配信できる 検索エンジンとの親和性が高い Movable Type （ムーバブル・タイプ） は、シンプルでカスタマイズ性が高いと定評のあるブログ作成ソフトウェアです。図1のように投稿データと出力用のテンプレートを個別にデータベースへ格納し、公開のタイミングにデータベースより取得した投稿データとテンプレートを使い、XHTML とスタイルシートを自動生成します。 図1 これまで、Web 制作を自社で行わない企業などは、デザインの変更・ウェブコンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
http://bost.bostudio.co.jp/?p=1388
CSS Nite in Ginza, Vol.49「バシャログ LIVE」 で紹介したDreamweaverの正規表現クエリーを公開します | バシャログ。
http://vayu.asia/2010/02/19/dreamweaver%E3%81%A7zen-coding%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%E3%80%82/
Monkey-Works.com is for sale | HugeDomains