Simplicity

ワードプレス

別サイト用、ワードプレステーマ、Simplicity適用の覚え書き。

ssl化

作者様のサイトが非常に詳しくわかりやすい。

XSERVERで常時SSLが無料なので、WordpressサイトをHTTPS化したときに行った全ての手順をまとめてみました。

パーマリンク設定

  1. ダッシュボード
  2. 設定
  3. パーマリンク設定
  4. カスタム構造

/%category%/%postname%/

これは好きなモノを選べばいいと思います。が、個人的に html でサイトを作った際の自然な表記が好きです。

/%postname%/

今後、カテゴリの変更をしても、記事のリンク先に影響がでないように変更しました。

高速化

Simplicityを高速化し、さらなるパフォーマンスアップをする方法を解説します。高速化には、ブラウザキャッシュの設定と、リソースを圧縮の設定を行います。たったこれだけのことですが、かなりの高速化が図れます。例、Simplicityに今回

AddQuicktag

これはほぼ必須のウィジェット

HTML エディターやビジュアルリッチエディターで定型入力に使用できるクイックタグを簡単に追加・管理できます。

シンプルシティでは、Font Awesomeはもともとheaderに組み込まれていますか?
はい!シンプルシティでは、Font Awesomeはもともとheaderに組み込まれています
addquicktag便利ですね。 使い方はいろんなサイトで非常に丁寧に説明してくれてるんで、とはではこれだけ分かればとりあえず使えるよう...

テキストのタグ

バッジ

キーボード

補足説明i
補足説明?
primary プライマリとは、最初の、第一の、主要な、基礎的な、などの意味
success サクセスとは、成功
info インフォメーションとは、知らせ、情報、報知、受付、案内所
warning ワーニングとは、悪いことの前兆、警告
danger ダンガーとは、危険

WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法

LINEでの会話のような吹き出し型バルーンをCSSで作成する方法です。会話文章にLINEっぽい雰囲気を出せるかと思います。

今、時間ある?

ちょっと手伝って欲しいんだけど、いいかな?

なに?

近くのコンビニでiTuneカードを何枚か買ってきて欲しいんだけどいいかな?

そんなことより、CSSの話をしようぜ。

 
ライン風もSimplicityではセットされてるんで、addquicktagで登録しておくと便利

続きはWEBで!的な検索を促す案内を表示するためのスタイルシート

記事内から訪問者に対して、キーワードを指定して検索へ誘導しやすくするCSSの書き方と設定方法を紹介しています。
検索窓風
検索
ライン風もSimplicityではセットされてるんで、addquicktagで登録しておくと便利

Simplicityの基本的な文章装飾スタイルを使う方法まとめ

上のん書いたけどぜんぶここにあったorz

Simplicityでは、デフォルト状態で、文字装飾に使えるCSSの拡張クラスをいくつか用意しています。以下では、それら拡張クラスの使い方について説明したいと思います。文字装飾まずは、文字装飾用に以下のようなクラスがあります。太字文字を&l

シェアする

  • このエントリーをはてなブックマークに追加

フォローする