タグ

ブックマーク / saruwakakun.com (8)

  • 【CSS】文字に色々なデザインの下線を引く(点線・波線・二重線・蛍光ペン風など)

    今回は文字にさまざまなデザインの下線を引き方をまとめます。おしゃれで文章の強調に使えるような下線も紹介していくので、気に入ったものがあれば是非コピペして使ってみてください。 1.【初心者向け】下線を引く手順 はじめにCSSの指定方法を解説するので、すでにご存知の方は読み飛ばして頂ければと思います。 スキップ 文字に下線を引く方法は大きく分けて、以下の2パターンがあります。 1つずつ解説していきます。 方法1: HTMLに直接書く(インライン) いちばん簡単な方法です。以下のように指定します。 <span style=”下線のCSSコード”>下線を引きたい文字</span> ①下線を引きたい部分をspanタグで囲って ②style=””の中にCSSコードを書けば良いわけですね。後ほど各下線のCSSコードを紹介していきますので気に入ったものをコピペして入れましょう。たとえば、いちばん無難な下線

    【CSS】文字に色々なデザインの下線を引く(点線・波線・二重線・蛍光ペン風など)
    rspk315
    rspk315 2021/10/11
    “background: linear-gradient(transparent 70%, yellow 70%); ”
  • WordPressでバックアップを取る4つの方法(初心者向け)

    1. WordPressのバックアップの考え方 WordPressでバックアップを取っておきたいものは、主に以下の4つになります。 この4つのバックアップをしっかり取っていれば、最悪全てを失ったとしても、ほとんど元通りに復活できるはずです。一度、箇条書きに並べてみます。 wp-content themes インストールされているテーマは全てここに。 wp-content uploads WordPressでアップロードした「画像」などのメディアがここに。 wp-content plugins インストールされているプラグインのデータは主にここに。 データベース 記事の内容/タイトル/公開日/カテゴリー情報などはここに。 ①〜③は「 wp-content」というディレクトリ(フォルダー)の中に入っています。データベースだけは、離れた場所に保管されている&保存の仕方も少し違う…というイメージで

    WordPressでバックアップを取る4つの方法(初心者向け)
    rspk315
    rspk315 2021/06/27
    “BackWPup”
  • 【FileZillaの使い方】WordPressでFTPソフトを使おう

    WordPressで作られたブログのカスタマイズを行うときには、FTPソフト(ファイル転送ソフト)を使うと便利です。 1. FTPクライアントソフトとは? FTPクライアントソフト(FTPソフト)とは、サーバーに置いてあるファイルを手元のパソコンにダウンロードしたり、逆に手元のパソコンからアップロードしたりするためのソフトです。 WordPressの場合 WordPressの場合、借りたサーバー上にWordPressの構成ファイルが置かれています。「構成ファイルを編集したい!」というときには、FTPソフトによりダウンロード&編集して、再度アップロードするわけですね。 2. FTPソフトでできること テーマのデザインをカスタマイズ FTPソフトがいちばん活躍するのは、サイトのデザインをカスタマイズしたり、管理画面からは行うことはできない細かな設定を変えるときですね。 WordPressのブロ

    【FileZillaの使い方】WordPressでFTPソフトを使おう
    rspk315
    rspk315 2021/06/25
  • 【WordPress】functions.phpからhead内にタグを追加する方法

    Ver1.3.2より、この記事で紹介している方法を使わなくとも、カスタマイザーからheadタグ内に簡単にコードを挿入できるようになりました。外観⇒カスタマイズ⇒headタグにコードを追加欄をご利用ください。 WordPressではheader.phpをいじることなく、functions.phpからhead内にタグを追加することができます。子テーマのfunctions.phpなどからメタタグを追加したい場合などに便利です。 コード 以下のコードにより、head内にタグを出力できます。 functions.php //headにタグを追加 add_action( 'wp_head', 'add_meta_to_head' ); function add_meta_to_head() { echo 'ここにhead内に出力したい内容'; }

    【WordPress】functions.phpからhead内にタグを追加する方法
    rspk315
    rspk315 2021/02/28
  • 全て無料!美しいPhotoshopのパターン素材38選(.pat)

    この記事ではフォトショップで使える便利なフリーパターン素材を38つ厳選して紹介します。どれも.pat形式のデータです。これらのデータをフォトショップに取り込むことで、美しくオシャレな背景を簡単に作ることができるようになります。また、図形の塗りつぶしパターンとして使えば、ユニークな模様の四角形や円形、ハート型などをぱぱっと作ることができます。

    全て無料!美しいPhotoshopのパターン素材38選(.pat)
  • 【Photoshop】切り抜きの方法5つと便利なテクニック

    フォトショップには画像の切り抜きの方法がたくさんあって結局どの方法を使えばよいのかイマイチ分かりませんよね。この記事では、これだけ知っておけば、ほとんどのものを綺麗に切り抜ける!という切り抜きの方法を5つまとめました。

    【Photoshop】切り抜きの方法5つと便利なテクニック
  • 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

    使い方 HTMLCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1:CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

    【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
  • これが無料?おしゃれなTumblrテーマ26選(レスポンシブデザイン対応)

    Tumblrが素晴らしいのは、超ハイクオリティーなデザインテンプレート(テーマ)を無料で使用することができる点です。以下で紹介するデザインテーマはどれも無料でインストールすることができます。また、どれもレスポンシブ対応です。

    これが無料?おしゃれなTumblrテーマ26選(レスポンシブデザイン対応)
  • 1