Shanghai Studio– Author –

WordPressの重要な機能のひとつに、テーマの変更があります。 テーマの変更をすることで、サイトのデザイン、機能をワンクリックで、簡単に変えることが出来ます。CMSで、WordPressを使う理由にテーマの多さも挙げられます。 世界中で使用されているWordPr...

初期設定：自分のサイトの情報を入力しよう wordpressはhtmlサイト制作の時にやったTitle属性やseo対策にもなるキーワード設定をダッシュボードから行います。 一般設定：ダッシュボード→サイドバー「設定」　→　「一般」 サイトのタイトル： 検索に引っか...

htmlにテキストボックスを挿入 → index.html（新規ファイル）を開く → テキストフィールドを挿入・・・挿入→ フォーム→ テキストフィールド → inputタグ内で半角スペース→ value → 表示したい文字をいれ、JavaScript部分をinputタグ内に書き込む onFocus="...

ｃｓｓでclass属性を使用する スタイルシートにより見出しタグには色を付けたりなどデザインできますが、「内容上一部分だけ太字にしたい」「色を変えたい」などの時もスタイルシートを使用します。 理由は今まで通り、変更があった際に一気に変更できる為...

パーツごとに保存する デザインが完成したらそれをパーツごとに保存します。 先に学んだとおり、パーツ一つ一つを保存するのもいいのですが、今回はphotoshopのスライスツールを使用し効率よく保存します。 スライスツールを使ってサイト全体図からパーツ...

ファビコンの設置 ファビコンとはタイトル横に表示されるアイコンのことです 大手のサイトは大体設定しています ファビコン Favorite icon（フェイバリット・アイコン）という英語の語句を縮約したもの ファビコンの作成 → イラストレーター等で正方形GIF...

seo 検索エンジン最適化 （英: Search Engine Optimization, SEO：サーチ・エンジン・オプティマイゼーション） 検索結果でより上位に現れるようにウェブページを書き換えること。 または、その技術のこと。 検索エンジンの検索結果が上位、特に1ページ目...

モーダルウィンドウ クリックすると表示される子ウィンドウ。また、一度開いたダイアログボックスを閉じるまで、他の操作をでき なくする CSS Modal demo　・・・シンプルでクール jsをつかわず、cssのみでできる Pop Easy Demo　・・・ポップでキュート C...

webサイトをデザインする前に デザインを始める前にwebサイトデザインの作り方基本をおさらいします。 下記ソフトの何を使用してデザインしても構いません。 ただし、コーディングを他の方に依頼する等の場合はファイル形式を合わせる必要もあり、シェアの...

今まで学んだことを生かし、LESSON-1の手順に沿って自分のサイトを制作していきましょう 1.目的の設定 あなたはどんなサイトが作りたいですか？ 学校紹介のサイト（コーポレートサイト） 趣味の二胡を販売するサイト（ショッピングサイト、ブランドサイト...

登録ユーザー、もしくは登録したメールアドレスにメールを一括送信、メールマガジンを送信できるプラグインです Subscribe2 必要プラグインを新規追加して有効化 ダッシュボードにSubscribe2のメニューが増えます。 日本語化 下記サイトからsubscribe2-ja....

前から51番目をデフォルト値 [select menu-276 default:51 "1950" "1951" "1952" "1953" "1954" "1955" "1956" "1957" "1958" "1959" "1960" "1961" "1962" "1963" "1964" "1965" "1966" "1967" "1968" "1969" "1970" "1971" "1972" "1973" "1974" "1975" ...

参考サイト http://maka-veli.com/htm5video.html <video controls poster="http://○○○○○○○○○.com/video/movieimg.jpg" width="320" height="240"> <source src="http://○○○○○○○○○.com/video/movie.mp4"> <object type="application/x...

  参考サイト http://www.love-hokuto.com/?cat=8   プラグイン HTML5 Videos で本文に [　video mp4="http://○○○○○○○○○○○○○○○○○○○○.com/video/curriculum.mp4" width="320" height="182" autoplay="false" preload="false" setup="auto"　] ※全...

全体的にずれる ヘッダーにこれを入れるだけ！ <meta name="viewport" content="width=1080, user-scalable=yes," />   参考サイト http://spot-web.jp/viewport-solves-ipad-iphone-background-image-trouble/ 右側だけずれる css　bodyのルー...