というわけで、できるだけ楽をしようとプラグインを探しています。
こんなのを見つけたので、試してみます。
webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
知人に頼まれて小さなHPを製作する。こういうのは久しぶりで色々忘れていることが分かったので頭を整理するつもりで、、、
wordpressを使うためにはMYSQLが使えるプランを選択しなくてはならない。
①FTPアカウントの設定
まずはFTP(file transfer procotol)アカウントの設定。
ファイルをサーバーに転送するための 設定ですね。
「ホスト名」は自分で設定。好きな名前を付ける。この接続に対して自分が管理しやすいように名前を設定するだけ。
「ユーザーID」は「FTPアカウント名」
「パスワード」はこのケースの場合、初期設定されていないので「メニュー」をクリックしてから自分で設定する。通常は管理者アカウントの接続情報がレンタルサーバー会社から送られてくる。
「ホスト名」は「サーバー情報」の「ホスト名」。「FTPサーバー名」など記載があるもの。FTPサーバーの名前を入力すればよい。
ネットオウルのサーバ設定画面↓
お名前ドットコムの設定画面↓
ブラウザに「ドメイン名」を入力すれば閲覧できる。
wordpressのサイトに行って、、、最新版をダウンロード。
サーバー上にファイルがあればそれらをすべて削除してから、「wordpress」フォルダの中身をアップロードする。
↓画面左側(ローカル)を、右側(サーバー)にアップロード。
アップロードが完了したら、「ドメイン名」をブラウザに入力する。
すると以下の画面になる。
②データベース設定
「さあ、はじめましょう」をクリックすると以下の画面に入ります。
wordpressが使うデータベースの設定をこれからしていく。
以下のような管理画面からデータベース設定画面に入り、「データベース名」「ユーザー名」「パスワード」「ホスト名」をwordpressの初期画面の該当箇所に入力していけばよい。
ネットオウルのフリープランの場合、サーバーのデータベース管理ツールより、データベースの設定をしなくてはならない。
下の画面、黄色い箇所に、「データベース名」を入力する
次に、「データベース名」の下の項目「ユーザー名」を設定する。
以下の画面より↓
以上の設定がすんだら、「権限追加可能ユーザー」からユーザーを選んでおく。
それから以下の画面を入力していく。
「データベース名」「MySQLユーザー名」設定した「パスワード」「MySQLホスト名」を以下の画面、該当箇所に入力していく。
するとこのような画面に移動する。
③wordpressのアカウント情報を設定する
wordpressの「ダッシュボード」から、いつでも変えられるのでとりあえず進む。
そして、、、、
ダッシュボードにたどり着きました。
④ダッシュボードを使って初期の設定を済ませる
好きなテーマを入れて、初期設定を済ませる。
ダッシュボードで設定したことはサーバー上で完結しているので、設定が終わったら一度ローカルに全ファイルをダウンロードしておく。
調整レイヤーを直下のレイヤーにだけ効かせるには、
調整レイヤーとその下のレイヤーを選択して、
「クリッピングマスクを作成」すればよい。
以下の記事を参照。
法則(2)特定のレイヤーにだけ効果をかけたい場合は「クリッピングマスクを作成」機能を使う
例えば先ほどのレモンの写真において、真ん中の「レモン2」だけに調整レイヤーの効果を及ぼしたい場合についてお話ししたいと思います。
レイヤーウィンドウの、下図の部分をクリックして、「レモン2」というレイヤーが選択された状態(レイヤーのパネルが青い表示になります)にしてください。その状態のままで、「レイヤー」→「新規調整レイヤー」→「色相・彩度」と、たどります。
ここで、 最初のウィンドウをデフォルトのままOK…は「せ・ず・に!」、「下のレイヤーを利用してクリッピングマスクを作成」のチェックを「ON」にします!(びっくりさせてすいません。今まで「デフォルトでOK」ばかりでしたが、初めてここを使う時が来ました!)
レイヤーウィンドウの「色相・彩度1」の左端に、図のような矢印がついたら、成功です。この調整レイヤーの効果は「レモン2」というレイヤーにしか、かからなくなっています。
ちなみに、この「矢印を解除」するためには、「調整レイヤーを選択した状態」で「レイヤー」→「クリッピングマスクを解除」。
もう一度「矢印を付けたい」場合は、「調整レイヤーを選択した状態」で「レイヤー」→「クリッピングマスクを作成」で行なうことができます。
これが
法則(2)特定のレイヤーにだけ効果をかけたい場合は「クリッピングマスクを作成」機能を使う
です!
AIで開けるPDFデータを支給されたものの、自分の環境に必要なフォントがない、しかもこれとは別にアウトラインデータがない時は、、、
①
まずPDFファイルをAIで開いて、すべてのオブジェクトを削除してアートボードだけの状態にする。それから「別名で保存」する。つまり、白紙の状態にする。
②
この時、保存ファイル形式は「PDF」ではなく「AI」にしておくこと。
↓
オリジナルのファイルサイズと同じサイズのアートボード(白紙状態)を作る。
↓AI形式で保存する
③
②で保存した白紙状態の「AIファイル」に、オリジナルのPDFファイルをドラッグ&ドロップする。
④
「オブジェクト」「透明部分を分割統合」
⑤
「すべてのテキストをアウトラインに変換」を選択する。→「OK」
⑥
この時すべてのオブジェクトが「グループ」化され、「クリッピングマスク」されているので、グループとクリッピングマスクを解除する。
⑦
そうするとすべてのオブジェクトがアウトライン化され、フォントが不足している問題が解消する。この状態で「AI」で保存すれば、アウトライン化されたAIファイルが作成できる。
ini.php
/ local
$site_url = $_SERVER['DOCUMENT_ROOT'] . '/';
$webroot = '/';
$current = '';
header.php
<nav id="global-nav"><nav id="global-nav"> <ul id="navi_list"> <li class="<?php echo $current == 'top' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>">ホーム</a></li> <li class="<?php echo $current == 'service' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>service/index.php">事業内容</a></li> <li class="<?php echo $current == 'product' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>product/index.php">商品情報</a></li> <li class="<?php echo $current == 'kit' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>">キット</a></li> <li class="<?php echo $current == 'faq' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>faq/index.php">よくある質問</a></li> <li class="<?php echo $current == 'news' ? 'select':'' ?>"><a href="<?php echo $webroot; ?>news/index.php">お知らせ</a></li> <li class="<?php echo $current == 'info' ? 'select':'' ?>" class="red"><a href="<?php echo $webroot; ?>">お問い合わせ</a></li> </ul> </nav>
script
<script><script> $( function () { $( '#navi_list li a' ).on( 'click', function () { $( this ).parent('li').addClass( 'select' ).siblings( 'li.select' ).removeClass( 'select' ); } ); } ); </script>
inex.php他第2階層のページ
カレントページがどこかを教えてあげる、、、
<!-------------------------------------------------------------<!-------------------------------------------------------------header--------------------------------------------------------------> <?php $current = 'top'; include($site_url.'./header.php'); ?>
やりたいこと
デフォルトでは,XAMPPのバーチャルホスト(localhost)のパスは,Cドライブ直下にインストールした場合
C:\xampp\htdocs
となっているが,C:\Users\Documents\test
などの任意のパスもバーチャルホストにしたい.環境
Windows 8
XAMPP 5.6.14手順
手順1. フォルダパスとドメイン名の設定
まず,
C:\xampp\apache\conf\extra\httpd-vhosts.conf
の20行目あたりにあるのコメントアウト(##)を消す.
次に,以下のように追記して参照したいフォルダを指定.
DocumentRoot
にはフォルダパスを,ServerName
には任意のドメイン名を設定する.
ここではドメイン名はlocalhost2とする.手順2. アクセス権付与
注意点として,
C:\xampp\htdocs
以外をバーチャルホストとするとき,別途アクセス権を与えなければならない.そうしないと403エラーになる.
引き続きC:\xampp\apache\conf\extra\httpd-vhosts.conf
に,以下のように追記すればOK.
Options Indexes
とは,以下のようにブラウザ上でフォルダのインデックスGUIを見れるようにするオプション.書かなくてもOK.手順3. hostsファイル編集
C:\Windows\System32\Drivers\etc
にある,hosts
を開き,以下のように先ほど設定したドメイン名を追記.これでOK.
XAMPPからApacheを起動し,http://localhost2 を叩けば上記の画像のように任意のフォルダをバーチャルホストにできる.
やりたいこと
デフォルトでは,XAMPPのバーチャルホスト(localhost)のパスは,Cドライブ直下にインストールした場合
C:\xampp\htdocs
となっているが,C:\Users\Documents\test
などの任意のパスもバーチャルホストにしたい.環境
Windows 8
XAMPP 5.6.14手順
手順1. フォルダパスとドメイン名の設定
まず,
C:\xampp\apache\conf\extra\httpd-vhosts.conf
の20行目あたりにあるのコメントアウト(##)を消す.
次に,以下のように追記して参照したいフォルダを指定.
DocumentRoot
にはフォルダパスを,ServerName
には任意のドメイン名を設定する.
ここではドメイン名はlocalhost2とする.手順2. アクセス権付与
注意点として,
C:\xampp\htdocs
以外をバーチャルホストとするとき,別途アクセス権を与えなければならない.そうしないと403エラーになる.
引き続きC:\xampp\apache\conf\extra\httpd-vhosts.conf
に,以下のように追記すればOK.
Options Indexes
とは,以下のようにブラウザ上でフォルダのインデックスGUIを見れるようにするオプション.書かなくてもOK.手順3. hostsファイル編集
C:\Windows\System32\Drivers\etc
にある,hosts
を開き,以下のように先ほど設定したドメイン名を追記.これでOK.
XAMPPからApacheを起動し,http://localhost2 を叩けば上記の画像のように任意のフォルダをバーチャルホストにできる.
gitをインストールしてから、「gitGUI」を開く。
「clone existing repository」をクリックして、gitHUBにあるリポジトリのクローンをローカルに作成する。
「source location」にgitHUBのリポジトリURLを入力する。
「target directory」にはローカル上の保存先を入力する。
既存のフォルダは指定しない。ここに入力した内容で新規にフォルダが作成される。作成中、、、、
ローカルにリポジトリが作成されました。
dreamweaverを立ち上げます。
「サイトの管理」
「新規サイト」
サイト名を入力する(自分で決める)
ファイルの場所を「ローカルサイトフォルダ」に入力する。
「保存」「完了」
すると勝手に「gitビューを表示」など、gitとの紐づけがなされています。
「ウィンドウ」「git」でgitウィンドウを開いておくと、「コミット」「プッシュ」「プル」などをドリームウィーバーからできそうです。