ホームページ作り
長いページだと、目次などに戻るページ内リンクがあるとページが見やすくなる。 目次 1. リンク先に<a id="id名"></a>を付ける 2. リンク元に<a href="#id名"> リンク元の言葉</a>を付ける 1. リンク先に<a id="id名"></a>を付ける 2. リンク元に<a href="#id名"> リンク元の言葉</a>を付ける #を付けるのを忘れない。 id名を目次とし、…
目次を例にする。 左寄せ <div style="text-align: left;">目次</div> 表示の確認 目次 中央 <div style="text-align: center;">目次</div> 表示の確認 目次 右寄せ <div style="text-align: right;">目次</div> 表示の確認 目次
このブログでもWordPressやホームページ作りの情報を載せていましたが、ついに完成しました！是非見てみて下さい！ www.flourishing-lab.com
リンクページで新たなページを開くとき、別tabで開かないとブラウザーの戻るボタンを押さなくてはいけないので面倒。 HTMLのa hrefにtarget=”_blank” を入れる。 例 同じウィンドウで開く。 <a href="https://www.flourishing-lab.com/?page_id=67"> 別tabで開く <a href="https://www.flourishing-lab.com/?page_id=67"target=”_blank”></a></a>
WordPressで他のサイトの新着記事を自動表示させる。 プラグインをもちいる。 WP RSS Aggregator – News Feeds, Autoblogging, Youtube Video Feeds and More
こんなのを作成する。 1. チャンネルIDをコピー チャンネルのURLの末尾、下の赤い部分をコピー 2. 「YouTube Subscribe Button」のページでHTMLコードを作る 下記にアクセス ボタンを設定する | YouTube Subscribe Button | Google Developers チャンネル名…
ページ内リンクを貼りたい箇所を選択する。 例えば動画の部分。 ここで詳細編集-高度な設定 でHTMLアンカーに任意の言葉を入れる。例えばvideo そのページのリンクの最後に#videoを入れれば選択した箇所にとぶ。
新着情報の一覧を載せる。 What's New Generatorというプラグインを用いる。
YouTubeチャンネルの最新動画をHPに植え込む方法。 参考にさせて頂きました↓ YouTubeチャンネルの最新動画をサイト内に埋め込むコードの記述方法 | TeamSEEK チャンネルの設定-詳細設定 からチャンネルIDをコピー。最初の2文字をUUに変更して下記の?list=以…
widthを固定値にするのではなく100%にする。 参考↓ form.run
Googleフォームをページに載せて問い合わせフォームとしたい。 手順は簡単、フォームを作り、HTML取得、カスタムHTMLにコピペ。 以下参考↓ kinsta.com
Googleカレンダーで予約機能を使うには有料版への契約が必要。 取り急ぎ無料でできるPlug-inを入れた。 Booking Package, 非常に直感的。決済などは有料版でできるよう。 manual-ja.saasproject.net
ホームページの見た目を変えるCSS。 素人は何も考えずに追加CSSを使う。 以下参考↓ www.conoha.jp
マウスが上に来たときに、画像がふわっと大きくなるようにする方法。 CSSをいじる必要がある。CSSについては明日。 参考↓ ehumaga.com
以下の２種類がある。 ギャラリーブロックを使う。 カラムを使う。 非常に参考になった↓ tsutchii.com
メニューバー(グローバルナビゲーション)の作り方 1. リンク先の固定ページを作っておく 2. 外観-メニュー を選ぶ。 外観-メニュー を選ぶ。 3. メニュー名をつけ、作成しメニューの編集画面に行く。 メニューの編集 4．メニューの場所を決める メニューの場…
通信の暗号化、SSL。 httpではなく、httpsと表示されるようになる。 最低限、無料でできるものは設定しておく。 お名前.comのサーバーなら簡単にセットアップ可能。 独自SSLオプション | お名前.comのレンタルサーバー
1. 公開用のGoogleカレンダーを作る 2. Googleカレンダーのアクセス権限変更 3. 埋め込みコードの取得 4. WordPressで、カレンダーを表示させたいページのブロックを指定し、カスタムHTMLに埋め込みコードを入れる。 1. 公開用のGoogleカレンダーを作る 2. G…
はてなブログをはじめて約100日。 はてなブログを使ってのホームページ作りは大分把握してきた。 次のステップとしてWordPressを用いたホームページ作りを勉強していきたいと思う。 まずは、 1)ドメイン獲得 2)レンタルサーバー契約 が必要。初期費用を抑え…
