内科専門医 今日もマイクラ処方中

Minecraftの医学的有効性を検証中

MENU

ホームページ作り

ページ内リンクの作り方HTML編 (day372)

長いページだと、目次などに戻るページ内リンクがあるとページが見やすくなる。 目次 1. リンク先に<a id="id名"></a>を付ける 2. リンク元に<a href="#id名"> リンク元の言葉</a>を付ける 1. リンク先に<a id="id名"></a>を付ける 2. リンク元に<a href="#id名"> リンク元の言葉</a>を付ける #を付けるのを忘れない。 id名を目次とし、…

文字を寄せる: 左・中央・右 (day371)

目次を例にする。 左寄せ <div style="text-align: left;">目次</div> 表示の確認 目次 中央 <div style="text-align: center;">目次</div> 表示の確認 目次 右寄せ <div style="text-align: right;">目次</div> 表示の確認 目次

ホームページ開設しました!(day288)

このブログでもWordPressやホームページ作りの情報を載せていましたが、ついに完成しました!是非見てみて下さい! www.flourishing-lab.com

リンクページを別tabで開く:WordPress (day287)

リンクページで新たなページを開くとき、別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>

他のサイトの新着記事を自動表示(RSSフィード)(day285)

WordPressで他のサイトの新着記事を自動表示させる。 プラグインをもちいる。 WP RSS Aggregator – News Feeds, Autoblogging, Youtube Video Feeds and More

Youtubeのチャンネル登録を表示する: WordPress (day284)

こんなのを作成する。 1. チャンネルIDをコピー チャンネルのURLの末尾、下の赤い部分をコピー 2. 「YouTube Subscribe Button」のページでHTMLコードを作る 下記にアクセス ボタンを設定する | YouTube Subscribe Button | Google Developers チャンネル名…

ページ内リンクの作り方 (day259)

ページ内リンクを貼りたい箇所を選択する。 例えば動画の部分。 ここで詳細編集-高度な設定 でHTMLアンカーに任意の言葉を入れる。例えばvideo そのページのリンクの最後に#videoを入れれば選択した箇所にとぶ。

WordPressで新着情報の一覧を載せる: What's New Generator(day247)

新着情報の一覧を載せる。 What's New Generatorというプラグインを用いる。

YouTubeチャンネルの最新動画を埋め込む: WordPress (day246)

YouTubeチャンネルの最新動画をHPに植え込む方法。 参考にさせて頂きました↓ YouTubeチャンネルの最新動画をサイト内に埋め込むコードの記述方法 | TeamSEEK チャンネルの設定-詳細設定 からチャンネルIDをコピー。最初の2文字をUUに変更して下記の?list=以…

スマホにサイズを合わせる(レスポンシブ): WordPressでホームページ作り (day126)

widthを固定値にするのではなく100%にする。 参考↓ form.run

googleフォームを貼る: WordPressでホームページ作り (day120)

Googleフォームをページに載せて問い合わせフォームとしたい。 手順は簡単、フォームを作り、HTML取得、カスタムHTMLにコピペ。 以下参考↓ kinsta.com

予約システムBooking Package: WordPressでホームページ作り (day119)

Googleカレンダーで予約機能を使うには有料版への契約が必要。 取り急ぎ無料でできるPlug-inを入れた。 Booking Package, 非常に直感的。決済などは有料版でできるよう。 manual-ja.saasproject.net

CSS(カスケーディング・スタイル・シート)でホームページを美しく:WordPressでホームページ作り (day118)

ホームページの見た目を変えるCSS。 素人は何も考えずに追加CSSを使う。 以下参考↓ www.conoha.jp

マウスオーバー時に画像を拡大させる方法: WordPressでホームページ作り(day117)

マウスが上に来たときに、画像がふわっと大きくなるようにする方法。 CSSをいじる必要がある。CSSについては明日。 参考↓ ehumaga.com

画像やテキストを横並びにする: WordPressでホームページ作り(day116)

以下の2種類がある。 ギャラリーブロックを使う。 カラムを使う。 非常に参考になった↓ tsutchii.com

メニューバー(グローバルナビゲーション)の作り方:WordPressでホームページ作り (day115)

メニューバー(グローバルナビゲーション)の作り方 1. リンク先の固定ページを作っておく 2. 外観-メニュー を選ぶ。 外観-メニュー を選ぶ。 3. メニュー名をつけ、作成しメニューの編集画面に行く。 メニューの編集 4.メニューの場所を決める メニューの場…

SSLの設定 (day111)

通信の暗号化、SSL。 httpではなく、httpsと表示されるようになる。 最低限、無料でできるものは設定しておく。 お名前.comのサーバーなら簡単にセットアップ可能。 独自SSLオプション | お名前.comのレンタルサーバー

Googleカレンダーを貼り付ける:WordPressでホームページ作り(day110)

1. 公開用のGoogleカレンダーを作る 2. Googleカレンダーのアクセス権限変更 3. 埋め込みコードの取得 4. WordPressで、カレンダーを表示させたいページのブロックを指定し、カスタムHTMLに埋め込みコードを入れる。 1. 公開用のGoogleカレンダーを作る 2. G…

WordPressでホームページ作り(day107)

はてなブログをはじめて約100日。 はてなブログを使ってのホームページ作りは大分把握してきた。 次のステップとしてWordPressを用いたホームページ作りを勉強していきたいと思う。 まずは、 1)ドメイン獲得 2)レンタルサーバー契約 が必要。初期費用を抑え…