ほぼ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での正規表現の使い方まとめ
日付の書式を[yyyy/mm/dd]→[yyyy年mm月dd日]に置換 検索パターン (d+)/(d+)/(d+) 置換パターン $1年$2月$3日 ※(d+)で1文字以上の数字をグルーピング ※$nで保存したパターンを呼び出し 特定のid/classを持った<div>要素を検索 検索パターン <div class="hoge">(.*)</div> ※(.*)で空文字を含め何かしらの文字列があるパターン全てを検索 <img>の閉じタグをスラッシュありからスラッシュなしに置換 XHTMLなど古いhtmlの書式で構築されたサイトを、html5で再構築する際などに使えます（厳密にはhtml5はどちらでもよい） html5で構築されているサイトでも、表記統一の際などに使えますので、コーダーであれば絶対に覚えておくべき正規表現です。 検索パターン <img(.*)" /> 置換パターン <img$
Dreamweaverを活用してwordpressサイトをメンテナンスする(1) | ちゃたろうふぁんくらぶ
このサイト、一昨年終わりごろにWordpressで再構築して、自前のテーマファイルを設定したんだけど、自作のテーマファイルと言うのが手抜きと言うか、通常サイドバーに置かれてる要素がページ末にダラダラと並んでいる状態のまま放置してきてしまった(普段あまり見かけないシングルカラムレイアウトにしようというのは構築当初から考えていたのだけど)。 そこで、今回DreamWeaverを使ってサイトメンテをすることにした。が、Wordpressサイトのメンテは思ったより手順が面倒なので、調べた結果をまとめて備忘メモすることとした。なお、この記事を書いている僕はDreamWeaverは今まで使ったことのなかった初心者レベル。だから初心者でも行けるよ、ってことで。 この本を買って一応読破してみたけど、Dreamweaverの本と言うよりはHTMLの基礎みたいな感じで一時間もかからない本だった…。 Dream
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。
Dreamweaverで始めるWordPressサイト構築の基礎知識
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ
作業効率化！Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
Dreamweaverの便利なコマンドや拡張機能のまとめ
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
「効率的なサイト制作のためのDreamweaver活用術seminar」フォローアップ｜DTP Transit
2011年12月11日に開催された「効率的なサイト制作のためのDreamweaver活用術seminar」のフォローアップです。 お預かりしました質問の件は、追記しますので、後でまた覗いてください追記しました。 スライドはCSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイトから（※すべてではありません）。 HTML5やCSS3などのスキルの獲得には下記のセミナーをオススメします。 平日の夜のショートセミナー「CSS Nite back2basic」を2012年1月に開催します #cssnite_b2b | CSS Nite公式サイト ご質問の件 条件コメントを使ったInternet Explorer用の振り分けなど、最近のよく使われているものについて教えて欲しい。 Internet Explorer用の条件分岐次のように記述することで、Inter
mtmlファイルをDreamweaverのデザインビュー＆コードビューで開けるようにしてみる｜Materializing [マテリアライジング]
mtmlファイルをDreamweaverのデザインビュー＆コードビューで開けるようにしてみる Movabletypeを触る上で、拡張子が「mtml」のファイルを扱う事があります。 これをそのままDreamweaverで開いてみても、真っ黒文字なだけで色分け表示もされず、ちょこっと不便だったりします。 それを解消してみる事にしました。 mtmlファイルをDreamweaver上できちんと編集出来るようにしておくと、「デザインタイム」機能を利用してcssを当てたまま編集出来ちゃったりして便利なのです（´ω｀） あ！cakePHPのテンプレートを触る際にも使えるので、拡張子「tpl」も同時に追加しちゃって良いかもしれませんね。 作業はDreamweaverを終了してる状態で行いましょう。
Dreamweaverで正規表現を使用して置換/Dreamweaver - サイブリッジラボ
どうもこんにちは、ハラです。 時間短縮・作業効率化を目指し、今日もがんばっております。 さて。 webデザイナーの方なら、置換や一斉置換など経験したことがある方が多いと思います。 今回はDreamweaverで正規表現を使用して一斉置換する方法を紹介したいと思います。 最低限覚えておきたい正規表現 perlや.htaccessなどで使用される正規表現なのですが、 Dreamweaverで置換する際に、覚えておきたい正規表現は最低2つだけ。 (.*)と$1です。 ・・・おぼえていただけましたか？ では、実際に何か置換してみましょう。 <select> <option value=”きらきら星”>hoge</option> <option value=”夏祭り”>hoge</option> <option value=”海”>hoge</option> </select> hogeをvalue
iPhoneサイトを無料作成！Dreamweaver拡張機能が登場
使い慣れたDreamweaverで、iPhone用のWebサイトを作りたい。そんなWeb制作者の声に応えるエクステンション（拡張機能）「iPhone site extension for Dreamweaver CS4/5」が登場した。利用は無料で、開発元のエイチツーオー・スペースのWebサイトからダウンロードできる。 iPhone site extensionは、アドビ システムズのHTML/CSSオーサリングツール「Dreamweaver」にiPhone用Webサイトの作成支援機能を追加するエクステンション。iPhone site extensionをDreamweaver CS4/CS5にインストールすると、新規作成メニューから「iPhone用ページ」「iPhone用Webアプリ」の2種類のHTML/CSSテンプレートが選択できるようになる。各テンプレートには、アップルのデザインガイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress › Error
ButterflyEffect.: Dreamweaverでアレやコレやをデザインできるようにする
http://www.vikiworks.com/2007/08/22/dw-extension-for-wordpress-template-build/