タグ

simplicityとwordpressに関するuraraiのブックマーク (6)

  • Simplicityのスキン

    スタイルシートのみで、手軽に外観を変更したい場合は、スキンがお勧めです。 他の人が作ったSimplicityスキンでも利用できます。 詳しい仕様は以下を参照してください スキン機能の仕様 パーツスキン機能の仕様 Simplicityスキンの利用 Simplicityのスキン機能を利用するには、Wordpress管理画面から「外観 → カスタマイズ」を選択してください。 そして、「スキン」項目を選択します。 「スキン」項目では、いくつかデザインを選べるようになっています。 Simplicityスキンのダウンロード Simplicity用のカスタマイズ用スキンです。

    Simplicityのスキン
  • Simplicityの子テーマに固定ページのテンプレートを追加

    固定ページを追加する際に、PHPで動的な記述を追加したかったのでオリジナルのテンプレートを作りました。 私が過去に扱ってきたテーマの固定ページのテンプレートとはちょっとやり方が違ったので少しだけハマりました。 通常(?)では、テーマファイルの直下に「page-XXXXX.php」というファイルを準備して、そのソース内冒頭にコメントでテンプレート名を記述する…というようなやり方でした。

    Simplicityの子テーマに固定ページのテンプレートを追加
  • LINEのアプリ連携

    以前は、パソコンからだとLINEページが表示されるだけの意味のないボタンだったので、パソコンからでもシェアできるようにそのような仕様にしました。 これを何とかするには、現状sns-buttons-default.phpsns-buttons-balloon.phpsns-buttons-icon.phpLINEの部分をアプリが開くようなURLに変更するしかないのかもしれません。 ただ、スマホからだとアプリから開いたほうが利便性が高いので、スマホ表示だとアプリが開くように実装をちょっと考えてみたいと思います。

    urarai
    urarai 2020/06/06
    Twitterシェアボタンの文言を弄る方法。#52060 のソースをfunctions.phpに貼り付ける。
  • カスタマイズの参考に、Simplicityの「投稿ページ」の詳細な解剖シート

    カスタマイズの参考に、Simplicityの「投稿ページ」の詳細な解剖シート
  • Simplicityテーマのファイル構造について説明

    Simplicityのファイル構造 以下でそれぞれのファイルの役割について説明します。 ( マークがついているものは、一般的にWordpressでよく使われるファイル。) より詳しい解剖シートは以下を参照してください。 css スタイルシートの機能を拡張するためのCSSファイルを保存しておく場所。 images 画像などを保存しておく場所。 js JavaScript関連の外部ファイルを保存しておく場所。 lib テーマで使用する関数などを保存しておく場所。 lightbox Lightboxファイルを保存しておく場所。 page-template 固定ページ用のテンプレートを保存しておく場所。 responsive-test ローカル用のレスポンシブテストファイルを保存しておく場所。 skins スキン機能に関するファイルを保存しておく場所。 webfonts Font Awesomeの

    Simplicityテーマのファイル構造について説明
  • SimplicityのナビバーにAwesomeのアイコンを表示する方法

    最近、他のブログを見ていて、トップメニューにアイコンを表示させたいなと思いました。そこで色々調べてみると私が思っていたトップメニューのことはナビゲーションメニューというとか、SimplicityではAwesomeというWebフォントを使っていて簡単に導入できるという事がわかりました。 というわけで今回はSimplicityのナビゲーションメニューにAwesomeのアイコンを表示する方法についてご紹介します。 家のわいひらさんのサイトを参考にさせて頂きました。いつもありがとうございます。 ナビゲーションメニューにアイコンを表示する方法やることはたったの3つです。 プラグイン「Font Awesome 4 Menus」のインストール外観→メニュー→表示オプション→CSSクラスにチェックメニュー毎にAwesomeのクラス名を追加作業時間の目安としては大体3分ぐらいです。(メニューの数にもよりま

    SimplicityのナビバーにAwesomeのアイコンを表示する方法
  • 1