• Skip to content
  • Skip to primary sidebar
  • Skip to footer

日常の業務効率化をサポート-Thunderbird(Outlook)やWordpress設定

Archives for 11月 2017

ファビコンfaviconについて

2017年11月30日 Leave a Comment

ファビコンfaviconを作りましょう!!

ファビコンfaviconって何?

ブラウザでお気に入りに入れた時にホームページ名の左に表示されるマークです。
ファビコン

↑このマーク

 

これを作成していないと

ファビコンを設定しない場合

このようなマークになります。

 

寂しいですし、自分のホームページをお気に入りに入れてもらったあとに見つけやすくなります。

見つけやすいということは、一日に見てもらえる人の数が増える可能性があるという意味です。

 

ファビコンの代表的なサイズ

 

  • 16px × 16px:IEのタブ
  • 24px × 24px:IE9の「ピン留め機能」
  • 32px × 32px:Chrome、Firefox、Safariなどのタブ
  • 48px × 48px:Windowsデスクトップ
  • 64px × 64px:高解像度のWindowsサイトアイコン
  • 48px × 48px:ショートカットアイコン
  • 64px ×64px:ショートカットアイコン
  • 128px ×128px:ショートカットアイコン
  • 144px ×144px:Androidホーム画面
  • 152px ×152px:iOS・Androidホーム画面
  • 258px ×258px:ショートカットアイコン

ってキリがないので、

16px × 16px、32px × 32pxのみで十分です。経験を積んでいき、余裕が出てきたときに気が向いたら他サイズを検討してよいというレベルです。

 

前記のファビコンの形を見ると丸型ですが、初心者は、正方形で作ります。

 

制作の流れ

  1. 152px ×152pxの正方形でマークを作ります。
  2. 自動変換サービスで複数の画像を生成します。
  3. ファビコン画像ファイルを作成します。
  4. サイトにアップ・設定します。

152px ×152pxの正方形でマークを作る

Windowsでペイントを開きます。

152×152のサイズにします。下図の赤丸の箇所を【クリック】するとサイズ変更できます

ペイントでサイズ変更

 

 

縦横比を維持するのチェックを外して152のサイズを入力します縦横比を維持する

 

作ったのがこれ

初心者マーク

 

自動変換サービスで複数の画像を生成

https://realfavicongenerator.net/

英語です。でも簡単です。

開いて、下記の赤い箇所を【クリック】

favicon作成方法

下記画面が表示されるの右下青いボタンを【クリック】

favicon作成方法の続き

下記ページが表示されるので、スクロールして下部の青いボタンを【クリック】

ファビコンの元の画像を作成します

下記の箇所を【クリック】してファイルをダウンロードします

 

ファビコンを作成するための画像を作成する方法

複数の画像がダウンロードされますが

 

・favicon-16×16.png
・favicon-32×32.png
・android-chrome-144×144.png→144×144
・apple-touch-icon.png→152×152

のみを使用します。

 

ファビコン画像ファイルを作成します。

https://ao-system.net/alphaicon/

下記「画像ファイル1を選択」からひとつひとつ画像を選択して、最後にアイコン作成ボタンを押します

ファビコンを作成

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

アイコンダウンロードボタンを押すと、ファビコンの出来上がりです。

次回は、設定です。また、更新します。

ファビコンをサイトにアップ・設定

STINGERというWordpresのテーマを使用している場合には「STINGER管理」というページでファビコンをアップする箇所があります

STINGERでファビコンを設定する方法

 

 

Filed Under: WordPress, Wordpress超初心者

ダッシュボードでテーマを直接編集しようとしているようです

2017年11月28日 Leave a Comment

最近、子テーマを作成していないWPでCSSを編集しようとすると下記のような表示が出現した

WordPress ダッシュボードでテーマを直接編集しようとしているようです。直接編集しないようお勧めします。テーマを直接編集するとサイトを壊してしまったり、変更内容が将来の更新で失われてしまう可能性があります。単にテーマの CSS を調整するだけではない場合には、子テーマを作成してみると良いかもしれません。

どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。

Filed Under: WordPress

カテゴリを一括追加

2017年11月28日 Leave a Comment

Taxonomy Import を使用しようと思ったら最新のWordpressでは使えないのか、プラグイン新規追加で検索できなった

WP Taxonomy Import サイトでダウンロードして、ダウンロードファイルからインストールするようにした

Simple Taxonomy Ordering
ドラッグアンドドロップで順番を変更

NextGEN Gallery – WordPress Gallery Plugin
気になるプラグイン
最も人気のある WordPress ギャラリープラグインで、1800万回を超えるダウンロード数で最も人気のあるプラグインの1つです。

Filed Under: WordPress

固定ページにカテゴリを追加する方法

2017年11月28日 Leave a Comment

functions.phpへ

 

add_action('init','add_categories_for_pages'); 
function add_categories_for_pages(){ 
register_taxonomy_for_object_type('category', 'page'); 
} 
add_action( 'pre_get_posts', 'nobita_merge_page_categories_at_category_archive' ); 
function nobita_merge_page_categories_at_category_archive( $query ) { 
if ( $query->is_category== true && $query->is_main_query() ) { 
$query->set('post_type', array( 'post', 'page', 'nav_menu_item')); 
} 
}

を追加する



Filed Under: WordPress

Outlookでさくらのレンタルサーバのメールを設定でエラー

2017年11月19日 Leave a Comment

Outlookでさくらのレンタルサーバのメールを設定するとエラーが出る。

証明書の表示
接続しているサーバは、確認できないセキュリティ証明書を使用しています。

 

証明書の表示を【クリック】

↓

証明書の情報
証明書のインストールを【クリック】

 

↓

証明書のインポートウィザードの開始
証明書のインポートウィザードの開始を【クリック】

↓

証明書ストア
次へを【クリック】

↓

 

証明書のインポートウィザード
証明書のインポートウィザード

 

 

 

 

 

 

Filed Under: Office365

  • Page 1
  • Page 2
  • Next Page »

Primary Sidebar











最近の投稿

  • ThunderbirdでGoogle Todoとリンク
  • Thunderbirdを使うの巻
  • ファビコンの作成方法
  • カスタムメニューを追加する方法の巻
  • WordPress記事内の画像パスを一括置換

最近のコメント

    アーカイブ

    • 2022年3月
    • 2021年8月
    • 2021年6月
    • 2021年5月
    • 2021年1月
    • 2020年12月
    • 2020年10月
    • 2020年2月
    • 2019年7月
    • 2018年12月
    • 2018年10月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2018年5月
    • 2018年4月
    • 2018年3月
    • 2018年2月
    • 2018年1月
    • 2017年12月
    • 2017年11月
    • 2017年10月
    • 2017年9月
    • 2017年8月
    • 2017年6月
    • 2017年4月
    • 2017年3月
    • 2017年2月
    • 2017年1月
    • 2016年9月
    • 2016年8月
    • 2016年7月
    • 2016年6月
    • 2016年5月
    • 2016年4月
    • 2016年3月
    • 2016年2月
    • 2016年1月
    • 2015年12月

    カテゴリー

    • EC-CUBE
    • Genesis
    • Joomla!
    • Office365
    • PC設定
    • SNS
    • windows10
    • WordPress
    • Wordpress超初心者
    • クラウド
    • サーバ設定
    • ブラウザ
    • マーケティング
    • メール関連
    • 便利なツール
    • 未分類
    • 統計


    info-zero

    Footer

    U-NEXT

    U-NEXT

    Rapidgator.net

    Copyright © 2023 · Lifestyle Pro on Genesis Framework · WordPress · Log in