WordPressの旅人

WordPressの旅人

マガジン

最近の記事

テキストの下線が反映されない

テキストの下線装飾。よくしますよね。コードは全く一緒で 他のデバイス(パソコンやスマホ)では表示されていたのにというとき。ブラウザが変わっているから表示されていないのではないでしょうか。chromeやsafariなどのブラウザのときはコードに-webkit-を追加することで表示される可能性があります。 text-decoration:underline red; ↓   -webkit-text-decoration:underline red;

    • aタグのリンク範囲を枠内すべてに広げる

      上記の画像ではカーソルはaタグを含んだ「ナビ1」の要素の上に乗っていて、hoverが有効になっている。しかし、ここでクリックしてもリンク先に飛ばない。 この要素の中すべてをリンクの範囲にしたいときは, CSSでaタグに display:block; を追加する。

      • aタグが機能しない

        <div>の中にaタグを入れているときリンクへ飛べない!というときは<a>にクラスを追加して、position ="relative"を指定してみましょう! HTMLで <div> <a href="ジャンプしたいサイトなどのURL" class="a-tag"> こちら </a> </div> CSSで .atag{ position : relative ; } どうやら<div>に覆われてしまっていることがあるみたいです。

        • サイトデザイン~色の選び方

          色は明瞭度によってダーク、原色、パステルに分類される。 違う明瞭度のものを混ぜると素人っぽいサイトになってしまうらしい。 明瞭度にはそれぞれイメージがあるらしい。 ダーク・・・高級感 原色・・・元気、親しみやすさ パステル・・・やわらかい、優しい 久保なつみさんのyoutubeの開設動画がとても分かりやすかった。

        テキストの下線が反映されない

        マガジン

        • WordPress勉強日誌
          1本

        記事

          マルチドメイン設定

          ・ワードプレスでサイトを作る ・レンタルサーバーはロリポップを使う ・ムームードメインで独自ドメインを取得する という場合 2つ目のウェブサイトを作るとき、サブドメインを使用すると簡単に設定できます。 しかし、1つ目に作ったサイトと無関係の内容のウェブサイト作るときは、マルチドメインを使うみたいです。 【ざっくりなやり方】①ムームードメインで独自ドメインを取得する。 〇〇.jpとか、〇〇.co.jpとか、〇〇.tokyoとか。 ②メールが来るのでそれにのっとってコント

          マルチドメイン設定

          WordPress cocoonというテーマでスマホにメニューを表示させる

          画像のようなスクロールしても動かないスマホのメニューを表示させる。 ①外観のメニューを選択し、一番下。メニュー設定にて、 メニューの位置の「ヘッダーナビ」をチェック。 ②cocoon設定の「モバイル」を選択。 「トップボタン」をチェック。 ③スクロールしてもメニューがついてきてほしい場合は「外観」の「カスタマイズ」を選択。追加CSSに .slicknav_menu{ position:fixed; top:40px; left:0px; margin:0; b

          WordPress cocoonというテーマでスマホにメニューを表示させる

          WordPressでレスポンシブサイトをつくる。やり方わからず

          WordPressでレスポンシブサイトを作るには、3通りのやり方がある。 ・最初からレスポンシブテーマを使う。 ・FTPソフトを使って、PHPのファイルをいじる。 ・htmlのheaderでviewportを設定し、デバイスの幅を取得し、メディアクエリでCSSを分けて表示する。 テーマはcocoon を使って進めている。レスポンシブになっているが、細かい設定はできず。他はどれもやり方がわからず撃沈…

          WordPressでレスポンシブサイトをつくる。やり方わからず

          HTMLとは

          プログラミングを始めたい人が最初に始めるべきといわれているHTML。 HTMLとはホームページの枠組みを作る言語。プログラミング言語ではないが、HyperText Markup Languageの略で、マークアップ言語と呼ばれる。 具体的にどう使うか。なにができるか。 上の画像はHTMLのコードである。 このコードを書くと、下の画像のようなホームページを作れる。