ノンコーディングでできるWordCamp Osaka 2019応援バナーの貼り方 #wcosaka2019 #wordcamp
目次
私はWordCamp Osaka 2019実行委員会でスポンサチームを担当している福井 洋(ふくい ひろし)です。WordCamp Osaka 2019(新しいタブで開く)の開催当日まで残り1ヶ月を切りました。
この記事を読んでくださったみなさんは、12月6日(金)のコントリビューターデイと7日(土)のセッションデイにもう参加登録をされていますよね?(まだ参加登録されていない方はすぐに参加登録(新しいタブで開く)を)。
自分のサイトに応援バナーを貼ろう!
ところでWordCamp Osaka 2019の公式Webサイトではイベントを盛り上げるための応援バナーが用意されています。
ですがせっかくWordPressサイトを使っているにも関わらず、「自分はHTMLやCSSのことがよく分からんし…」と思ってとってもステキなバナーを貼ることをためらっている方がいらっしゃるかもしれません。
そこで今回の記事でははみなさんが運営されているWordPressサイトに、ノンコーディングでWordCamp Osaka 2019応援バナーを貼る方法をご紹介します。
ノンコーディングで応援バナーを貼る方法
今回はWordPressの公式ディレクトリに登録されているテーマの1つである、「Twenty Seventeen」(新しいタブで開く)を例にしてバナーの貼り方を説明いたします。
「ウィジェット」にコードの編集画面を準備
まずWordPressのダッシュボード(管理画面)にアクセスして、[外観]→[ウィジェット]をクリックします。
次に「ウィジェット」の画面にある「利用できるウィジェット」から[カスタムHTML]を[ブログサイドバー]にドラッグ&ドロップをします。
[カスタムHTML]の編集
その[カスタムHTML]をクリックするとコードの編集部分が表れます。
<a href="https://2019.osaka.wordcamp.org/" target="_blank" rel="noopener noreferrer"><img src="https://2019.osaka.wordcamp.org/files/2019/11/wco2019_300x300.png" alt="WordCamp Osaka 2019" /></a>
300×300の大きさを示す応援バナーを示す上記のコードをコピー&ペースとし、[保存]ボタンをクリックします。
WordCamp Osaka 2019応援バナーの確認
ウィジェットでコードが保存できたら確認をしましょう。WordPressのサイトを表示させると「Twenty Seventeen」の右肩に300×300の応援バナーが表示されていることが分かります。
みなさんもWordCamp Osaka 2019応援バナーを貼っていただいて、ご家族・友人・知人へもイベントに参加していただけるようご協力いただければ幸いです。
- WordCamp Osaka 2019
- WordCamp Osaka 2019 2019年12月6日(金)・7日(土)
- WordCamp Osaka 2019 スポンサー
- WordCamp Osaka 2019 協賛企業
- WordCamp Osaka 2019 大阪工業大学梅田キャンパス OIT梅田タワー 常翔ホール
- WordCamp Osaka 2019 開催決定
- WordCamp Osaka 2019応援バナー
- WordCamp Osaka 2019応援バナー Twenty Seventeen 応援バナーを貼る方法
- WordCamp Osaka 2019応援バナー ウィジェット カスタムHTML
- WordCamp Osaka 2019応援バナー ウィジェット カスタムHTML コピペ
- WordCamp Osaka 2019応援バナー ノンコーディングで貼る方法
- WordCamp Osaka 2019応援バナー 貼り方
- WordPress
- WordPress ウィジェット カスタムHTML
- WordPressのイベント
- WordPressのコミュニティ
- WordPressを通じてお友だちを作りましょう
- プログラミング学習
- プログラミング学習初心者
- プログラミング学習法