山口佳奈/卒業研究II
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
//飲食店むけ:https://template-party.com/db_template/?act...
//#contents
//https://ja.wordpress.org/themes/restaurant-and-cafe/
//https://rarathemes.com/previews/?theme=restaurant-and-c...
//https://marie-web.design/blog/wordpress-theme-free/
//プレゼン用サイトページを作る、プレゼンしやすい構成、一...
//https://design.kyusan-u.ac.jp/socialdesign/?cmd=read&pa...
//ホスト名 sv7.wp.xdomain.ne.jp
//IPアドレス 157.112.147.8
//FTPアカウント名 nikudaisho.wp.xdomain.jp
//FTPホスト名 sv7.wp.xdomain.ne.jp
//FTPアカウントID :nikudaisho.wp.xdomain.jp
//パスワード :88s87l1j3x5d
//パスワード:xc(jAtTpyAwL0xQu
//pusag29パスワード:NiQK5v6GVXX3X(9LeOvNnb5L
//icloud
//ユーザー名:29daisho
//icloudパスワード:Ni29daishoW4HkK!
*飲食店のためのWebサイト制作
集客・宣伝を柔軟に行える Webサイトの構築
//どんなwebサイトにするか
~
//#image(山口佳奈/卒業研究I/mainvisual.jpg, center,)
-''[[山口佳奈]]''
-'''Keywords:WebDesign, WordPress'''
~
// !!重要!!https://buzzcreate.biz/da...
//スマートフォンで検索を行う人が増加したことでグルメサイ...
**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
オープンソースのCMSである''WordPress''を利用して、焼肉店...
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
現在各種グルメサイトを利用して集客・宣伝を行っており、[[...
このようにグルメサイトでの集客・宣伝は恩恵もあるが費用も...
グルメサイトと費用がかからず制限なく情報を詳細に伝えられ...
//検索順位が高くなるよう工夫した
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
//コロナウイルスの影響で店の営業状況が変化しやすくなって...
-店の情報を正確に、店の魅力を効果的に伝える
-コロナウイルスの影響で店の営業状況が変化しやすくなってい...
~
//***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
//http://nikudaisho.wp.xdomain.jp/
//ダッシュボード : http://nikudaisho.wp.xdomain.jp/wp-adm...
//~
//***Member
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
WordPress
~
***Term
2021.04.16 〜
//2021.10.15
~
//***Conclusion / Summary
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
//~
~
**Survey
***Present Status
[[グルメサイトに関する意識調査>https://www.tablecheck.com...
株式会社「TableCheck」が20~60代の全国の男女1100名と20~50...
~
-グルメサイトへの信頼度調査
//&image(山口佳奈/卒業研究プレゼン/01.jpg,center,50%);
グルメサイトの点数やランキング表示をユーザーの半数がグル...
-飲食店を検索する手段
//[[&image(山口佳奈/卒業研究プレゼン/02.jpg,center,50%);]]
//&image(山口佳奈/卒業研究プレゼン/02.jpg,center,50%);
飲食店の検索手段はグルメサイトの他にGoogle検索とGoogleマ...
-飲食店を予約する手段
//&image(山口佳奈/卒業研究プレゼン/03.jpg,center,50%);
予約手段はグルメサイトと電話の利用が多かった。
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
''先行事例''
Webサイトの制作にあたり焼肉店のホームページについて調査し...
~
//-手書き風のイラストを使っているWebサイトは少なかった。
-[[「飛騨牛焼肉 にくなべ屋 朧月 豊橋駅前大通り店」>http:/...
「飛騨牛焼肉 にくなべ屋 朧月 豊橋駅前大通り店」のホームペ...
~
-日本料理店[[「桜坂 ONO」>https://ono-group.com/restauran...
日本料理店「桜坂 ONO」のホームページでは、ページを開いた...
~
-レストラン[[「ミツバチ食堂」>http://mb-cafe.net/]]のホー...
レストラン「ミツバチ食堂」のホームページはイラストや手書...
~
//***現地調査
//-[[外観>https://drive.google.com/drive/folders/1LlbhqpH...
//-[[内装>https://drive.google.com/drive/folders/15eHW05G...
//-[[料理>https://drive.google.com/drive/folders/1zRyPGug...
//~
***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[縦長にスクロールするページ>https://ja.wix.com/blog/201...
-[[飲食店のホームページ>https://restaurant-ambition.jimdo...
-WordPress
-Webデザイン
~
~
//**Project Management
//~
//***Schedule
//https://docs.google.com/spreadsheets/d/1uMisxMFFv1UB3UX...
//&color(red){計画的な遂行のために、進行管理表を作成して...
//~
//***ToDo
//https://docs.google.com/spreadsheets/d/13HMWxsQrHroIQMu...
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//-%%サーバーの用意%%
//-%%ドメインの取得%%
//-%%店の調査%%
//-サイトのデザインの構想
//-コロナ禍での新しい取り組みを調査
//~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2021.01.14
***参考
https://png2pdf.com/ja/
https://convert.town/image-dpi
https://chirashi.twittospia.com/%E6%8A%80%E8%A1%93/%E7%94...
https://www.showdesignlab.com/weblog/2019/03/20/161
https://design.kyusan-u.ac.jp/OpenSquareJP/?%E6%83%85%E5%...
https://www.photo-ac.com/
~
~
**2021.12.16
***ニュース項目の投稿記事
[[ニュースの投稿記事のリンクを>https://www.conoha.jp/lets...
~
***投稿記事のメタ情報
[[CSSでentry-metaにdisplay:none;を設定し、>https://affili...
~
***トップページにセクションを追加
店内の構造についての紹介文と画像を追加、background-attach...
~
~
**2021.12.01
***ニュース項目のCSS設定
[[ニュース項目のCSSにinline-blockを設定し、>https://qiita...
~
***メニュー項目のCSS設定
[[aタグ(リンク)のクリックできる範囲をCSSで親要素まで広...
~
***メニュー項目のコース
[[コース料理に使う画像の作成。>https://hubworks.jp/archiv...
~
***アクセス項目の設定
アクセスの項目に写真と情報を追加。
~
***参考
[[テキスト縦書き設定>https://www.webcreatorbox.com/tech/w...
[[CSSフェードインで表示する方法>https://toriton.link/codi...
[[CSSアニメーション>https://www.google.com/search?q=%E8%A...
~
~
**2021.11.28
***スラッグ・カテゴリーの設定
ニュースの投稿記事に[[カテゴリーと>https://www.infact1.co...
~
***ニュースの表示件数を追加
ニュースの表示件数を1つから3つに増加。[[最新記事を一覧で...
~
***ニュースの表示配置を変更
縦に並べる配置から横にニュースの投稿記事が表示されるよう...
~
~
**2021.11.23
***フロントページにセクションを追加
メニューにコース料理とドリンクの情報を追加し、通常メニュ...
~
***セクションの順番を変更
[[CSSでcontentにdisplay:flex;とorderを設定し、>https://we...
~
***固定ページ属性の順序設定
[[固定ページの順番を変更。>https://worpreya.com/changing-...
~
***固定ページの親ページを指定
[[固定ページに親ページを設定して階層化する。>https://www....
~
~
**2021.11.16
***合同審査準備
見出しの使い方が不規則で見辛く話の流れが分からないという...
//全体の文章や言葉選びを見直した。
~
***参考
[[プレゼンテーションの基本構成>https://commu-training.iso...
[[人が聴きやすい話し方・言葉選び>https://hanashikata-scho...
~
~
**2021.11.12
***中間発表準備
[[山口佳奈/卒業研究プレゼン]]の編集。
~
***NEWS
[[抜粋文の設定、>https://thewppress.com/libraries/get-the...
~
***MENU
[[抜粋文と>https://thewppress.com/libraries/get-the-excer...
~
~
**2021.11.11
***パーマリンクの設定
[[パーマリンク設定を変更>https://www.xserver.ne.jp/blog/w...
[[固定ページのパーマリンクを設定。>https://imagewave.jp/2...
~
***リンクの設定
[[リンク元とリンク先>http://wpcos.com/?p=16803#toc7]]と[[...
[[リンクの位置と>https://y-com.info/contents/?p=5641]][[...
~
***カテゴリー
[[WordPressのカテゴリー設定。>https://teratail.com/questi...
~
***レスポンシブ、SEOの設定
[[画像をレスポンシブで調整。>https://sole-color-blog.com/...
~
***phpの設定
[[header.phpのリンク設定と記述を変更。>https://teratail.c...
~
~
**2021.11.05
***作品概要の制作
''概要集作成''
[[イラストレーターで作成したPDFファイルの軽量化>https://w...
[[イラストレーターで配置画像に枠線をつける>https://yuki22...
~
''WordPress''
[[WordPressの機能一覧>https://www.rbbtoday.com/webcode/wo...
[[WordPressフッターの設定>https://dolcevivace.com/manual/...
[[WordPressカスタムメニュー>https://olein-design.com/blog...
[[カスタムメニュー追加>https://blog-and-destroy.com/825]]
~
''SEO対策''
[[SEO対策方法>https://www.gyro-n.com/seo/hack/seo-point/#...
[[上位表示の仕組みや対策方法>https://seolaboratory.jp/311...
~
~
**2021.11.04
***MENU
[[functions.phpで抜粋文の文字数と>https://affilabo.com/wo...
[[画像がクリック可であることが分かるようにホバーエフェク...
~
***フッターのレイアウト
[[columnの段差の修正と>https://html-coding.co.jp/annex/di...
[[borderプロパティ追加、>https://proengineer.internous.co...
~
***余白の設定
[[Webサイトのアウトライン、>https://blog.3streamer.net/ht...
~
***WordPress設定
[[トップページの項目とフロントページを設定。>https://word...
[[WordPressのファビコン変更、>https://wp-exp.com/blog/sit...
~
***調査
[[ヘッダー>https://min-web.com/dictionary/header/]]
[[Webサイトの大枠を作る>https://web.hayalab.com/04design0...
[[Webサイトのパーツ名>https://data.maison/column/homepage...
~
~
**2021.11.03
***フッターの情報
フッターに店名、営業時間、定休日を記載し[[サイトマップ>ht...
アクセス項目にあるマップをフッターへ移動。
~
***メニューバーの表示
[[メニューバーを上に固定、>https://programingbeginer.biz/...
~
***メインビジュアル
[[キービジュアルの上に文字を表示、>https://saruwakakun.co...
~
***参考
-[[奏樹 - アクセス>https://www.soujyu.megaminomori.com/ac...
-[[朧月 - コース、プラン>http://www.toyohashi-oborozuki.c...
-[[八百彦本店>https://www.yaohiko.nagoya/]]
-[[八百彦本店 - 商品一覧>https://www.yaohiko.nagoya/menu/...
~
~
**2021.10.28
***メインビジュアル
[[CSSでレスポンシブデザインを調整。>https://materializer....
[[background-attachment:fixed;の設定を変更。>https://y-co...
~
***画像の加工
[[料理を美味しく見せる修整加工、>https://entsumugu.com/co...
~
***サイトのデザイン
[[奏樹>https://www.soujyu.megaminomori.com/]]のWebサイト...
~
***参考
[[パスの途中にアンカーポイントを追加>https://www.ipentec....
[[ブラシをパスに適用する>https://web-style.info/illustrat...
~
***NEWS
タブレット・スマートフォン用に調整。画面幅が狭まると見出...
~
***メインビジュアル
店のロゴタイプの画像を消去し、営業時間の情報を移動。
~
***メニューバー
[[カスタムリンクの設定。>https://tabibitojin.com/global-m...
~
***レスポンシブデザイン
[[WordPressテーマの構造>http://kachibito.net/wordpress/th...
~
~
**2021.10.21
***メインビジュアル
スライドショーを作成して、店や料理の写真を映す。スライド...
~
***メニューバー
[[WordPressのヘッダー画像とロゴを設定する。>https://bazub...
~
***MENU
写真の追加と編集、[[高画質化。>https://www.appbank.net/ap...
~
***参考
-[[Let’s Enhance>https://letsenhance.io/login]]
-[[Let’s Enhance - 画像の拡大>https://4b-media.net/lets-e...
-[[Let’s Enhance - 画像の高画質化>https://gigazine.net/ne...
-[[WordPress Plugins スライダー>https://design.kyusan-u.a...
~
~
**2021.10.14
***写真撮影、追加
新たに料理の写真を撮影、Webサイトに使う画像として使用する。
~
***メインビジュアル
メインビジュアルに使っている画像を店の外観、店内、料理の...
~
***スライドショー追加
[[キービジュアルをスライドショーにする。>https://oc-techn...
[[スライドショーを追加できるプラグインを導入する。>https:...
~
***MENU
焼肉とホルモンの他のメニュー表示位置や大きさ。コースとメ...
~
***フッター
[[フッターの編集>https://tomato-code.com/1488/]]とフッタ...
~
***Webサイトのレイアウト
[[CSSで横並びのレイアウトを調整。>https://gimmicklog.com/...
~
***記事内でのアイキャッチ画像を非表示
[[トップページでは画像は表示され、投稿記事内では非表示に...
~
***参考
-[[WordPressスライダー表示>https://byacco.work/wordpress-...
-[[Smooth Sliderで最新記事を自動でスライドショー>https://...
-[[キービジュアル>https://taneppa.net/kv_design_2019_slid...
-[[要素を非表示にする>https://techacademy.jp/magazine/299...
-[[CSSで要素を非表示にする>https://tenman.info/labo/css/?...
~
~
**2021.10.07
***写真
焼肉の写真と店内の写真の変更、NEWSの下側の余白の調整。
~
***MENUの編集
ウィジェットの編集と右側にあるサイドバーを非表示、ページ...
~
***サーバーの更新
https://www.xfree.ne.jp/login/member.php
次回更新:2022.01.31まで
~
***参考
-[[WordPressカスタマイズ>https://bazubu.com/wp-customize-...
-[[Smooth Slider プラグイン>https://ja.wordpress.org/plug...
-[[Webデザインギャラリー>https://www.choicely.jp/webdesig...
-[[飲食店・レストランのホームページデザイン>https://web-k...
-[[Keynoteアニメーション>https://support.apple.com/ja-jp/...
~
~
**2021.09.30
***NEWSの編集
-NEWS項目の追加
最新のお知らせの項目の数と文章量の調整。
-NEWSのレスポンシブ
スマートフォンで見ると見出しが右側に寄るため中央に表示す...
~
***MENUの編集
-ページのレイアウト
本文の文字の大きさを変更する。
-メニューの追加
メインの焼肉、ホルモンの配置を調整する。
~
***メインビジュアル
[[スライドショーの作成>https://support.apple.com/ja-jp/gu...
~
~
**2021.09.22
***WordPress
-MENUセクション(1890行目~)
//blog-section
-メニュー項目の色(572行目~)
578行目color変更
600行目レスポンシブmin-width:1025px;に設定
-メインビジュアル(1290行目~)
//Section-2:
heightを設定
レスポンシブを調整する
-セクション要素(338行目~)
//Service/Elements:
411行目height要素追加
-NEWSセクション(1372行目~)
//Section-3:
1374行目paddingを設定
-INTERIORセクション(1744行目~)
//section-6:
内装紹介文追加
1746行目paddingを設定
~
~
**夏季休暇中の作業
//***2021.08.25
***WordPress編集
-ヘッダー(2027行目~)
3334行目の項目設定
-コードエディターへの切り替え方法(デフォルトはビジュアル...
https://www.javadrive.jp/wordpress/gutenberg/index15.html
コードエディターは投稿→新規追加もしくは編集→右上のオプシ...
-アンカーリンクの作成
https://keiichinishimura.com/anchor-link/
https://tcd-theme.com/2019/11/anchor-link.html
https://www.afi-b.com/beginner/archives/course/course_sit...
http://wpcos.com/?p=16803#toc7
-カテゴリーの設定
https://bazubu.com/how-to-setup-wp-category-23699.html
https://techacademy.jp/magazine/1804
-ワードプレスで改行
https://kaori-creative.com/wordpress-line-breaks
https://techmemo.biz/wordpress/post-page-title-br/
-サイドメニュー追尾プラグインQ2W3 Fixed Widget
https://sachips.byeto.jp/wordpress/q2w3fixedwidget.html
-抜粋文設定
https://bl6.jp/web/wordpress/excerpt-customize/
-CSSで画像や文字などを透過させる方法
https://saruwakakun.com/html-css/basic/opacity
-参考
https://docs.rarathemes.com/docs/restaurant-and-cafe/gene...
~
//***2021.08.16
***WordPress編集
-スライドバー(2790行目~)
2790行目の項目設定
-投稿記事(2165行目~)
1956行目.entry-metaにvisibility:hidden;設定
-MENUセクション(1890行目~)
1956行目color変更
1985行目visibility:hidden;を設定
-メインビジュアル(1290行目~)
//About/Section-2:
1318行目ロゴ(.section-2.holder)をpadding-top:5rem;に設定
-FOODセクション(1423行目~)
//Section-4:
料理紹介文追加
-MAPセクション(2032行目~)
2038行目iframe追加
iframeにdisplay: inline-block;とmarginを設定
~
***参考
-インライン要素でmarginを使う方法
https://qiita.com/7note/items/3eaecf9688e957eeb93d
インライン要素にdisplay: inline-block;を記述することでmar...
-インライン要素(iframeなど)について
https://shu-naka-blog.com/css/margin-02/
インライン要素はmarginの上下指定ができない
-visibility:hiddenの設定
https://tenman.info/labo/css/?p=8168
-コメント欄を非表示にする
https://www.weluka.me/wp_comment
-CSSで!importantを使った優先順位の変更
https://techacademy.jp/magazine/9424
~
~
**前期
[[山口佳奈/卒業研究I]]
~
~
~
~
終了行:
//飲食店むけ:https://template-party.com/db_template/?act...
//#contents
//https://ja.wordpress.org/themes/restaurant-and-cafe/
//https://rarathemes.com/previews/?theme=restaurant-and-c...
//https://marie-web.design/blog/wordpress-theme-free/
//プレゼン用サイトページを作る、プレゼンしやすい構成、一...
//https://design.kyusan-u.ac.jp/socialdesign/?cmd=read&pa...
//ホスト名 sv7.wp.xdomain.ne.jp
//IPアドレス 157.112.147.8
//FTPアカウント名 nikudaisho.wp.xdomain.jp
//FTPホスト名 sv7.wp.xdomain.ne.jp
//FTPアカウントID :nikudaisho.wp.xdomain.jp
//パスワード :88s87l1j3x5d
//パスワード:xc(jAtTpyAwL0xQu
//pusag29パスワード:NiQK5v6GVXX3X(9LeOvNnb5L
//icloud
//ユーザー名:29daisho
//icloudパスワード:Ni29daishoW4HkK!
*飲食店のためのWebサイト制作
集客・宣伝を柔軟に行える Webサイトの構築
//どんなwebサイトにするか
~
//#image(山口佳奈/卒業研究I/mainvisual.jpg, center,)
-''[[山口佳奈]]''
-'''Keywords:WebDesign, WordPress'''
~
// !!重要!!https://buzzcreate.biz/da...
//スマートフォンで検索を行う人が増加したことでグルメサイ...
**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
オープンソースのCMSである''WordPress''を利用して、焼肉店...
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
現在各種グルメサイトを利用して集客・宣伝を行っており、[[...
このようにグルメサイトでの集客・宣伝は恩恵もあるが費用も...
グルメサイトと費用がかからず制限なく情報を詳細に伝えられ...
//検索順位が高くなるよう工夫した
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
//コロナウイルスの影響で店の営業状況が変化しやすくなって...
-店の情報を正確に、店の魅力を効果的に伝える
-コロナウイルスの影響で店の営業状況が変化しやすくなってい...
~
//***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
//http://nikudaisho.wp.xdomain.jp/
//ダッシュボード : http://nikudaisho.wp.xdomain.jp/wp-adm...
//~
//***Member
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
//~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
WordPress
~
***Term
2021.04.16 〜
//2021.10.15
~
//***Conclusion / Summary
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
//~
~
**Survey
***Present Status
[[グルメサイトに関する意識調査>https://www.tablecheck.com...
株式会社「TableCheck」が20~60代の全国の男女1100名と20~50...
~
-グルメサイトへの信頼度調査
//&image(山口佳奈/卒業研究プレゼン/01.jpg,center,50%);
グルメサイトの点数やランキング表示をユーザーの半数がグル...
-飲食店を検索する手段
//[[&image(山口佳奈/卒業研究プレゼン/02.jpg,center,50%);]]
//&image(山口佳奈/卒業研究プレゼン/02.jpg,center,50%);
飲食店の検索手段はグルメサイトの他にGoogle検索とGoogleマ...
-飲食店を予約する手段
//&image(山口佳奈/卒業研究プレゼン/03.jpg,center,50%);
予約手段はグルメサイトと電話の利用が多かった。
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
''先行事例''
Webサイトの制作にあたり焼肉店のホームページについて調査し...
~
//-手書き風のイラストを使っているWebサイトは少なかった。
-[[「飛騨牛焼肉 にくなべ屋 朧月 豊橋駅前大通り店」>http:/...
「飛騨牛焼肉 にくなべ屋 朧月 豊橋駅前大通り店」のホームペ...
~
-日本料理店[[「桜坂 ONO」>https://ono-group.com/restauran...
日本料理店「桜坂 ONO」のホームページでは、ページを開いた...
~
-レストラン[[「ミツバチ食堂」>http://mb-cafe.net/]]のホー...
レストラン「ミツバチ食堂」のホームページはイラストや手書...
~
//***現地調査
//-[[外観>https://drive.google.com/drive/folders/1LlbhqpH...
//-[[内装>https://drive.google.com/drive/folders/15eHW05G...
//-[[料理>https://drive.google.com/drive/folders/1zRyPGug...
//~
***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[縦長にスクロールするページ>https://ja.wix.com/blog/201...
-[[飲食店のホームページ>https://restaurant-ambition.jimdo...
-WordPress
-Webデザイン
~
~
//**Project Management
//~
//***Schedule
//https://docs.google.com/spreadsheets/d/1uMisxMFFv1UB3UX...
//&color(red){計画的な遂行のために、進行管理表を作成して...
//~
//***ToDo
//https://docs.google.com/spreadsheets/d/13HMWxsQrHroIQMu...
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
//-%%サーバーの用意%%
//-%%ドメインの取得%%
//-%%店の調査%%
//-サイトのデザインの構想
//-コロナ禍での新しい取り組みを調査
//~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2021.01.14
***参考
https://png2pdf.com/ja/
https://convert.town/image-dpi
https://chirashi.twittospia.com/%E6%8A%80%E8%A1%93/%E7%94...
https://www.showdesignlab.com/weblog/2019/03/20/161
https://design.kyusan-u.ac.jp/OpenSquareJP/?%E6%83%85%E5%...
https://www.photo-ac.com/
~
~
**2021.12.16
***ニュース項目の投稿記事
[[ニュースの投稿記事のリンクを>https://www.conoha.jp/lets...
~
***投稿記事のメタ情報
[[CSSでentry-metaにdisplay:none;を設定し、>https://affili...
~
***トップページにセクションを追加
店内の構造についての紹介文と画像を追加、background-attach...
~
~
**2021.12.01
***ニュース項目のCSS設定
[[ニュース項目のCSSにinline-blockを設定し、>https://qiita...
~
***メニュー項目のCSS設定
[[aタグ(リンク)のクリックできる範囲をCSSで親要素まで広...
~
***メニュー項目のコース
[[コース料理に使う画像の作成。>https://hubworks.jp/archiv...
~
***アクセス項目の設定
アクセスの項目に写真と情報を追加。
~
***参考
[[テキスト縦書き設定>https://www.webcreatorbox.com/tech/w...
[[CSSフェードインで表示する方法>https://toriton.link/codi...
[[CSSアニメーション>https://www.google.com/search?q=%E8%A...
~
~
**2021.11.28
***スラッグ・カテゴリーの設定
ニュースの投稿記事に[[カテゴリーと>https://www.infact1.co...
~
***ニュースの表示件数を追加
ニュースの表示件数を1つから3つに増加。[[最新記事を一覧で...
~
***ニュースの表示配置を変更
縦に並べる配置から横にニュースの投稿記事が表示されるよう...
~
~
**2021.11.23
***フロントページにセクションを追加
メニューにコース料理とドリンクの情報を追加し、通常メニュ...
~
***セクションの順番を変更
[[CSSでcontentにdisplay:flex;とorderを設定し、>https://we...
~
***固定ページ属性の順序設定
[[固定ページの順番を変更。>https://worpreya.com/changing-...
~
***固定ページの親ページを指定
[[固定ページに親ページを設定して階層化する。>https://www....
~
~
**2021.11.16
***合同審査準備
見出しの使い方が不規則で見辛く話の流れが分からないという...
//全体の文章や言葉選びを見直した。
~
***参考
[[プレゼンテーションの基本構成>https://commu-training.iso...
[[人が聴きやすい話し方・言葉選び>https://hanashikata-scho...
~
~
**2021.11.12
***中間発表準備
[[山口佳奈/卒業研究プレゼン]]の編集。
~
***NEWS
[[抜粋文の設定、>https://thewppress.com/libraries/get-the...
~
***MENU
[[抜粋文と>https://thewppress.com/libraries/get-the-excer...
~
~
**2021.11.11
***パーマリンクの設定
[[パーマリンク設定を変更>https://www.xserver.ne.jp/blog/w...
[[固定ページのパーマリンクを設定。>https://imagewave.jp/2...
~
***リンクの設定
[[リンク元とリンク先>http://wpcos.com/?p=16803#toc7]]と[[...
[[リンクの位置と>https://y-com.info/contents/?p=5641]][[...
~
***カテゴリー
[[WordPressのカテゴリー設定。>https://teratail.com/questi...
~
***レスポンシブ、SEOの設定
[[画像をレスポンシブで調整。>https://sole-color-blog.com/...
~
***phpの設定
[[header.phpのリンク設定と記述を変更。>https://teratail.c...
~
~
**2021.11.05
***作品概要の制作
''概要集作成''
[[イラストレーターで作成したPDFファイルの軽量化>https://w...
[[イラストレーターで配置画像に枠線をつける>https://yuki22...
~
''WordPress''
[[WordPressの機能一覧>https://www.rbbtoday.com/webcode/wo...
[[WordPressフッターの設定>https://dolcevivace.com/manual/...
[[WordPressカスタムメニュー>https://olein-design.com/blog...
[[カスタムメニュー追加>https://blog-and-destroy.com/825]]
~
''SEO対策''
[[SEO対策方法>https://www.gyro-n.com/seo/hack/seo-point/#...
[[上位表示の仕組みや対策方法>https://seolaboratory.jp/311...
~
~
**2021.11.04
***MENU
[[functions.phpで抜粋文の文字数と>https://affilabo.com/wo...
[[画像がクリック可であることが分かるようにホバーエフェク...
~
***フッターのレイアウト
[[columnの段差の修正と>https://html-coding.co.jp/annex/di...
[[borderプロパティ追加、>https://proengineer.internous.co...
~
***余白の設定
[[Webサイトのアウトライン、>https://blog.3streamer.net/ht...
~
***WordPress設定
[[トップページの項目とフロントページを設定。>https://word...
[[WordPressのファビコン変更、>https://wp-exp.com/blog/sit...
~
***調査
[[ヘッダー>https://min-web.com/dictionary/header/]]
[[Webサイトの大枠を作る>https://web.hayalab.com/04design0...
[[Webサイトのパーツ名>https://data.maison/column/homepage...
~
~
**2021.11.03
***フッターの情報
フッターに店名、営業時間、定休日を記載し[[サイトマップ>ht...
アクセス項目にあるマップをフッターへ移動。
~
***メニューバーの表示
[[メニューバーを上に固定、>https://programingbeginer.biz/...
~
***メインビジュアル
[[キービジュアルの上に文字を表示、>https://saruwakakun.co...
~
***参考
-[[奏樹 - アクセス>https://www.soujyu.megaminomori.com/ac...
-[[朧月 - コース、プラン>http://www.toyohashi-oborozuki.c...
-[[八百彦本店>https://www.yaohiko.nagoya/]]
-[[八百彦本店 - 商品一覧>https://www.yaohiko.nagoya/menu/...
~
~
**2021.10.28
***メインビジュアル
[[CSSでレスポンシブデザインを調整。>https://materializer....
[[background-attachment:fixed;の設定を変更。>https://y-co...
~
***画像の加工
[[料理を美味しく見せる修整加工、>https://entsumugu.com/co...
~
***サイトのデザイン
[[奏樹>https://www.soujyu.megaminomori.com/]]のWebサイト...
~
***参考
[[パスの途中にアンカーポイントを追加>https://www.ipentec....
[[ブラシをパスに適用する>https://web-style.info/illustrat...
~
***NEWS
タブレット・スマートフォン用に調整。画面幅が狭まると見出...
~
***メインビジュアル
店のロゴタイプの画像を消去し、営業時間の情報を移動。
~
***メニューバー
[[カスタムリンクの設定。>https://tabibitojin.com/global-m...
~
***レスポンシブデザイン
[[WordPressテーマの構造>http://kachibito.net/wordpress/th...
~
~
**2021.10.21
***メインビジュアル
スライドショーを作成して、店や料理の写真を映す。スライド...
~
***メニューバー
[[WordPressのヘッダー画像とロゴを設定する。>https://bazub...
~
***MENU
写真の追加と編集、[[高画質化。>https://www.appbank.net/ap...
~
***参考
-[[Let’s Enhance>https://letsenhance.io/login]]
-[[Let’s Enhance - 画像の拡大>https://4b-media.net/lets-e...
-[[Let’s Enhance - 画像の高画質化>https://gigazine.net/ne...
-[[WordPress Plugins スライダー>https://design.kyusan-u.a...
~
~
**2021.10.14
***写真撮影、追加
新たに料理の写真を撮影、Webサイトに使う画像として使用する。
~
***メインビジュアル
メインビジュアルに使っている画像を店の外観、店内、料理の...
~
***スライドショー追加
[[キービジュアルをスライドショーにする。>https://oc-techn...
[[スライドショーを追加できるプラグインを導入する。>https:...
~
***MENU
焼肉とホルモンの他のメニュー表示位置や大きさ。コースとメ...
~
***フッター
[[フッターの編集>https://tomato-code.com/1488/]]とフッタ...
~
***Webサイトのレイアウト
[[CSSで横並びのレイアウトを調整。>https://gimmicklog.com/...
~
***記事内でのアイキャッチ画像を非表示
[[トップページでは画像は表示され、投稿記事内では非表示に...
~
***参考
-[[WordPressスライダー表示>https://byacco.work/wordpress-...
-[[Smooth Sliderで最新記事を自動でスライドショー>https://...
-[[キービジュアル>https://taneppa.net/kv_design_2019_slid...
-[[要素を非表示にする>https://techacademy.jp/magazine/299...
-[[CSSで要素を非表示にする>https://tenman.info/labo/css/?...
~
~
**2021.10.07
***写真
焼肉の写真と店内の写真の変更、NEWSの下側の余白の調整。
~
***MENUの編集
ウィジェットの編集と右側にあるサイドバーを非表示、ページ...
~
***サーバーの更新
https://www.xfree.ne.jp/login/member.php
次回更新:2022.01.31まで
~
***参考
-[[WordPressカスタマイズ>https://bazubu.com/wp-customize-...
-[[Smooth Slider プラグイン>https://ja.wordpress.org/plug...
-[[Webデザインギャラリー>https://www.choicely.jp/webdesig...
-[[飲食店・レストランのホームページデザイン>https://web-k...
-[[Keynoteアニメーション>https://support.apple.com/ja-jp/...
~
~
**2021.09.30
***NEWSの編集
-NEWS項目の追加
最新のお知らせの項目の数と文章量の調整。
-NEWSのレスポンシブ
スマートフォンで見ると見出しが右側に寄るため中央に表示す...
~
***MENUの編集
-ページのレイアウト
本文の文字の大きさを変更する。
-メニューの追加
メインの焼肉、ホルモンの配置を調整する。
~
***メインビジュアル
[[スライドショーの作成>https://support.apple.com/ja-jp/gu...
~
~
**2021.09.22
***WordPress
-MENUセクション(1890行目~)
//blog-section
-メニュー項目の色(572行目~)
578行目color変更
600行目レスポンシブmin-width:1025px;に設定
-メインビジュアル(1290行目~)
//Section-2:
heightを設定
レスポンシブを調整する
-セクション要素(338行目~)
//Service/Elements:
411行目height要素追加
-NEWSセクション(1372行目~)
//Section-3:
1374行目paddingを設定
-INTERIORセクション(1744行目~)
//section-6:
内装紹介文追加
1746行目paddingを設定
~
~
**夏季休暇中の作業
//***2021.08.25
***WordPress編集
-ヘッダー(2027行目~)
3334行目の項目設定
-コードエディターへの切り替え方法(デフォルトはビジュアル...
https://www.javadrive.jp/wordpress/gutenberg/index15.html
コードエディターは投稿→新規追加もしくは編集→右上のオプシ...
-アンカーリンクの作成
https://keiichinishimura.com/anchor-link/
https://tcd-theme.com/2019/11/anchor-link.html
https://www.afi-b.com/beginner/archives/course/course_sit...
http://wpcos.com/?p=16803#toc7
-カテゴリーの設定
https://bazubu.com/how-to-setup-wp-category-23699.html
https://techacademy.jp/magazine/1804
-ワードプレスで改行
https://kaori-creative.com/wordpress-line-breaks
https://techmemo.biz/wordpress/post-page-title-br/
-サイドメニュー追尾プラグインQ2W3 Fixed Widget
https://sachips.byeto.jp/wordpress/q2w3fixedwidget.html
-抜粋文設定
https://bl6.jp/web/wordpress/excerpt-customize/
-CSSで画像や文字などを透過させる方法
https://saruwakakun.com/html-css/basic/opacity
-参考
https://docs.rarathemes.com/docs/restaurant-and-cafe/gene...
~
//***2021.08.16
***WordPress編集
-スライドバー(2790行目~)
2790行目の項目設定
-投稿記事(2165行目~)
1956行目.entry-metaにvisibility:hidden;設定
-MENUセクション(1890行目~)
1956行目color変更
1985行目visibility:hidden;を設定
-メインビジュアル(1290行目~)
//About/Section-2:
1318行目ロゴ(.section-2.holder)をpadding-top:5rem;に設定
-FOODセクション(1423行目~)
//Section-4:
料理紹介文追加
-MAPセクション(2032行目~)
2038行目iframe追加
iframeにdisplay: inline-block;とmarginを設定
~
***参考
-インライン要素でmarginを使う方法
https://qiita.com/7note/items/3eaecf9688e957eeb93d
インライン要素にdisplay: inline-block;を記述することでmar...
-インライン要素(iframeなど)について
https://shu-naka-blog.com/css/margin-02/
インライン要素はmarginの上下指定ができない
-visibility:hiddenの設定
https://tenman.info/labo/css/?p=8168
-コメント欄を非表示にする
https://www.weluka.me/wp_comment
-CSSで!importantを使った優先順位の変更
https://techacademy.jp/magazine/9424
~
~
**前期
[[山口佳奈/卒業研究I]]
~
~
~
~
ページ名: