賢威テンプレートを編集出来るHTMLビジュアルエディター【MacとWin】

アフィリエイトやSEOに興味のある方ならご存知かと思いますが、

その筋では非常に有名なホームページテンプレート賢威
私はMacとWindowsを使い分けるので賢威はWindowsで編集します。

賢威 公式サイトはこちら

しかし、時々賢威をMacで弄りたい時もあります。

その際悩むのが 賢威を見たまま編集が出来るソフトがないものか。。。

そう思っていろいろ試した記録です。

 

Windowsの方は読み飛ばしてください

便利なものがありますので。

Windows版 賢威テンプレートをHTML見たまま編集する方法

 

賢威をMacで編集しようと思うとHTMLが苦手なホームページ作成初心者には少々手強い作業でしょう。

 

私もHTMLを手打ちするのは少々苦手、、

いや、やったこと無いです、無理なので(笑)

 

では、HTMLがわからなくても思いのまま編集する方法。

Macで賢威HTMLのビジュアル編集は出来ないのか?

 

Mac用ホームページ作成ソフトはいろいろあるのですがまず無料のiweb(最初からMacに入ってるもの)では一般のテンプレートやHTMLファイルは編集できません。

 

iwebの編集画面

iweb編集画面

※iWebの編集画面 このMacにデフォルトで入ってるiWebはiWebが用意したテンプレートからしかウェブページが作成できません。

なので賢威テンプレートは開くことも出来ません。

 

せっかく良いテンプレート賢威を購入したのでなんとかMacで編集したいものです。

有名ホームページ作成ソフトDreamweaverではどうでしょう。

 

Adobe Dreamweaverで編集するのも難しい

Dreamweaver

 

賢威で作成したHTMLテンプレートをDreamweaverで開くとこのようになります。

ヘッダー部分がDreamweaverのビジュアルエディターには対応していないようで見づらいです。 HTMLがわかる人ならこの状態でもなんとか編集できると思いますが、、。

 

Dreamweaverは賢威以外のテンプレートでもよくこういう状態になります。 なので私達初心者にはあんまり優しくないソフトなんです。

 

要は手打ちしろと、、、、それがAdobeの考えなんですね。

賢威 Mac Dreamweaver

 

テンプレートの中段あたりはビジュアルエディターで見ても思ったままのデザインです。

 

デザインが崩れていない部分なら見たままの場所を書き換えたりできるのでDreamweaverでは一応見たまま編集も可能といえば可能です。

 

このように、見たままの状態で「編集したい場所を直接編集」出来るものをビジュアルエディターといいます

 

ちなみにWindows版でもDreamweaverでは同じようにブロック要素が崩れます

Dreamweaverは素人には扱うこと自体難しいソフトです。

 

賢威は利用者がHTMLも覚えてSEOに強くなってもらうことを考えて設計されてるようなので、ビジュアルエディターには頼らない方がいいのかもしれませんが、、。

 

でも諦めません、他のソフトでも試してみます。

続いて

Macのホームページ作成ソフト簡単ビジュアルエディター Coda

コーダ

 

Macのホームページ作成ソフトでは一番低価格で購入できるCoda(コーダ)2.

 

こちらで賢威を編集してみました。

 

Coda編集画面

※クリックで拡大できます。

 

codaはビジュアルエディターではなく、プレビューしながらHTMLを手打ちで編集するアプリです。 WindowsのソフトでいうとCrescent Eveとよく似た印象です。

 

プレビューで見た目が崩れたりすることはありませんが、それは賢威が各ブラウザに対して最適化しているからです。なのでcoda自体は特に使い勝手がいいというわけでもないです。

 

Macでの賢威編集エディタ体験まとめ

結論としてMacのアプリで賢威を編集するにはビジュアルエディターではなく、プレビュー付きエディターで行うべきということです!

 

まあ、ギリギリDreamweaverなら部分的に可能という感じです。

 

Macの人はHTML版テンプレートではなくWordPress版の賢威テンプレートを使うほうがラクチン。 WordPressのエディターなら自由自在ですからね。

 

賢威推奨のHTML編集ソフトは

賢威ではダウンロードファイルにも書いてますが編集ソフトとして無料のテキストエディタCrescent Eveを推奨しています。

 

【無料】Crescent Eveダウンロードページ(Windows専用)

Crescent EveもCoda同様、画面上の編集したい場所を直接編集出来ません。HTMLを手打ちで入力してプレビューで画面の仕上がりを確認するものです。

 

ただし、こちらはWindows用のソフトです。

 

ビジュアルエディターはコンテンツを考える際の味方になる

        • 感覚的にページデザイン見ながらテキストを考える人
        • コンテンツに集中して文章を書く人
        • ページ内に当てはめる画像を考える人

 

単純にHTMLが苦手なホームページ作成の初心者や 上にあげたようなコンテンツ重視な人にはビジュアルエディターはとても重要。

 

コンテンツをより創造的にする役割「直感力」をサポートしてくれます。

賢威を見たまま編集できるスゴい編集ソフトがあります

WindowsならHTMLがわからなくても

賢威をラクラク編集出来るビジュアルエディターが存在します。

 

どんなHTMLテンプレートでも編集可能なプレデタ

HTMLテンプレートエディタ プレデスト

これ、有名なテンプレートの全てを見たまま編集出来るよう開発されているのでまさに賢威に最適なビジュアルエディターです。

 

プレデタ 賢威編集HTMLエディター

素晴らしい! 素晴らしすぎます、

 

ホームページビルダーでも崩れ、Dreamweaverでも崩れる編集画面でのビジュアルがプレデタなら完璧に表示されます。

 

そして、

        • 文字を変えたいところ
        • 画像をいれたいところ
        • コピペでガバっと書き換えたいところ

などなど、

 

思いのまま自由に見たままの感覚で操作編集が出来るんです。

 

    • FTPアップロード機能
    • 見たまま編集
    • 複数のページをタブ表示
    • カテゴリー管理機能
    • バックアップと復元機能
    • 任意タグの呼び出し
    • CSS拡張機能
    • 編集画面レイアウト変更機能

 

あたりも、

超有名ホームページ作成ソフト、ホームページビルダーにも迫る高機能ぶり。

 

HTMLテンプレートエディタ プレデスト

賢威使う人はプレデタで編集すれば今まで以上にSEOやLP作成に自由度がアップしますよ。

 

賢威 公式サイトはこちら

タイトルとURLをコピーしました