โฮมเพจ » ทำอย่างไร » ปรับแต่ง Google Reader iPhone Edition ใน Firefox Sidebar ของคุณ

    ปรับแต่ง Google Reader iPhone Edition ใน Firefox Sidebar ของคุณ

    หากคุณเป็นแฟนตัวยงของทั้ง Google Reader และ Firefox คุณจะสนใจที่จะรู้ว่า Reader เวอร์ชัน iPhone ของ Google นั้นเหมาะสำหรับแถบด้านข้างของ Firefox และด้วยการปรับแต่งเล็กน้อยเราสามารถทำให้มันพอดี.

    เราสามารถปรับแต่งมันเพื่อลบส่วนหัวเลือกหน้าเริ่มต้นของเราลดแบบอักษรและลบข้อความที่ตัดตอนมาเพื่อให้รายการสะอาดดีเช่นนี้:

    เพิ่ม Google Reader iPhone Edition ลงใน Firefox Sidebar

    สิ่งที่คุณต้องทำคือคลิกขวาที่ใดก็ได้บนแถบบุ๊คมาร์คและเลือกที่คั่นหน้าใหม่ตั้งชื่อ (หรือปล่อยว่างไว้) และใส่ URL ต่อไปนี้:

    http://www.google.com/reader/i/

    ตรวจสอบให้แน่ใจว่าคุณทำเครื่องหมายที่ช่อง“ โหลดบุ๊กมาร์กนี้ในแถบด้านข้าง” และเสร็จแล้ว.

    ตอนนี้เมื่อคุณคลิกที่คั่นหน้าคุณจะเห็นว่ามันเปิดขึ้นในแถบด้านข้าง.

    เปลี่ยนบุ๊กมาร์กเพื่อเปิดแท็กเฉพาะ (หรือหน้า)

    ปัญหาแรกคือบุ๊กมาร์กเปิดไปที่มุมมองรายการทั้งหมดตามค่าเริ่มต้นซึ่งไม่ดีสำหรับพวกเราที่มีการสมัครสมาชิกจำนวนมาก ฉันชอบเปิด Reader ด้วยแท็ก "รายการโปรด" ที่เลือกไว้ตามค่าเริ่มต้นดังนั้นเราจะต้องปรับเปลี่ยนนี้.

    นำทางในแถบด้านข้างไปยังแท็กที่คุณต้องการจากนั้นคลิกขวาในพื้นที่ว่างของหน้าและเลือก "ดูข้อมูลหน้าเว็บ"

    ตอนนี้คุณจะเห็น URL โดยตรงไปยังหน้านั้นซึ่งคุณสามารถคัดลอกไปยังคลิปบอร์ด ...

    และจากนั้นใช้ในคั่นหน้าใหม่หรือปรับแต่งคั่นหน้าเดิมที่คุณสร้างขึ้น.

    ตอนนี้เมื่อใดก็ตามที่คุณคลิกที่คั่นหน้าคุณจะเห็นหน้าที่คุณต้องการดู.

    ลบเส้นขอบสีน้ำเงินที่น่าเกลียด

    หมายเหตุ: สำหรับการปรับแต่งส่วนที่เหลือคุณจะต้องมี การขยายที่มีสไตล์ ติดตั้งหรือคุณสามารถสร้างไฟล์ชื่อ userContent.css ในไดเรกทอรีธีม Firefox ของคุณและวางรหัสที่นั่น.

    ไม่ว่าจะด้วยเหตุผลใดโลโก้ Google Reader จะมีขอบสีน้ำเงินที่น่ารำคาญอยู่รอบ ๆ แต่เราสามารถลบออกได้ด้วยสคริปต์ Stylish Stylish.

    คลิกที่ไอคอนมีสไตล์เลือกสไตล์การเขียนและสไตล์ที่ว่างเปล่า.

    ตั้งชื่อที่สื่อความหมายให้กับสไตล์แล้ววางในข้อความต่อไปนี้:

    @namespace url (http://www.w3.org/1999/xhtml);

    @ -moz-document url-prefix (http://www.google.com/reader/i)
    .โลโก้ img border: 0px! important;

    คุณสามารถคลิกปุ่มดูตัวอย่างเพื่อดูการเปลี่ยนแปลงได้ทันที:

    ลบส่วนหัวทั้งหมด

    แทนที่จะเปลี่ยนเส้นขอบคุณสามารถลบส่วนหัวภาพทั้งหมดได้เนื่องจากไม่จำเป็นจริงๆ ปรับสคริปต์ที่มีสไตล์ให้เป็นดังต่อไปนี้แทน:

    @namespace url (http://www.w3.org/1999/xhtml);

    @ -moz-document url-prefix (http://www.google.com/reader/i)
    .โลโก้ display: none! important;

    การคลิกปุ่มดูตัวอย่างจะแสดงการเปลี่ยนแปลงใหม่ ...

    ปรับขนาดตัวอักษร

    ไซต์ iPhone นั้นได้รับการปรับให้เหมาะกับหน้าจอสัมผัสขนาดเล็กดังนั้นแบบอักษรจึงใหญ่เกินไปสำหรับรสนิยมของฉัน เราสามารถเพิ่มบรรทัดต่อไปนี้ลงในสคริปต์ที่มีสไตล์เพื่อทำให้แบบอักษรมีขนาดเล็กลงเล็กน้อย:

    * ขนาดตัวอักษร: 0.97em! สำคัญ;

    หากคุณกำลังติดตามอยู่สคริปต์แบบเต็มควรเป็น:

    @namespace url (http://www.w3.org/1999/xhtml);

    @ -moz-document url-prefix (http://www.google.com/reader/i)
    .โลโก้ display: none! important;
    * ขนาดตัวอักษร: 0.97em! สำคัญ;

    ตอนนี้เรามีมุมมองที่กระชับมากขึ้นอ่านง่ายขึ้น:

    เปลี่ยนรายการเป็นหัวเรื่องเท่านั้น

    คุณจะสังเกตเห็นว่าคุณสามารถเห็นคำสองสามคำแรกของโพสต์ในมุมมองรายการ…โดยส่วนตัวแล้วฉันอยากแสดงหัวข้อข่าว เพิ่มสิ่งต่อไปนี้ในสคริปต์ของคุณ:

    span.item-snippet display: none! important;
    span.item-source-title font-size: 0.9em! important

    ตอนนี้เรามีแอปพลิเคชันแถบด้านข้างที่มีประโยชน์จริงๆ:

    สคริปต์เต็ม

    นี่คือเวอร์ชันสุดท้ายของสคริปต์นี้โดยมีการลบแถบโลโก้ขนาดตัวอักษรเล็กกว่าและไม่มีข้อความที่ตัดตอนมา.

    @namespace url (http://www.w3.org/1999/xhtml);
    @ -moz-document url-prefix (http://www.google.com/reader/i)
    .โลโก้ display: none! important;
    * ขนาดตัวอักษร: 0.97em! สำคัญ;
    span.item-snippet display: none! important;
    span.item-source-title font-size: 0.9em! important

    นี่ควรอธิบายว่าทำไมฉันถึงเป็นแฟนตัวยงของ Stylish.